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

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

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

コメントを残す

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

Protected by reCAPTCHA