「JavaScript/TypeScriptで書いてみた」の記事一覧

JavaScriptで簡単な漢字テストのアプリをつくります。お題を表示しユーザーに答えを入力させる。入力された答えに応じて適切な処理ができるようになればそれ以外の簡単で有用なアプリをつくることができるようになります。C#・・・

続きを読む

JavascriptはC#と違ってバグに気づきにくいです。 たとえばこんなコード。 [crayon-638c6e6a73e79654160974/] func1関数はnumber型を返します。これに対してfunc2関数は・・・

続きを読む

Three.jsで直線をシーンに追加して透視投影と平行投影で描画して比較してみます。 Three.jsで直線を描画するには？ Three.jsで直線を描画するにはどうすればいいのでしょうか？　以下のようなサンプルプログラ・・・

続きを読む

ThreeJSでHSP3オフィシャル3D素材「珠音」を表示させて走らせてみます。 動作確認はこちらから ThreeJSを使えば3Dオブジェクトを描画することができます。ただこれまでは自作したヘンテコな物体の描画しかしてき・・・

続きを読む

JavaScriptで作成したクラッシュローラーもどきのゲームにランキング機能を追加します。 動作確認はこちらから このゲームをある方に見せたら「ランキング機能を追加したほうがよい」といわれました。たしかにランキング機能・・・

続きを読む

今回はディスプレイによって表示サイズを変更できるようにします。 動作確認はこちらから 前回までスマホでも表示されるようにするために320px×480pxで作成しましたが、PCだとちょっと小さくしか表示されないという問題が・・・

続きを読む

これまでに作ってきたゲームはPCでないと操作できませんでした。今回はスマホでも操作できるようにします。 動作確認はこちらから スマホ用のボタンを追加する ボタンのようなものを追加してこれをタップするとプレイヤーを操作でき・・・

続きを読む

前回は敵の追尾を実装しました。今回はローラーを使った反撃と当たり判定を実装します。 動作確認はこちらから ローラーを描画する まずローラーを表示させます。ローラーの位置情報を管理するためのクラスをつくります。 XとYは現・・・

続きを読む

前回は通路の描画とプレイヤーの移動と描画処理を実装したので、今回は敵の動作と描画の処理の実装を考えます。 動作確認はこちらから Enemyクラス Enemyクラスを作成してそのなかで移動に関する処理をおこないます。 初期・・・

続きを読む

前回、C#で作成したクラッシュローラーをJavaScriptに書き直します。今回は通路の作成とプレイヤーの移動の処理をおこないます。 動作確認はこちらから 素材 画像として以下を使います。 入手元 「やさぐれひよこ素材」・・・

続きを読む