JavaScript 【個人ゲーム開発】ゲーム画面の状態遷移を考えてみる
最近ゲームを作り始めたのですが、「タイトル画面とかメニュー画面ってどうすれば…？？」となったのでゲーム画面について調べてみました。※ゲーム画面の呼び方は画面、シーン、ビューetc色々あるようですが、このページでは"ゲーム画面"で統一します。...
JavaScript
JavaScript JavaScript 【Javascript】当たり判定を実装してみた
JavaScriptの勉強を兼ねてゲームを作り始めてみたのですが、そもそもゲームをまともに作ったことがなかったため、まずは当たり判定から勉強することにしました。車輪の再生産的に当たり判定の実装を行うだけですが、勉強には結構いい気がします。簡...
JavaScript 【SVG】簡単に円弧を描くコピペ用サンプル(正円限定)
SVGの円弧を使ってHTML上でメーターのようなものを作る機会があり、その延長で簡単に円弧を描く関数を作成しました。今回は簡単に円弧が描けるコピペ用のコード(HTML?)と、それを使ってメーターのように動く円弧を描く方法を紹介します。SVG...
JavaScript 【JavaScript】ファイル出力（ブラウザでのダウンロード）
「JavaScript内で作ったデータをファイルとしてダウンロードさせたい」ということがあったので方法をまとめました。データをファイルとしてダウンロードさせる方法JavaScriptでデータをダウンロードさせるのは方法さえ分かれば簡単です。...
JavaScript 【JavaScript小ネタ】画像をBlob形式に変換する
サーバ上の画像をBlob形式で読み込みたい時は、fetch()を使えば簡単に実現できます。サンプルコードはコチラです。// 画像を取得してBlob形式に変換する// "/sample.jpg"は取得する画像のURLなので適宜置換することfe...
JavaScript WebページにVRoidモデルを表示してみた
VRoidモデルって、実は滅茶苦茶簡単にWebページに表示できるって知ってました？私も今回初めて知ったのですが、本当に簡単だったので今回はそのコードを紹介していきたいと思います。(表示させるだけならHTML+JSで50行くらいです)まず前段...
JavaScript 【JavaScript】TypedArrayとDataViewの使い分け
TypedArrayでできること(できないこと)、DataViewでできること(できないこと)についてと、性能測定の比較結果をまとめています。この記事の情報で大抵のパターンは使い分けできると思います。
JavaScript 【Javascript】Array結合の性能比較(concat vs スプレッド構文 vs for文)
"Javascript array 結合"とかで検索すると、concatを使う方法とスプレッド構文を使う方法が出てくるかと思います。// concatarr1 = arr1.concat(arr2);// スプレッド構文arr1 = [.....
JavaScript 何でsetAttribute/getAttribute使うんですか？
2022/12/29 追記)cue@日常の悩みを解決するブログ さんよりコメント頂きました。一部ブラウザではsetAttribute/getAttributeが必要となるケースがあるようです。初めまして。記事を読んで、私も「なぜ getAt...
JavaScript requestAnimationFrameでMaximum call stackのエラーが出る原因
JavaScriptのrequestAnimationFrame()でMaximum call stack size exceededのエラーが出る場合の解決法と原因の解説です。