iOSアプリ開発日誌：ベクター化（SVG化）したドラえもん
2010.09.06
iPad向けに開発中のベクター・エディター、 ようやく形になってきたので、実際の用途の使えるかどうかのテストの意味で、まずは「ドラえもん」を習作してみた。
この場合、あまり複雑なカーブはないので、ほとんどは円と線を適当に変形させながら、順番に重ねて行くだけのこと。顔と体はあっというまに書けた。
苦労したのは、首に巻き付いている鈴の紐。ただでさえ、二つのカーブを並行に並べるのは難しい上に、それがあごのカーブとも重なっているので妙に時間がかかってしまった。１００％満足できるものではないが、習作としては十分だろう。
ちなみに、これを作る過程でも、いくつかの些細な不具合が見つかったので、それを修正しているところである。
考えてみると、MS Paintに代表されるビットマップエディタは広く使われているものの、ベクターエディターというのはあまり一般には使われていないというのが現状である。パソコンでは、高価なIllustratorがデファクトを地位を占めてるのも理由の一つだが、ベジェ曲線の編集が妙に難しいというのも一因だと思う。
その意味では、「誰にでも使えて、かつ安価なベクター・エディター」をiPad向けに作って、「普通の人たちが気楽にベクター画像を作り始める時代」をもたらす、というこのプロジェクトのゴールを考えただけでワクワクする。
参考までに、作ったベクターデータをSVG化したものをここに置いておく（アプリからPDFとして出力したものを、IllustratorでSVG化したもの）。SVGをサポートしているブラウザーならば開いて拡大縮小して見ることができるので、ぜひともお試しいただきたい。
「安価な」の「安価」というのがどのくらいの価格は分かりませんが、私にとってIllustratorは趣味で遊ぶには少し高価すぎるので、完成、手の届くくらいの価格でのリリース楽しみにしてます(^_^)
Posted by: kamimura | 2010.09.06 at 19:18
すごい！十分実用レベルですね。ちなみに私もillustratorでの初めての作品はドラえもんでした。
Posted by: ochi | 2010.09.07 at 03:15
一般の人がベジェ曲線を使う利点はどこにあるでしょう？
そこが見えないと、あまり利用されるイメージも沸かないですがいかがですか。
ちなみに、一般の人で一番使ってるベジェ曲線はフォントで
その次がoffice系ソフトのオブジェクトなのかも。とか思ってます。
Posted by: ore | 2010.09.07 at 08:04
I have done some work with digital art both starting from scratch and converting illustrations to vectors to make them more smooth. I believe I fit into the category of people who would be able to take advantage of vector art, were I to learn it.
I think the biggest difficulty in using vector art is that it requires mathematical intuition. For people who have a good understanding of vector geometry, the lines move in a very predictable fashion. However, for those who don't understand geometry well, I could see vector movements being unpredictable.
From what I hear, kids in America are learning computers extremely early. My friend's 12 year old brother and his friend asked their parents for an iPhone SDK so they could make custom software for themselves. Along those lines, it would be interesting to see if vector geometry could be taught at an earlier age to kids using intuitive vector programs such as the one you created on the iPad. As more and more marketing materials and deliverables are prepared online, I wouldn't be surprised to see a rise in the importance of learning vector geometry starting from a younger age. It would have a similar affect to my kindergarten class having the Logo Turtle program for me to play with.
Posted by: Yohei | 2010.09.08 at 13:53
ドラえもんの青はC=100,M=50がお約束です。RGBの指定はあったかな？
Posted by: namazun | 2010.09.08 at 21:23
著作権的にはOKなんでしょうか？
Posted by: rky | 2010.09.09 at 19:42
著作権的にはOKなんでしょうか？
Posted by: rky | 2010.09.09 at 19:42
ミッキーマウスも書いてください。
Posted by: rky | 2010.09.18 at 04:36
まさに今、簡便なベクターアプリ探してるんですよねえ。
今のアプリは機能が多すぎてUIが溢れててしまってる。
個人的にはMacDrawとか初期の頃のCanvasくらいが・・笑
Posted by: Atsushi Inoue | 2010.10.23 at 04:20