読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

nw.jsでデスクトップアプリを作る(17) - SVG pathをthree.js shapeに変換する

今日ようやくthree.jsで表示することができた。がまだ問題は残っている。

原因はまだわからない。

(コードとサンプルURL)

http://bl.ocks.org/sfpgmr/6dcbf6d5f51d719bc764

実装するにあたっては下記のコードを参考&拝借している。

SVG path to Three.js shape

で肝のコードtransformSVGPath()だが、下記コードも参考&拝借している。

three.js/webgl_geometry_extrude_shapes2.html at master · mrdoob/three.js · GitHub

SVG path to Three.js shape」にも含まれている。もともと「asutherland/d3-threeD · GitHub」に含まれているものであったらしい。

変換するとなぜか上下が反転してしまうので変換時にy座標を反転するようにしている。

またしてもこのコードはIEとFirefoxでは動作しない。私のコードのつくりが悪いのだと思うが。