WebGLであそぼう！ Three.jsについて

WebGLってなんなん OpenGLのWeb版 3DグラフィックスがWeb上で動かせるざっくり言うと... 3DコンテンツがWeb上で作れる！！！

GLSL ＼は？／ WebGLを記述する言語 C言語ベース GPUを直接操作物体の頂点や色の計算をするやたら複雑！！やたらムズイ！！

Three.js GLSLの基本的な操作を簡単に！ JavaScriptで書ける！人類にやさしい！！！直感的にDOM操作の感覚で書ける！

React-Three-Fiber React用Three.js コンポーネントで3Dオブジェクトを操作できる https://docs.pmnd.rs/react-three-fiber/getting- started/introduction

WebXR Device API VR,ARコンテンツをブラウザで動かす技術 HMDなどの操作イベントをJSに割り当てられる首の動きとかコントローラーの操作も JSで書ける！

WebXR Device API 活用事例 3~4年くらい前に作ったやつ高専の卒研の残骸 Web上でのオープンキャンパスを目標に作っためっちゃ作り直したい https://hogehoge-
systemv2.web.app/

WebXR Device API 活用事例 SOUGEN Ustubo社 Webファーストメタバースプロジェクトすごい(語彙力) https://sougen.co/

なぜWebにこだわるのか URL一本、QRひとつでドヤ顔できるブラウザで動くので特別なハードやソフトウェアがいらない AppleStoreから文句を言われたりアプリを消されたりしない Webページのコンテンツをそのまま3Dコンテンツに落とし込める

お茶の新作に乞うご期待！！これから GLSLを勉強中です。 Three.jsではGLSLを自分で書いてカスタムできる！

お茶