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

S.F. Page

Programming,Music,etc...

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

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

https://dzuqxg.dm2301.livefilestore.com/y2pw0AZsvvzS50nPAdL8HrgjTmV07K9vYxdCv5ixEtOUjfsE-zWKUgRJ1ARHiTyiwQ83KAuA-vdrXMK62Ff66c3zTx_hU18S2An76jD4R-5O4gyRIocef6fyYJtR5dIXGGChEBCfWvjBA75C2CuDZzbrQ/022301.png?psid=1

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

SVG path to Three.js shape

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