Your SlideShare is downloading. ×
20110903 gunmaweb#6 pavone
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

20110903 gunmaweb#6 pavone

1,455
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,455
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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