1. PAVONE
2011.9.03 Gunma.web #6

2. PAVONE
@ivoryworks

3. 今日の話は

4. HTML5 Canvas

5. シンメトリー写真

6. しんめ・・・？
なに？

8. 今どき漢字で
“倶楽部”とか・・・
何…なの…？

9. ところで この人しってる？

10. このロシア人

11. スタパ齋藤
●
国民的アイドル物欲番長
●
もの凄いハイテンションな文体で各
方面に色々書いているライターの人
●
よく釣りしたり自転車のったりして
ます
●
外見はロシア人

12. 2001年 シンメトリー倶楽部活動開始
http://cacazan.com/symmc/symm.html

13. シンメトリー倶楽部とは
シンメトリー倶楽部とは線対称な構成を持つ写真
を愛でるクラブであります。
ウルトラ会長に寺田克也。
スペシャル会長にスタパ齋藤。
部員は世界中に６万４千２名（推定）
入部資格は問わない。
入部随時自由。
http://cacazan.com/symmc/symm020531.html

14. 『ジョン・シンメトリー』(2004年)

15. 天才は2人いた

16. （一部で）
空前の大ブーム

17. でも最近全然作ってない
いかん
線対称を愛でたい

18. スタパに聞いてみた

21. これだ

22. 仕様書
ニャー写真をドロップ
したらあとはマウス操
作だけでシンメトリー
状態を変化させつつ表
示できるアプリ

23. 作ったよPavone

24. Pavone = クジャク
ついカッとなって命名した
イタリア語なら何でもよかった
今では反省している

25. d e m o
http://www.ivoryworks.com/pavone/demo/

26. これ
CC http://www.flickr.com/photos/33917831@N00/161607933

27. から

28. これを作るるのに

29. Canvas
4枚使用してます

30. シンメトリー・・・
Canvas4(HTML)
Image object

31. Canvas1(resize)
Canvas4(HTML)
Image object
リサイズしないと
カクカクしちゃう
Canvas1(resize)

32. Canvas2(flip)
Canvas4(HTML)
Image object
Canvasの反転
Canvas1(resize) Canvas2(flip)

33. Canvas3(merge)
また
リサイズ
Canvas3(merge)
合成！
Canvas4(HTML)
Image object
Canvas1(resize) Canvas2(flip)

34. Canvas4(HTML)
忙しく
くりかえす
Canvas3(merge)
Canvas4(HTML)
Image object
Canvas1(resize) Canvas2(flip)

35. まとめというか課題というか問題
●
クロスブラウザ対策
●
ドラッグ＆ドロップ
●
作業Canvasをリサイズできるように
●
ダウンロードサイズの指定
●
回転( 90°, 180° )
●
カラーフィルター( グレースケール, etc... )
●
ルーペ
●
共有( fricker, facebook, twitter, etc... )

36. 最大の課題
Pythonに夢中
PythonかわいいよPython

37. Fork me!