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

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

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

https://sfpgmr.github.io/images/2015/02/022301.png

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

SVG path to Three.js shape

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