WebGL [HTML5]

WebGL

参考：

WebGL | MDN

概要

参考：

スマホでも WebGL が快適に動く!  HTML5 で体験する 3D 表現の可能性 | ICS MEDIA

Web 初心者が WebGL を学んでみた件 – Qiita

WebGL の仕組みについてまとめ直してみました | スターフィールド株式会社

導入

参考：

生 WebGL と TypeScript で Vercel のロゴを作る | Kite

チュートリアル

参考：

WebGL の基本

WebGL2 の基本

WebGL (wgld.org)

サンプル

参考：

Three.js / WebGL で波がうねうねするやつを作った | 日曜研究室

Fire Particles 3D | ClockMaker Labs

ClockMaker Labs

WebGPU

参考：

次世代仕様の WebGPU とは？次期 macOS での OpenGL 非推奨化は WebGL に影響をもたらすのか | ICS MEDIA

比較

参考：

WebGL 対応のライブラリの比較 – Qiita

サイト

WebGL 総本山

Three.js

公式サイト：

Three.js – Javascript 3D Library [Official]

ドキュメント：

Three.js Docs [Official]

Babylon.js

公式サイト：

Babylon.js – Powerful, Beautiful, Simple, Open Web-Based 3D At Its Best [Official]

参考：

WebGL2 Support | Babylon.js Documentation [Official]

perspective-camera

リポジトリ：

Jam3/perspective-camera: a high-level 3D perspective camera – GitHub

デモ：

perspective-camera | Jam3

PTW Tips

参考：

PTW Tips

リポジトリ：

warotarock/ptw_tips: Game-engine-like tips collection based on technics of the game “The Phantastic Toryno World” – GitHub

参考：

basic_webgl_ts – TypeScript による基本的な WebGL プログラミング – warotarock/ptw_tips – GitHub

webgl-wireframes

リポジトリ：

mattdesl/webgl-wireframes: Stylized Wireframe Rendering in WebGL – GitHub

デモ：

webgl-wireframes | Matt DesLauriers

Use.GPU

（出典：@unconed ）

リポジトリ：

Steven Wittens / use.gpu – GitLab

リンク：

Steven Wittens (@unconed) | Twitter