JavaScript

JavaScript

JS:CanvasAPIでダンジョンを描画する

棒倒し法というアルゴリズムを使った2次元ダンジョンを描画するプログラムです。JavaScriptの標準機能であるCanvasAPIを利用した描画方法です。
JavaScript

Web Audio API:複数の音声ソース読み込み後に処理を実行したい

JavaScriptのWeb Audio APIを使ってゲームのBGMや効果音などを再生する際、音声ソースが全て読み込まれてから処理を行いたい場合があります。
JavaScript

JS:Web Audio APIの超簡単なサンプル

Playボタンを押すと指定した音声ファイルを再生するだけのWeb Audio APIを利用した超簡単なサンプルです。
JavaScript

JS:Web Audio APIを利用した簡単なサンプルと解説(参考文献MDN)

これはMDNにあるWeb Audio APIの使用で扱っているサンプルを少し簡単にしたものです。サンプルでは、音源の再生と一時停止、ボリュームコントロールを行っています。
JavaScript

JS:スマホの縦でも横でもキャンバスが収まるようにする

スマホを縦(ポートレート)にしても横(ランドスケープ)にしても縦横比を保ったままキャンバス全体を表示できるようにする処理について解説します。
JavaScript

JavaScript:Socket.IOでチャットアプリを作ってみる

この記事は、Socket.IOの公式サイトにあるGet startedで示されるチャットサンプルの制作手順を日本語で解説したものです。
JavaScript

JavaScript:[Intervention] Unable to preventDefault inside passive eventが出る際のイメージと対処法

エラーの意味は、preventDefault()を含むソースコードで、端末のデフォルト動作を無視して実行しています対処方法…
JavaScript

JavaScript:クリックで格子状のマス目番号を取得する

画面を格子状に区切ってクリックした位置のマス目番号を取得したいときがあります。キャンバス上でクリックしたマウス座標からマス目番号を取得するサンプルを紹介します。
JavaScript

JavaScript:キャンバスでマウスクリックした座標を得る

キャンバス(canvas)上でマウスクリックしたXY座標を得るサンプルです。