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

公開:2015-02-23 21:21
更新:2017-09-22 05:40
カテゴリ:three.js,nw.js,javascript,webgl,html5,nw.jsでデスクトップアプリを作る

ビットマップをアニメーションしているだけでも工夫次第で相当なことができそうだ。がやはり拡大・縮小がきれいにできない。馬の形をgeometryで持てば拡大・縮小がきれいにできそうだし表現の幅も広がりそうなのでInkskapeでビットマップデータをトレースしてみている。かなり優秀だ。編集はそれなりに必要だが。

これでsvgに落とせる。さらにpath情報をgeometryに変換できればthree.jsで表示できるはずだ。そのようなコードがないかとググってみたらあった。

SVG path to Three.js shape

これを参考に作ればいけそうだ。