プチコン講座

今回は、前回の続きで、上の画面のような前回よりもリアルな球を描いてみます。前回は球を正面から光で照らした場合の陰影を描画しました。しかし、球を正面から光で照らすシーンは、日常ではあまり出会いません。もっとも一般的なのは、満月でしょうか・・・...

前回紹介したレイトレーシングの手法は、時間がかかりすぎるのでゲームの画像表示に使うには向いていません。今回は、球を一つだけ、レイトレーシングよりも高速に描画するプログラムを作ってみます。上の画面が実行結果で、直径170ピクセルの球を0.6秒...

今回は、コンピュータグラフィックスの古典的な手法であるレイトレーシング法のプログラムを紹介します。これは、下記のリンク先にある、"Tiny Raytracer"というJavaScriptで書かれたプログラムをプチコン３号用に書き直したもので...

前回は隠面消去のアルゴリズムを使って迷路の壁を表示しました。しかし、表示できるものが壁だけでは寂しいですね。今回は前回のプログラムを拡張して、３Ｄ迷路の中に敵を表示しました。これで、１１日目の迷路探検ゲームの３Ｄ版ができます。今回のプログラ...

前回、ワイヤーフレームで３Ｄ空間を表現しましたが、今回からは１１日目で作成した迷路探検ゲームの３Ｄ版を作ってみます。プチコン３号　１１日目　当たり判定を追加して迷路探検ゲーム完成！: 楽しくやろう。前回のプログラムでは、線画で碁盤目状の地面...

前回、前々回とスプライトを使った擬似３Ｄ表示のプログラムを作ってきました。しかし２Ｄのゲームと比べると背景が簡素になってしまいます。２ＤではＢＧやスプライトを使用することができますが、どちらも回転と拡大しか行えません。擬似３Ｄ表示では近くの...

今回は前回のプログラムのバリエーションとして、視点がスクリーンより手前にある場合、およびスクリーンより奥にある場合のプログラムを作ってみます。前者はいわゆるFPS（First Person Shooting）ゲーム、後者はRPGなどキャラク...

今回は、３次元の空間の中を視点が動くプログラムを作ってみます。上の画面が今回の最終形です。視点をスライドパッドで前後左右に移動し、十字キー上下で上下に移動し、Ｌ・Ｒボタンで左右に回転します。物体のほうは水平面上に格子状に等間隔に並べてあり、...

今回からオブジェクト指向はいったんお休みにして、３次元グラフィックスを扱います。といっても、まずは映画のCGのような本格的なものではなく、スプライトの拡大・縮小を使った疑似３Ｄについて考えます。プチコン３号では、スプライトの拡大・縮小を自由...

前回のサンプルで、シューティングゲームにおける自機、および自機の弾の処理をＯＯＰ風に記述してみました。今回は同じシューティングゲームでの敵機と敵の弾の処理をＯＯＰ風に記述してみます。敵機の動作は、・画面上端にランダムに出現・真下へ向かって移...

前回までで、オブジェクト指向（風）プログラミングに必要な関数は一通りそろいましたので、使い方をサンプルでお見せします。例題は・スライドパッドで自機移動・Ａボタンで弾発射という、作りかけのシューティングゲームみたいなものです。プチコン３号本体...