JavaScript

解説: Drops

shr | 2025年1月9日

気が付いたら年が明けていました。あけましておめでとうございます。

さて、この記事では年末から制作を始めて先日公開した Drops の解説と制作背景を書いていこうと思います。どうしても SIMD が使いたかったので、ついに WebAssembly に手を出すことになりました。

そのおかげでシミュレーション部分が CPU で高速に動くようになったので、余った GPU パワーを使ってレンダリングパートにも力を入れてみました。

ソースコードはこちらから見られます。

You can find the source code from here!

shr | 2023年11月28日

モバイル端末で見たときにサイトのコンテンツを重力で操作したい！

……というただそれだけの話なんですが、至る所に罠が散りばめられていて大変苦労しているのでまとめを書いておきます。

ちなみにほぼ全て Apple のせいです。

Read more… 本当は怖い DeviceMotionEvent

shr | 2023年4月10日

JavaScript の API をフックして chat.openai.com 上で実行したダイアログの返答を受け取る関数を定義できるようにします。

以下のスクリプトを Tampermonkey 等で chat.openai.com 以下にアクセスしたときに実行するようにします。あるいはコンソールから直接実行しても構いません。

shr | 2022年1月25日

先日とある方からの報告により発覚したのでメモ。
WebGL で浮動小数点数テクスチャ (float, half-float) を使うときに注意しておかないと、特定のデバイスで「本当はサポートされているのに浮動小数点数テクスチャが使えない」状況に陥ります。

shr | 2022年1月23日

長々と開発中だった SandVox Simulator を公開しました。Falling-sand game と呼ばれているゲームの一種で、それの3D版です。スマホとPCどちらからでも遊べます。ある程度のスペックがあれば……。

以下では開発に至った経緯や小話、技術関連の話と近況について書いておきます。

shr | 2021年6月6日

JavaScript で描画ループに requestAnimationFrame を使いつつフレームレートを調節する方法についてです。