ホーム プログラミング Processing 2019年2月21日 2019年8月15日 プログラミング言語は色々ありますよね。 プログラミングを学ぶとき、どんな言語でも、まずはHello, World!! を表示して、変数の概念を学んで、if文、for文の制御構文を学ぶ、という流れで進んで行きます。 しかし、この辺りでプログラミング初学者にとって大きな落とし穴があります。 学んだところで、使い道がない…!
16.絵を描いてみよう 前回は基本的なグラフィック命令をいくつか紹介しました。 その命令を使って絵を描いてみましょう。 1. LINE命令で模様を描く LINE命令は線だけでなく四角を描くことに使います。 次の画面の絵を描いてみて下さい。 模様のサイズや表示する位置は適当でかまいません。 どうでしょう、描けましたか? 解答例としてのプログラムは次のようになります。 行番号30 で、四角の厚みを12ドットとしています。 あなたが作ったプログラムと解答例とに違いがあっても 実行結果が同じなら、それも正解です。 しかし、上のプログラムも作れるように内容を理解して下さい。 他人の書いたプログラムを解析することは、レベルアップするのに とても有効です。 2. リバーシゲームを描く 次の絵は割とシンプルなパーツで出来上がってます。 ちなみにゲームが遊べる仕組みは作らず、絵を描くだけです。 LINE命令で線やBoxを描きます。 では、解答例です。 プログラムを見て理解が難しい場合には、1行ずつ実行してみると分かり易いと 思います。 始めに行番号20 までを入力し実行します。 次に行番号30 を入力し実行します。 このようにすれば、それぞれ何を描いているか分かります。 3. sinカーブを描く 数学が不得意な人には大変かもしれませんが、三角関数の sin を使って sin カーブを描いてみます。 PSET命令を使い、ドット(点)でカーブを描いてます。 Y= 100 *SIN( 3. 14159*I/180) 100 を掛けているのは、 半径 を100ドットとするためです。 SIN のカッコ内の数値は 角度の計算式 です。 ここではこのように覚えて下さい。 変数 I は0度から360度まで、0. 1単位で変化させていきます。 PSET( 100 +I, 200 +Y), 5 100と200は 線の描き出し位置 となります。 パラメータとなっている各数値を変化させて実行してみて下さい。 どの数値がどのように働いているのか理解し易いと思います。 4. 絵を描いてみよう | プログラミングとゲームの杜. sinとcosで円を描く CIRCLE命令があるのに、なんて無駄なことを・・・。 と思うかもしれませんが、 変なことに挑戦するのもプログラミングの楽しさだと思います 。 sinとcosで円を描く時は、もうこのままを覚えて下さい。 行番号30 と 40 の 100 は円の半径です。 行番号30 だけ 50 にしてみて下さい。楕円形で描画されます。 PSET内の 300 と 200 は円の中心座標になります。 5.
ホーム プログラミング学習 プログラミングで絵を描く? 飽きずに長続きする秘訣は「遊び」にあり!【やらずに死ねないプログラミング】 2020年2月13日 前回 の記事で、プログラミングを学びはじめるにあたって、明確な目的が絶対に必要かといえばそうではないということをお伝えしました。目的は大切ですが、まだ経験したことのない多くのことは、まず遊ぶように「いろいろなことを試す」ことが大事だということも前回の記事で触れたとおりです。では、そのような入り口はどこにあるのでしょうか。今回はそのことについてお話しします。 コンピューターで「遊ぶ」ことが大事。 プログラミングで絵を描いてみよう。 やり方次第で絵以外にも応用できる。 これまでの【やらずに死ねないプログラミング】は こちら コンピューターという「道具」を遊ぶには プログラミングで「絵を描く」ことはお勧めのひとつです。プログラミングで絵を描くというと、ピンと来ない人もいるかもしれませんが、ゲームやコンピューターグラフィック(CG)などは、プログラミングで描かれていることが多いです。 【コラム】なぜ絵なの? 絵を描くのであればプログラミングより、パワーポイントやお絵かきソフトを使って描いたほうが早いかもしれません。それなのにわざわざプログラミングで絵を描くことが必要なのでしょうか?