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

Use.GPU

(出典@unconed

リポジトリ:

Steven Wittens / use.gpu – GitLab

リンク:

Steven Wittens (@unconed) | Twitter

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

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA