こんにちはダダです
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) |
まとめ
今回は今までの復習も込めて国旗を作って見ました
線、図形、配色がわかると作品ができるので、あなたもなにか作って楽しみながらプログラミングをしていきましょう
次は関数について学んでいきましょう
Pythonを学びたい方はこちらの記事を参考にしてみてください
プログラミング学習を進めているけれど、まだ副収入につなげられていない…そんなあなたへ！今こそ、学んだスキルを活かして副業に挑戦する絶好のチャンスです。プログラミングだけでなく、自分のスキルや商品をネットで販売する『ネットショップ』を開設してみませんか？
ネットショップを持つことで、自分の知識やスキルをより多くの人に届け、副収入を得ることが可能です。学んできたプログラミングを活かして、ショップのカスタマイズや運営も自由自在に行えますし、もし商品作成が難しい場合でも、デジタル商品やサービス提供など、いろんな選択肢があります。
このステップで一歩踏み出せば、今学んでいることが副収入に直結し、自分の時間をより有効に使うことができるはずです！一緒にネットショップを開設し、副業の第一歩を踏み出しましょう！
プログラミングを学びたいけど、どこから始めたらいいのか分からない、自分に合っているか不安…そんな悩みを持っている方におすすめしたいのが、 無料相談 サービスです！
この無料相談では、あなたの現状や目標に合わせて、最適な学習プランを一緒に考えてくれます。どんなスキルが必要なのか、どうやって学習を進めると効果的かを具体的にアドバイスしてもらえるので、無駄なく効率的にスタートを切ることができます。
さらに、プログラミング学習には同じ目標を持つ 仲間 がいること、そして頼りになる メンター の存在がとても大きな支えになります。独学ではどうしてもつまずきやすい部分も、メンターがあなたの成長に合わせて親身にサポートしてくれるので、安心して学びを進められます。
まずは 無料相談 で、あなたに合ったプランを見つけて、スキルアップへの第一歩を踏み出してみませんか？今なら、迷っている方でも気軽に相談できるチャンスです！
