1. お絵描きソフト
「PaintField」の開発
seanchas_t
iofg2100.github.io/
詳しくは:
iofg2100.github.io/articles/developing-paintfield

2. 概要

3. どんなソフト？
• http://iofg2100.github.io/PaintField
• 『PaintField』でググると出てくる
• ペンタブで使えるお絵描きソフト
• クロスプラットフォーム
• Mac, Linux, Windows
• オープンソース (LGPL)

4. スクリーンショット

5. きっかけ
• 2011年1月
• ペンタブを買った
• Mac向けの使いやすいお絵描きソフト
がない(꒪⌓꒪)
• 作ろう！！

6. その後
• 2年間ほど開発する
• 2013年1月 0.0.1リリース！！
• 現在 0.0.6

7. 使った技術

8. 開発環境
• 言語
• C++
• GUIツールキット
• Qt

9. Qt
• GUIツールキット
• 基本的には、GUIアプリを作るライブラリ
• Mac, Linux, Windows... に対応
• Qt 5.1で実験的にAndroidとiOSに対応

10. Qt
• ドキュメンテーションが読みやすい
• コード例や図を交えた説明が多い
• C++の難しさを和らげてくれる
• 標準ライブラリよりわかりやすい
文字列・コンテナ

11. SIMD命令
• 複数の値を一度に演算するCPU命令
• 1つずつ演算するより効率がいい
1.0 1.5 2.0 2.5
*
3.0 3.5 4.0 4.5
=
3.0 5.25 8.0 11.25
↑イメージ

12. SSE命令
• SIMD命令セットの一種
• x86系CPUに入っている
• float x4, double x2 の同時演算
• doubleはSSE2以降
•基本的に手動で使う必要がある

13. 曲線補間
• マウスやペンタブからの入力
• →一定時間おきに送られてくる
• 結果「点列（線分列）」としての
入力に
• 点列を曲線に補間したい！

14. Catmull-Rom 補間
• 曲線補間の例: Catmull-Rom 補間
• 各点間はそれぞれ3次のパラメトリック曲線
• ある点での接ベクトルは
前の点から次の点へのベクトルと平行

15. Catmull-Rom 補間
P-1
P1
P2
P0
x(t) = a0 + a1t + a2t2
+ a3t3
y(t) = b0 + b1t + b2t2
+ b3t3
t 2 [0, 1]
x(0) = P0x
, y(0) = P0y
x(1) = P1x , y(1) = P1y
x0
(0) =
P1x
P 1x
2
y0
(0) =
P1y P 1y
2
x0
(1) =
P2x
P0x
2
y0
(1) =
P2y
P0y
2

16. 3次B-Spline補間
• Catmull-Rom 補間と似ている
• 与えられた点を通らないのが違い
• なめらかになる
• PaintFieldではこちらを使用

17. ベジエ曲線へ変換
• Catmull-Rom曲線・3次B-Spline曲線・
ベジエ曲線
• →全部3次のパラメトリック曲線
• 相互に変換できる！！
• ベジエ曲線にして描画・・・などができる