6

three.js webglキャンバス(ワイヤーフレーム素材を使用)に2Dベクトルマップを表示したいと思います。マップは元々dwg形式であり、svgに変換されます。

しかし、three.jsのSVGインポーターは見つかりませんでした。

svgローダー/インポーターはありますか?または、ベクターマップを表示する他の方法はありますか?

(3ds maxでメッシュに変換して.objにエクスポートしようとしましたが、閉じていないパスが失われ、一部のオブジェクトが三角形のサーフェスになり、ワイヤーフレームマテリアルでは見栄えが悪くなります)

理想的には、マップはインポート/変換され、ここのように表示されます(「純粋な形状」の中間層、余分な頂点などはありません) http://mrdoob.github.com/three.js/examples/webgl_geometry_shapes.html

ありがとう!

4

3 に答える 3

2

「SVGLoader」(http://threejs.org/docs/#Reference/Loaders/SVGLoader)を使用してみてください。THREE.jsr71にはないため、この機能を追加する必要があります。ここでは「https:/ 」です。 /github.com/mrdoob/three.js/blob/master/examples/js/loaders/SVGLoader.js "

于 2015-07-12T18:15:58.040 に答える
0

SVGをWebページに(おそらく非表示のDIVで?)持ち込むと、DOM内のすべてのコンポーネントをクエリできるはずです。次に、適切に一致すると思われるthree.jsアイテムを描画します。

于 2013-02-17T04:50:40.193 に答える
0

2つの方法があります:

  1. https://github.com/mattdesl/svg-mesh-3d/を使用します
  2. Blenderを使う

svg-mesh-3dの問題は、押し出しが行われないことであり、すべてをプログラムする必要があります。これがBlenderがより良い方法である理由です。Blenderを知っている場合は、SVGをBlenderにインポートし、数分で押し出し、JSON形式にエクスポートできます。後でローダーを使用してJSONをアニメーションにロードします。そして、あなたがBlenderを知らないなら、これがそれをする方法です:

https://www.youtube.com/watch?v=rDjhO7r3agc&t=225s

https://www.jonathan-petitcolas.com/2015/07/27/importing-blender-modelized-mesh-in-threejs.html

于 2018-01-06T02:32:35.190 に答える