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