こんにちはダダです
Processingで線、図形、配色などの基本的な内容は少しずつ理解できてきたので
線、図形、配色を利用した作品を作っていきましょう
今回は、Processingを使用して国旗を書いて作品を作っていきましょう
注意点
この記事はProcessingのPython設定で作成しております
Java設定だとエラーが出るので注意してください
設定方法がわからない方は、以下の記事を参考にしてみてください
Processingでプログラミング言語をpythonでどんなものが描けるの？？？
今回は以下のような国旗を書いていきました
各国旗の書き方をサンプルコードと一緒に見ていきましょう
国旗を書いてみよう
ではさっそく書いていきましょう
日本
参考コード
|
1 2 3 4 |
size(900, 600) background(255, 255, 255) fill(255, 0, 0) ellipse(450, 300, 300, 300) |
これは、背景を白くして、真ん中に赤い円の図形を書いて完成です
バングラディッシュ
ポイント
- 背景は深い緑
- 中心の赤丸は若干左より
しらなんだー
参考コード
|
1 2 3 4 |
size(900, 600) background(4, 116, 4) fill(255, 0, 0) ellipse(400, 300, 300, 300) |
日本の国旗と似たいますが、若干異なる部分があるので注意してね
フランス
ポイント
- 背景を三分割ができなかったので資格を3つ作る
- 枠をなしにする。
参考コード
|
1 2 3 4 5 6 7 8 9 10 |
size(900, 600) fill(0, 0, 255) noStroke() rect(0, 0, 300, 600) fill(255, 255, 255) noStroke() rect(300, 0, 300, 600) fill(255, 0, 0) noStroke() rect(600, 0, 300, 600) |
フランス国旗は、四角を３つ色をつけて作りました
四角を２つで作る方法もあるので試してみてね！！
ドイツ
ポイント
- フランスのやり方で横にした
- 赤と緑で黄色になった
参考コード
|
1 2 3 4 5 6 7 8 9 10 |
size(900, 600) fill(0, 0, 0) noStroke() rect(0, 0, 900, 200) fill(255, 0, 0) noStroke() rect(0, 200, 900, 200) fill(255, 255, 0) noStroke() rect(0, 400, 900, 200) |
ドイツ国旗は、フランス国旗の横にしたバージョンです
配色も違うので、違いを楽しんでね！！
スウェーデン
ポイント
- 背景を黄色にして四角を4つ作るか
- 背景を青にして黄色い十字架を作るか
- 背景を青にして黄色い十字架を作る方がコードを書く量が少ないので黄色い十字架を作る
参考コード
|
1 2 3 4 5 6 7 8 |
size(900, 600) background(0, 185, 255) fill(255, 255, 0) noStroke() rect(0, 250, 900, 100) fill(255, 255, 0) noStroke() rect(300, 0, 100, 600) |
ノルウェー
ポイント
- スウェーデンの中にさらに十字架を入れた形
- 十字架の真ん中を取るのが若干難しかった
- コードが長くなってきたので少し分割して見やすくした
参考コード
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
size(900, 600) background(255, 0, 0) fill(255, 255, 255) noStroke() rect(0, 250, 900, 100) fill(255, 255, 255) noStroke() rect(250, 0, 100, 600) fill(0, 0, 255) noStroke() rect(275, 0, 50, 600) fill(0, 0, 255) noStroke() rect(0, 275, 900, 50) |
モルディブ
ポイント
- 三日月は白い丸に背景の緑色と同じ色の丸を重ねて三日月に見えるようにする
- モルディブ行ってみたい
- コードが長くなってきたので少し分割して見やすくした
参考コード
|
1 2 3 4 5 6 7 8 9 10 11 12 |
size(900, 600) background(255, 0, 0) noStroke() fill(5, 121, 23) rect(150, 100, 600, 400) fill(255, 255, 255) ellipse(450, 300, 300, 300) fill(5, 121, 23) ellipse(500, 300, 300, 300) |
まとめ
今回は今までの復習も込めて国旗を作って見ました
線、図形、配色がわかると作品ができるので、あなたもなにか作って楽しみながらプログラミングをしていきましょう
次は関数について学んでいきましょう
もしわからないことがあれば、このブログやXに質問等を投げていただければと思います。また、コミュニティもやっっているのでそちらから質問を投げていただいても大丈夫ですよ！！
Xのアカウントはこちら
Discordコミュニティ
プログラミングを視覚的に理解したい方やプログラミングで絵を書いてみたい方はUdemyで講座も作っているのでこちらも参考にしてみてください
Udemy講座
ChatGPTでPythonの学習を始めてみたい方は以下の記事を参考にしてみてください
ChatGPTはプログラミングの学習はできても、人のつながりまでは作ってくれません。
プログラミングの学習だけではなく、人との繋がりを作ってくれるスクールもオススメです。
気になる方は無料相談からでも体験してみてください！！
