みおはぴの毎日プログラミング

プログラミングの豆知識などを毎日19時にご紹介!!

初心者でも簡単!! オリジナル作品のコード3選【 Processing 番外編 】

こんにちはみおです。

 

 

今回は番外編という事で、私が今までに作ったオリジナル作品から3つに絞って、コードと作品を紹介していきたいと思います。

 

 

今後、オリジナル作品やアレンジ作品を作る際の参考になれば良いなと思います。

 

 

 

それでは今回はゆる〜くやっていきましょう!

 

 

 

 

1.円を大量に使った可愛い系の作品

完成図

f:id:mioProcessing:20200309110833p:plain

 

 

これは私が2番目に作ったオリジナル作品です。

 

 

作品のコード

<1タブ目>

f:id:mioProcessing:20200309110927p:plain

f:id:mioProcessing:20200309110938p:plain

f:id:mioProcessing:20200309110946p:plain

f:id:mioProcessing:20200309110955p:plain

 

<2タブ目>

f:id:mioProcessing:20200309111036p:plain

f:id:mioProcessing:20200309111043p:plain

f:id:mioProcessing:20200309111050p:plain

 

<3タブ目>

f:id:mioProcessing:20200309111104p:plain

 

 

 

この作品は3タブに分けて作りました。

 

これは【 Processing 応用編 No.2 】で紹介した、複数の円を効率よく描くための変数を使っていきました。

 

【 Processing 応用編 No.2 】〜複数の円を効率よく描く方法〜 - Processingの基礎と応用

 

 

 

ものすごく地道な作業ですが、どんどん自分のイメージに近づいてくるととても楽しいです。

 

 

 

2.紅白をイメージ!花を描いた和風な作品

完成図

f:id:mioProcessing:20200309111548p:plain

 

 

この作品のコード

<1タブ目>

f:id:mioProcessing:20200309111634p:plain

f:id:mioProcessing:20200309111641p:plain

f:id:mioProcessing:20200309111724p:plain

f:id:mioProcessing:20200309111733p:plain

f:id:mioProcessing:20200309111748p:plain

 

<2タブ目>

f:id:mioProcessing:20200309111823p:plain

f:id:mioProcessing:20200309111832p:plain

f:id:mioProcessing:20200309111838p:plain

 

 

 

この作品も背景は先ほどと同様に効率よく円を描く変数を使用しています。

 

花の所は円を少しづつずらして描いているだけなので、全然難しくもなく、簡単に作る事が出来るのでぜひやって見てください!

 

 

 

3.段々と濃くなっていく動画の作品

完成図

www.youtube.com

 

この作品のコード

f:id:mioProcessing:20200309113248p:plain

f:id:mioProcessing:20200309113256p:plain

f:id:mioProcessing:20200309113303p:plain

f:id:mioProcessing:20200309113311p:plain

f:id:mioProcessing:20200309113319p:plain

f:id:mioProcessing:20200309113327p:plain

 

 

これは一応2タブ目も作っていたのですが、結局1タブしか使いませんでした。

 

これはまだ紹介していないコードも含まれているのですが、作りとしては【 Processing 入門編 No.6 】で紹介したアニメーションの作り方と同じです。

 

【 Processing 入門編 No.6 】〜アニメーションを作ってみよう〜 - Processingの基礎と応用

 

 

動きのある作品を作るのはすごく達成感があるので、ぜひやってみてください!

 

 

 

 

今日のまとめ

今回は今まで作ったオリジナルの作品から3つに絞ってコードを紹介していきました。

 

これもまた定期的にやっていきたいなと思っているので、たまにはゆる〜くやっていけたらなと思います。

 

 

また、これを見て少しでも参考になってもらえたら良いなと思います。

 

それでは今回はこの辺で終わりにしたいと思います。

 

最後まで見てくださり本当にありがとうございました。

 

また次回も見てくれると嬉しいです。

 

 

 

<合わせて読みたい>

【 Processing 番外編 】〜今読みたい用途別オススメ参考書4選〜 - Processingの基礎と応用

Processingとは一体なに⁈ 【 特徴とProcessingを使って出来る事 】 - Processingの基礎と応用

【 Processing 応用編 No.2 】〜複数の円を効率よく描く方法〜 - Processingの基礎と応用

【 Processing 入門編 No.6 】〜アニメーションを作ってみよう〜 - Processingの基礎と応用