3Dmapの導入

Question

毎度お世話になっています。
STL形式の3Dmapが手元にあります。
これをサイトにのっけてマウス等で操作できるようにしたいです。
少し調べたのですが、
STL→Blenderでobjに変換→three.js または
STL→SVGに変換（？）→seen.js（？）←よくわからないです…
でできるかなと思いました。
できるのであれば下の方法でいきたいのですが(mapをクリックして詳細情報をだせたらいいな…と。SVGは参考書を買って少し勉強してます)
SVGデータで3Dモデルをあらわせるのでしょうか（参考書ではz座標は紹介されていませんでした）
初歩的な質問ですみません
STL➡SVGに変換してブラウザで開くと上からみたmapがでてきて「SVGは2Dしかだめなのかな…」と思い質問させていただきました。
また、他にもっと手軽に3Dモデルをのせる方法があれば教えてくださいm(_ _)m

Answer 1

SVGにはあまり詳しくないのですが、3Dモデルを表示させて、マウス等で操作するなら、obj形式の方が自分は手軽かなと思います。
Three.jsにobjを表示させて、TrackballControls.jsやOrbitControls.jsなどを追加していけば、それだけでも面白いかと。

「Three.js obj 表示」などなど、色々なワードで検索すれば、すごい方たちが記事を書いていてくれているので勉強になると思います。
頑張ってください！

Comments

[urawanousagi]

返信遅くなってすみませんm(_ _)m
参考になりました
ありがとうございました！