1/√2の長方形を敷き詰める。 例題 3-5-1 長辺と短辺の比率が2：1の長方形を1つ描き，その長方形の長辺の半分を短辺，元の短辺を長辺とする長方形を90c横にして描き，これを繰り返す．すると，長方形の対角線は角度を9...

正多角形を描くプログラムを応用して、渦巻模様を描く。 例題 3-4-1 正多角形を描くところで説明したように、４角形を書くには90°回転した。この回転角度を少しずらした89°にし、さらに直線を引くたびに長さを「-1」して...

forの中にforがある構造を二重ループと呼ぶ。 二重ループでは内側のループの変数が先に変化していく。外側のiが1の状態で、内側のjが1,2とくり返し、次にiが2となり、内側のjが1,2とくり返す。これをiが3になるまで...

3角形、4角形、5角形など個々の多角形を書く問題を一般化して「n角形」を書くという問題 に置き換える。 プログラム的には変数nを使ってn角形を書くということになる。 繰り返す回数は「3」⇒「n」、回転する角度は「360/...

３角形、４角形などの正多角形を描く。 開始点から右に200進み、90°向きを回転し、200進む。さらに90°向きを回転し、200進む。さらに90°向きを回転し、200進む。これで開始点に戻り、正４角形が描ける。 開始点か...

p5.js にはタートルグラフィックスを行う関数はないので、「turtle.js」を用意した。 ・turtle.js move と turn を実現するためには，描画の現在位置（LP）と現在角を内部的に記憶しておかなけれ...

方向と長さを与えて直線を引いていく形式のグラフィックスをタートル・グラフィックスという。タートル・グラフィックスはLOGOや UCSD Pascalで有名になったもので、△形のカーソルをタートル（亀）にみたて、この亀に方...

「数学って、社会で何の役に立つの？」そんな声をよく耳にします。でも、実は高校で習う三角関数は、社会の様々な場面で活躍しています。 tan関数 たとえば、測量の世界ではその力が発揮されます。ある木の高さを直接測れないときで...

y=xやy=x2などの関数グラフを描く。 ■setpoint関数とmoveto関数を作る line 関数は始点と終点を与えて直線を描くが、関数グラフなどの連続した線を描く場合は、描画現 在位置(LPX,LPY)から(x,...

数学座標からp5.jsの座標に座標変換する方法を考える。 数学座標は画面の中央が原点（0,0）でｙ軸の正の向きは上方向である。一方p5.jsの座標は画面の左上隅が原点(0,0)でｙ軸の正の向きは下方向である。 p5.js...