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

WebGPU 入門 | emadurandal

比較

参考：

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

オンラインツール

WebGL Report

サイト

WebGL 総本山

Three.js

公式サイト：

Three.js – JavaScript 3D Library [Official]

ドキュメント：

Docs | Three.js [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

コード：

TypeScript による基本的な WebGL プログラミング – basic_webgl_ts – 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

REGL

リポジトリ：

regl-project/regl: Functional WebGL – GitHub

ドキュメント：

API.md – regl-project/regl – GitHub

デモ：

Gallery | REGL Project [Official]

参考：

REGL 入門 | KAYAC engineers’ blog