Three.js
https://gyazo.com/724a72d5e5c6d8d4cfd2633ee57978bf
HTML HyperText Markup Languageで3Dコンテンツを制作するためのJavaScriptライブラリです。
オープンソースソフトウェアとして個人・商用でも無償で利用可能
Three.js – Javascript 3D library
依存
Canvas
用語
Renderer レンダラー 描画するWindow
Scene シーン 3D空間
視点 Camera
3D Lite
Mesh メッシュ
Geometry ジオメトリ 形状
Material マテリアル 素材
3D Object作成流れ
code:three.js
// ジオメトリを作成
const geometry = new THREE.SphereGeometry(300, 30, 30);
// マテリアルを作成
const material = new THREE.MeshPhongMaterial({color: 0xFF0000});
// ジオメトリとマテリアルを結合して、メッシュを作成
const mesh = new THREE.Mesh(geometry, material);
// 3D空間にメッシュを追加
scene.add(mesh);
遊び場
KiichiSugihara/three-js-ics
勉強用記事
✅Three.js入門サイト - ICS MEDIA
https://qiita.com/shunp/items/f53d9019147ea210313b
#AR_拡張現実感 #VR_仮想現実感