20110903 gunmaweb#6 pavone

1,659 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,659
On SlideShare
0
From Embeds
0
Number of Embeds
231
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

20110903 gunmaweb#6 pavone

  1. 1. PAVONE2011.9.03 Gunma.web #6
  2. 2. PAVONE@ivoryworks
  3. 3. 今日の話は
  4. 4. HTML5 Canvas
  5. 5. シンメトリー写真
  6. 6. しんめ・・・? なに?
  7. 7. 今どき漢字で“倶楽部”とか・・・ 何…なの…?
  8. 8. ところで この人しってる?
  9. 9. このロシア人
  10. 10. スタパ齋藤● 国民的アイドル物欲番長● もの凄いハイテンションな文体で各方面に色々書いているライターの人● よく釣りしたり自転車のったりしてます● 外見はロシア人
  11. 11. 2001年 シンメトリー倶楽部活動開始 http://cacazan.com/symmc/symm.html
  12. 12. シンメトリー倶楽部とはシンメトリー倶楽部とは線対称な構成を持つ写真を愛でるクラブであります。ウルトラ会長に寺田克也。スペシャル会長にスタパ齋藤。部員は世界中に6万4千2名(推定)入部資格は問わない。入部随時自由。 http://cacazan.com/symmc/symm020531.html
  13. 13. 『ジョン・シンメトリー』(2004年)
  14. 14. 天才は2人いた
  15. 15. (一部で)空前の大ブーム
  16. 16. でも最近全然作ってない いかん 線対称を愛でたい
  17. 17. スタパに聞いてみた
  18. 18. これだ
  19. 19. 仕様書ニャー写真をドロップしたらあとはマウス操作だけでシンメトリー状態を変化させつつ表 示できるアプリ
  20. 20. 作ったよPavone
  21. 21. Pavone = クジャク ついカッとなって命名したイタリア語なら何でもよかった 今では反省している
  22. 22. d e m ohttp://www.ivoryworks.com/pavone/demo/
  23. 23. これCC http://www.flickr.com/photos/33917831@N00/161607933
  24. 24. から
  25. 25. これを作るるのに
  26. 26. Canvas4枚使用してます
  27. 27. シンメトリー・・・ Canvas4(HTML)Image object
  28. 28. Canvas1(resize) Canvas4(HTML)Image object リサイズしないと カクカクしちゃう Canvas1(resize)
  29. 29. Canvas2(flip) Canvas4(HTML)Image object Canvasの反転 Canvas1(resize) Canvas2(flip)
  30. 30. Canvas3(merge) また リサイズ Canvas3(merge) 合成! Canvas4(HTML)Image object Canvas1(resize) Canvas2(flip)
  31. 31. Canvas4(HTML) 忙しく くりかえす Canvas3(merge) Canvas4(HTML)Image object Canvas1(resize) Canvas2(flip)
  32. 32. まとめというか課題というか問題● クロスブラウザ対策● ドラッグ&ドロップ● 作業Canvasをリサイズできるように● ダウンロードサイズの指定● 回転( 90°, 180° )● カラーフィルター( グレースケール, etc... )● ルーペ● 共有( fricker, facebook, twitter, etc... )
  33. 33. 最大の課題Pythonに夢中PythonかわいいよPython
  34. 34. Fork me!

×