球を回転しながら画面上を移動させる。 例題 4-7-1 ｘ軸（横）方向に移動する画面の左右端で跳ね返す。 コード 練習問題4-7-1 球体（sphere）を、Y方向に上下に動かしなさい。一番上または下まで動いたら、跳ね返...

立方体に変えてトーラス（円環面）を使う。 例題 4-6-1 立方体の代わりにトーラス（円環面）を使う。2つのトーラスを90度の角度で交差させ、鎖のように配置する。 コード 練習問題4-6-1 2つのトーラスを、それぞれ独...

p5.jsの3D機能を利用すると、3次元空間内に立体的なオブジェクトを描画したり、カメラを移動したり、光源を制御したりすることができる。 createCanvas関数の第３引数に定数WEBGLを指定することで、３D関連の...

アニメーションを行うにはframeRateとframeCountを使う。 p5.jsでアニメーションを行うための基本的な機能として以下がある。 ・frameRate(n)  draw関数を１秒間に呼び出す回数を...

例題 4-2-1：写真をスライド表示 1秒ごとに画像が1枚ずつ切り替わるスライドショーを作ります。frameRate(1) を使うことで、draw() 関数が1秒に1回実行されます。 コード 練習問題4-2-1 上の例題...

サムネイル表示した３枚の写真をクリックすると、その写真が大きく表示される。 ■マウスイベント処理 マウスがクリックされるとmousePressed関数が呼び出される。マウスクリックした位置は予約変数のmouseX,mou...

16×16のドットイメージで漢字のフォントを作る。 例題2-11-1 16×16のドットイメージで「漢」のフォントを作る。 コード 結果 練習問題2-11-1 位置と文字サイズを指定出来るように変更しなさい。なお、位置は...

コンピュータゲームの草分けである「スペースインベーダー」は、タイトーが1978年に発表した。それから約半世紀が経過した現在、コンピュータゲームは多岐にわたるジャンルが存在している。ニンテンドーやソニーのゲーム機が普及し、...

人間が考える通常の論理的思考とプログラミング的思考が異なる場合がある。その典型例が再帰 である。 再帰的(recursive:リカーシブ)な構造とは、自分自身(n 次)を定義するのに、自分自身より 1 次低い部分集合(n...

パスカルの著書「パンセ」の中にある有名な一節に「人間は自然のうちで最も弱い一本の葦にすぎない、しかしそれは考える葦である」というのがある。 コンピュータは同じ仕事を正確にしかも高速に繰り返すことは得意であるが、今のところ...