Paint 3Dで制作した3Dモデルをthree.jsで描画した

---

github.com

Paint 3Dで描く

www.microsoft.com

いつの間にかこんなゴキゲンなアプリが標準搭載されていたんですね～

たのしい

あひるbotテクスチャを貼る前のプロジェクトは間違えて消してしまった

一度貼って保存したテクスチャの剥がし方はわからなかった

3MF形式で保存する。FBX形式でもthree.jsで読めるかもしれない(未確認)

Three.jsで読み込む

公式サンプルをforkした

GitHub - wand2016/three.js: JavaScript 3D library.

下記コマンドで試せるよ

docker container run --rm -d -v ${PWD}:/usr/local/apache2/htdocs -p 8080:80 httpd:2.4

# then, access to http://localhost:8080/examples/webgl_loader_3mf.html

Paint 3Dで保存したモデルはやたら小さい？

scaleを100くらいにしないと顕微鏡が必要な感じになる

loader.load('./models/3mf/ahiru.3mf', function(object) {
    object.scale.set(100, 100, 100);
    scene.add(object);
    render();
});