01-06 結果の出力先
プログラムは何らかの処理を行い、結果を出力します。 Scratchの場合 Scratchではスクリプトエリアに作成したプログラムが動作すると、ステージエリアに結果が表示されました。 Scratchの画面 p5.jsの場合...
プログラムは何らかの処理を行い、結果を出力します。 Scratchの場合 Scratchではスクリプトエリアに作成したプログラムが動作すると、ステージエリアに結果が表示されました。 Scratchの画面 p5.jsの場合...
前回の項では circle() を使って円を描く方法を学びました。ここでは、より多くの図形を描く方法を紹介します 楕円の描画(ellipse) ellipse() を使うと、楕円を描くことが...
p5.jsはグラフィックに特化した開発環境です。図形を描いたり、画像を表示してアート作品を作成することができます。また、音楽データを解析してサウンドイコライザーを作ることも可能です。これらの特徴から、アート系のプログラマ...
図形を描いてみよう p5.jsのエディターに以下のコードをコピーして、再生ボタン(▶)を押してみよう。 画面に白い丸が描かれます。 ソースコードのルール エラーに注意! コードのスペルを間違えたり、ルールを守らないとエラ...
まずは、p5.jsでプログラムを実行する方法を学びましょう。 p5.jsのエディターを開く p5.jsの公式エディターは、ブラウザ上で簡単にプログラムを書いて動かせるツールです。まずは、p5.js Web Editor ...
Scratchなどのブロックプログラミングから、コードを書いてプログラムを作る世界へ進むと、新しい発見がたくさんあります。最初は少し大変かもしれませんが、その分、できることもぐんと増えます。 コードを書くことで、未来が広...
forの中にforがある構造を二重ループと呼ぶ。 二重ループでは内側のループの変数が先に変化していく。外側のiが1の状態で、内側のjが1,2とくり返し、次にiが2となり、内側のjが1,2とくり返す。これをiが3になるまで...
2次元配列でできたマスの中を移動して「文字」を拾う。 例題1-17-1 「i+=1」は下に1マス移動、「j+=1」は右に1マス移動となる。以下のプログラムを実行した時に進んだ位置の文字を集めるとどんな言葉になるか? コー...
行と列の2つで管理する配列を2次元配列という。 2次元配列は行番号(i)と列番号(j)で管理される。たとえば3行4列の2次元リストは以下のように作る。Excelの表と似ている。 i行j列の要素はm[i][j]で参照できる...