【技術情報】iOSでお絵描きアプリを作る時の滑らかな線の描き方まとめ

もっさりさん @TeamMOSA2

8月17日iphone_dev_sap早朝勉強会の内容をまとめました　http://d.hatena.ne.jp/omaemona01/20100817 #WDStudy

もっさりさん @TeamMOSA2

まずカンペ作者の.@whitedevさんあたりに好き勝手語っていただいて、それを親方にトゥギャってもらうエコシステムを構築したい。

テルさん（ONODA Teruaki） @whitedev

まさかのスプライン曲線ですよ！あと描画はクリアせずに前の状態からの上書き！ RT @TeamMOSA2: 8月17日iphone_dev_sap早朝勉強会の内容をまとめました　http://d.hatena.ne.jp/omaemona01/20100817 #WDStudy

テルさん（ONODA Teruaki） @whitedev

え、えーと、、、た、ただいまご紹介にあずかりました ホ、ホ、ホワイトデ・・・(;´∩｀) RT @TeamMOSA2: @whitedev　そんなわけでご意見ひとつよろしくおねがいします！→http://d.hatena.ne.jp/omaemona01/20100817

テルさん（ONODA Teruaki） @whitedev

@TeamMOSA2 あまりネタバレできないですが、タッチ処理は Appleサンプルの GLPaint にほぼ近い感じで、描画はスプライン補完してるところくらいですかね、工夫したのは。実は（あれでも）サウンドの方が苦労しているという。。

テルさん（ONODA Teruaki） @whitedev

お絵描きアプリの基本サンプル「GLPaint」 http://developer.apple.com/iphone/library/samplecode/GLPaint/Introduction/Intro.html

もっさりさん @TeamMOSA2

.@whitedev 滑らかさの秘訣はリアルタイムでスプライン補完とな！

もっさりさん @TeamMOSA2

.@whitedev つーことは通常のtouchBegan/Moved/Endedで処理するだけで追いつけるんですよね？

テルさん（ONODA Teruaki） @whitedev

@TeamMOSA2 ですです、通常のタッチイベントだけで処理してます。もちろんポイントは飛んでますが、touchMoved/Endedでスプライン補完して描画を頑張る感じです！ リアルタイムなので、３点に満たない場合はリニア補完にしたりとかちょいアラもあります。

もっさりさん @TeamMOSA2

っていうかGLPaintだとOpenGLだからCoreGraphicsとそもそも土台が違う件。

テルさん（ONODA Teruaki） @whitedev

まぁ、コレですよね。 ポイントスプライト使って精一杯描画しないと！ RT @TeamMOSA2: っていうかGLPaintだとOpenGLだからCoreGraphicsとそもそも土台が違う件。

もっさりさん @TeamMOSA2

パスとして補完～領域の作成できるとクリッピングがすごいラクなんだよね。自前ジェスチャ的に。

テルさん（ONODA Teruaki） @whitedev

@TeamMOSA2 あ、そういえばですが、カンペの方はシングルタッチのみサポートで、あとUNDOもできないです。上書きor全削除だけなので、その割り切り仕様も高速化になってるかと。

テルさん（ONODA Teruaki） @whitedev

にしても、ちょっとでも気にしてもらえたことは嬉しい限りですね〜。がんばった甲斐があるってもんです！(　´∀｀)bｸﾞｯ!

テルさん（ONODA Teruaki） @whitedev

「こくばん！」の芸の細かさはスゴイですよ〜( ´ ▽ ` )ﾉ http://itunes.apple.com/jp/app/id379437280?mt=8

テルさん（ONODA Teruaki） @whitedev

【宣伝】なめらかな描き心地で話題になっているiPadアプリ「カンペ」絶賛発売中！w http://bit.ly/ciqCSQ RT @TeamMOSA2: 8月17日iphone_dev_sap早朝勉強会の内容をまとめました　http://bit.ly/9FDjkG