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