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

記事をシェアする:

コメントを残す

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

Protected by reCAPTCHA