トップへ(mam-mam.net/)

ブラウザで3Dインテリアシミュレーション!【Three.jsで材質変更&オブジェクト表示制御】

マテリアルの変更とメッシュの表示非表示制御(Three.js[r145]を使用)

ブラウザでリアルな3Dインテリアデザインを体験!
Three.jsを使って、ソファー・テーブル・椅子の表示切り替えや、カーペット・床・壁のマテリアル変更を自由に行えます。
ArcballControls.jsを採用し、スムーズなカメラ操作が可能。
Sky.jsで夕日の演出を加え、よりリアルなシミュレーションを実現しました!

マウス左ドラッグで回転、右ドラッグでカメラの移動、ホイールで拡大縮小、ダブルクリック/タップでフォーカス機能できます。
スワイプで回転、画面に2本指を触れてなぞるとカメラの移動、ピンチイン/アウトで拡大縮小できます。

材質変更ができます。

カーペット

椅子

テーブル

ソファ

ライト

Javascriptで3Dコンテンツ一覧へ