JavaScript

JavaScript

エンカウント時に使えるフェードイン・アウト処理【JavaScript】

今回は、JavaScriptでフェードイン及びフェードアウト処理を実装したいと思います。 フェード処理と言うと、透明度を変更して再現することが多いですが、ポケモンでモンスターに遭遇する時や、ボス戦を迎えた時のようなエンカウント風フェード処理...
JavaScript

マウスイベントでキャラクターを動かす方法【JavaScript】

今回は、キャラクターを矢印の書かれた画像をマウスボタンの押下によって移動させる方法を実装していきたいと思います。 4方向に矢印を配置した画像を作り、クリックされた座標によって移動させる方向を決めます。 マウスイベントでキャラクターを動かす方...
JavaScript

【JavaScript】マップデータの当たり判定の実装について

前回、JavaScriptにて矢印キーでキャラクターを動かす方法を紹介しました。 とりあえず上下左右に自由自在に動かせるようになりましたが、山をすり抜けてしまうので、今回は当たり判定を実装して通れる所と通れない所を分けるようにします。 【J...
JavaScript

【JavaScript】マップ作りとキー入力によるキャラクターの移動

今回は、JavaScriptでゲームを作る際のキャラクターの移動方法について紹介します。 ボタンを配置して、対応したボタンによって特定の方向に移動させる方法等もありますが、手っ取り早くキーボードの矢印キー入力で上下左右に動かしてみようと思い...
JavaScript

JavaScriptを使ったパズルゲームの簡単な作り方!

今回は、JavaScriptを使用してパズルゲームを作りたいと思います。なぜ、Unityじゃないかって?もちろんUnityでも作れますが、JavaScriptならもっとあっさり作れちゃうからです。 100行にも満たないコードでシンプルなスラ...
JavaScript

JavaScriptでゲーム制作!VisualStudioの準備と実行の流れ編

今回から、Unity、Pygameに引き続きJavaScriptで行うゲーム開発に関する記事も書いていきたいと思います。 Unityでも相変わらずゲーム制作を行っているので、どれくらいのペースになるか分かりませんが、ぼちぼち進めていければと...
JavaScript

初心者がJavaScriptを学ぶ為の3つのステップ

非常に汎用性の高い言語としてお馴染みの「JavaScript」ですが、具体的に何から学べば良いのか分からない方も多いと思いますので、今回は初心者におすすめの学習パターンについて解説したいと思います。 初心者がJavaScriptを学ぶ為の3...