WebGL [HTML5]

WebGL

参考：

WebGL | MDN

概要

参考：

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

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

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

導入

参考：

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

チュートリアル

参考：

WebGL の基本 (webglfundamentals.org)

WebGL (wgld.org)

サンプル

参考：

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

Clockmaker Labs

Away3D TypeScript Demo (HTML5 WebGL) | ClockMaker Labs

ClockMaker Labs

WebGPU

参考：

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

比較

参考：

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

サイト

参考：

WebGL 総本山 (webgl.souhonzan.org)

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]

PTW Tips

参考：

PTW Tips (warotarock.github.io)

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

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

記事をシェアする：
タグ：

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です