Three.js

Three.js

公式サイト：

Three.js – Javascript 3D library [Official]

導入

参考：

Three.js を簡単に使ってみる | tyablog.net

Three.js で海を制作 | Pentacreation BLOG

Three.js で .gltf / .glb キャラクターを表示する | CodeLabo

Importing Three.js as Module | Threejs Tutorials

Creating a Scene | Three.js Docs [Official]

Installation | Three.js Docs [Official]

How to Run Things Locally | Three.js Docs [Official]

入門

参考：

簡単な Three.js のサンプルを試そう | ICS MEDIA

import

参考：

Three.js で three.module.js を使う場合 – Qiita

Three.js の基礎知識 | Three.js Manual [公式]

Path for Three.js using node module – Stack Overflow

WebVR

参考：

Three.js で WebVR を行うための基本的なところ | じゅころぐ AR

React で使う

参考：

Three.js + React で 3D を表示する | ALIS

サンプル

リポジトリ：

examples – mrdoob/three.js – GitHub

デモ：

Examples | Three.js [Official]

参考：

Webpack + TypeScript な環境で Three.js の example を使う – Qiita

ドキュメント

Three.js Docs [Official]

リンク

Takahiro’s Portfolio

資料

シェーダだけで世界を創る！ Three.js によるレイマーチング | SlideShare

npm

入手：

three-js | npm

GLTFLoader

ドキュメント：

GLTFLoader | Three.js Docs [Official]

デモ：

webgl_loader_gltf | Three.js Examples [Official]

コード：

examples/webgl_loader_gltf.html – mrdoob/three.js – GitHub

参考：

何も知らない人が WebGL でキャラクター描画させるまで – Qiita

Blender で glTF 2.0 エクスポートしたデータを three.js で透過表示 – Qiita

Blender で作成した 3D モデルを、Three.js でブラウザに表示する – Qiita

three.js で .gltf / .glb キャラクターを表示する | CodeLabo

Importing gltf without a background – Stack Overflow

MMDLoader

ドキュメント：

MMDLoader | Three.js Docs [Official]

コード：

MMDLoader.js – mrdoob/three.js – GitHub

参考：

Three.js で MMD を使う – Qiita

Three.js で MMD のアニメーションを切り替える – Qiita

three-bmfont-text

リポジトリ：

Jam3/three-bmfont-text: renders BMFont files in ThreeJS with word-wrapping – GitHub

デモ：

three-bmfont-text | Jam3

three-mmd-loader

リポジトリ：

hanakla/three-mmd-loader: MMD pmd/pmx/vmd loader for Three.js – GitHub