S.F. Page

Programming,Music,etc...

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

シリアライズ・デシリアライズを実装できないかとthree.jsのコードを読んでいたらTHREE.PathtoShapes()というメソッドがあることに気が付いた。

ここのメソッドは穴あきPathもきちんと判別してTHREE.Shapeに変換してくれるという優れものであった。なんだ、これを使えばInkscapeでわざわざ穴あき部分と本体部分を別Pathにする必要なんてないじゃないか。

ということでさっそくこのメソッドを使ってコードを書き直した。結果はご覧のとおり。

http://bl.ocks.org/sfpgmr/892dc3eb0775c70130b6