webgl

mrdoob/three.js

ブラウザ3D表現を支える定番ライブラリ — three.jsはWebGLやWebGPUを抽象化し、軽量かつクロスブラウザで3D表現を実現する定番ライブラリです。SVGやCSS3Dレンダラーもアドオンで利用可能で、VR/ARやWebXR対応も進んでおり、ゲームやビジュアライゼーション制作者に広く使われています。

bilawalsidhu/gods-eye-view

公開データで作る、ブラウザ上のスパイ衛星視点 — 航空機・船舶・衛星・地震・交通・公開カメラなど実在のオープンデータを、フォトリアルな3D地球儀上でリアルタイム可視化するツールです。声で操作できるAIエージェント連携も特徴で、GitHub Trending 1位やProduct Huntでも話題になりました。OSINTや地理空間分析に興味がある人におすすめです。

phaserjs/phaser

13年続くHTML5ゲームフレームワーク、新興プラットフォームにも対応 — PhaserはWebGL/Canvas対応の2DゲームフレームワークでWeb・モバイルブラウザ向けに長年開発されてきました。YouTube PlayablesやDiscord Activities、Reddit games、Twitch Overlaysなど新しい配信先にも対応し、JavaScript/TypeScriptと40以上のフロントエンドフレームワークで利用でき、公式CLIで素早く開発を始められます。

kitao/pyxel

Python×Rustで作るレトロゲームエンジン — PICO-8やTIC-80のように16色・4音源というシンプルな制約でドット絵ゲーム開発を楽しめるエンジンです。コア部分はRustで実装され高速に動作し、WebやWASM書き出しにも対応。個人開発ながら人気を集めるプロジェクトです。

playcanvas/engine

WebGL/WebGPU対応のオープンソース3Dゲームエンジン — PlayCanvasはブラウザ上で動く軽量オープンソースゲームエンジンです。WebGL2に加えWebGPUやWebXR、glTF、3D Gaussian Splattingまで対応し、npmから手軽に導入して3Dアプリやゲームを作れます。Three.jsより高レベルなシーン/コンポーネント構造を持ち、実務でのゲーム開発やビジュアライゼーションに向いています。

lemomo-ai/lemo-opuscar

A toolbox of film styles made in code for Claude Code: 66 ready to use, and your own. Each style is a style prompt plus a demo film made entirely in code by Claude Opus 5.5, with no video model. By Lemomo. · 一套用代码做片的风格工具箱：66 种现成风格，也能做出你自己的

MengTo/threeui

Open-source ThreeUI Community catalog with live interactive components and complete Community source.

elysia395/dsh-wallpaper-engine

DSHの会話画面にWallpaper Engine壁紙を — DeepSeek Harness向けプラグインで、ローカルのWallpaper Engine壁紙を対話UI背景に表示します。内蔵WebGLエンジンでシーン壁紙をリアルタイム描画し、失敗時はMP4に自動降格。液体ガラス風UIやオーディオ反応も備え、Win/Mac/Linuxで動作、エージェントのトークン消費も増やしません。

HaD0Yun/CozyClay

AI動画生成の前に3Dでシーンを演出するプレビズツール — CozyClayはブラウザ上で動くオープンソースのプレビズソフトです。キャラクター配置やカメラワーク・カット割りを3Dで先に決め、その情報をAI動画モデルに最初のフレームや参照クリップとして渡せます。AI動画は1テイクごとに費用がかかるため、安価に修正できる3D上で構図とタイミングを固めてから本番に進めるのが特徴です。

pmndrs/react-postprocessing

📬 Postprocessing for react-three-fiber

AirsupHQ/machine-skill

Describe any machine in one line. Claude builds a photoreal, physics based, interactive simulation of it in one HTML file, plus the film to post it. An open source Claude Code skill.

sloemo01/diorama

Playbook and Three.js code kit for detailed dioramas: classic pixel art, stroked toon or pixel + stroke; two intake gates for look and model sourcing; free orbit, palette snap and ink; animated toy-scale cast; per-entity frame QA.

Moh4696/open-3d-skills

Eight agent skills for 3D and animated websites: three.js scenes from code, scroll films, transparent video, cursor rigs, exploded views, AI motion assets, browser checks and 60 fps recording. Claude Code, Codex, Cursor, Gemini CLI.

illodev/drawn-by-code

AI動画ではなくコードで描く、Claudeによる手続き型アニメーション — 生成AI動画ではなく、ClaudeがJavaScriptで決定論的にcanvas/WebGL2を描画してアニメーションを作るプロジェクトです。エンジン・スタイル・Claudeスキルを備えたツールボックス兼実験場で、各レンダリングをレビューし学びをスキルに反映します。紙切り絵やクレイアニメなどスタイルの追加をPRで募集中です。

timriker/bzo

BZFlag互換の戦車バトルをブラウザだけで — BZOはインストール不要で、デスクトップ・スマホ・VRのブラウザからBZFlag互換の戦車マルチプレイに参加できるゲームです。クライアントはThree.jsでWebSocket・WebTransport・WebRTCを利用し、既存のBZFlagサーバーをプロキシします。Dockerイメージでのセルフホストも容易です。

vektort13/Detect.Expert

フィンガープリント検出と偽装を両立するブラウザ拡張 — Detect.Expertは、サイトがブラウザAPIをどのように呼び出してフィンガープリントを取得しているかを監視・分析するChrome/Firefox拡張です。デフォルトでは改変せず観測のみ行い、オプトインでAPI偽装や仮想デバイス構築、プロキシ・Cookie管理も可能です。プライバシー調査者やアンチディテクト検証者向けのツールです。

mayakhalil-cmd/INOSCULA

1つのシェーダーを書くだけで5つのゲームエンジン向けに書き出す — INOSCULAは一度作ったリアルタイムシェーダーを、Blender・Godot・Unreal・Unity・three.jsそれぞれのネイティブな編集可能マテリアルとして書き出せるツールです。ライブリンクで各環境の設定が同期され、インストール不要・オフライン動作で、23種類のスタイライズドな作例も同梱しています。