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

公開:2015-03-04 21:30
更新:2017-07-29 13:17
カテゴリ:svg,nw.js,three.js,javascript,webgl,html5,nw.jsでデスクトップアプリを作る

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

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

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

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