ïŒã¿ãªãã
åå£ã§ãã
ã³ã¡ã³ãããããšãããããŸãïŒ
ããããhtml5-developers-jpãã§ãïŒïŒ
ããã ãæ¢ããŠéãŸããªãã£ãæ
å ±ãæçãªæèŠã
ãããªã«éãŸããšã¯ïŒïŒïŒ
ã¡ãã£ãšææ¿ããŠããŸãïŒïŒ
çæ§ã®ãæèŠãæèŠããŠãããã¡ã«èªåã®ãªãã§
ã ãã¶ãšæ確ã«ãªã£ãŠãŸãããŸããïŒïŒïŒ
é ãããæèŠãããåã®äžã§ãŸãšãŸã£ãŠãã£ãäºãæžãããŠé ããããšæããŸãïŒ
â»æ°å³ã§æžããŠããã®ã§æç« ãçºãŸã£ãŠããªãã£ããç³ãèš³ãããŸããã
ïŒteramakoãã
ïŒSVGã¯ãããããçšæãããããŒã¿ã衚瀺ãCanvasã¯æ°ããªç»åããŒã¿ãçæã¿ãããªæã
ïŒhebikuzureãã
ïŒSVG ã¯ãã¯ã¿ãŒ ã°ã©ãã£ãã¯ãcanvas ã¯ãããããã ã°ã©ãã£ãã¯ãšèãããšæã£å
ãæ©ãç解ã»ã»ã»
ããèãããšè²ã
ãšä»ãŸã§ãcanvasãã§æããŠããéåæã
ã¹ãããªããŸããã
ïŒçŸœç°éãã
詳现ã«ãŸãšããŠé ãããããšãããããŸãïŒ
ãã¢ãããããšãããããŸãïŒ
ïŒ
http://9elements.com/io/projects/html5/canvas/
æšå¹ŽããProsessing.jsãã«ã€ããŠProsessingãå匷ããŠããæµãã§èª¿ã¹ãŠããæã«
ãã®sampleãäœåºŠãèŠãŠããããããªããã£ãšã¯æã£ãã®ã§ããã
ãªããšãéåæãæããŠããŸããã
ãcanvasãã®ç¹æ§äžãæ¯åæžãçŽãïŒè¡šçŸãããããã£ãããããŸããïŒã®ã§
åŠçãéããªãããcanvasãã ãšäžåãã ãªããšæã£ãŠããŸããã
ãããã£ããã®ã¯ãsvgããé©ããŠããŸããã
ïŒããããŸãTechãã®èšäºã§ãã
ãã¡ã玹ä»ããŠããäºã€ãããããã®ç¹åŸŽãåããããã
ã§ããã
ç¹ã«ãSVG ã¹ã©ã€ãã·ã§ãŒã®äºäŸãã¯ããããsvgããšèšãã
ãã¢ã§ããïŒïŒ
ããããšãããããŸãïŒïŒ
ïŒæ岡ãã
æ°ãä»ããã幎æ«ä»¥æ¥ã®ãç¡æ²æ±°ã§ããïŒ
ä»å¹Žã¯æ¬æ Œçã«HTML5ã®ãä»äºãå
¥ã£ãŠãããã§
å匷äžã§ãããŸãïŒïŒïŒ
ïŒ
http://svg-wow.org/
ãã®ãµã€ãè¯ãã§ããã
SVGã®ãã¢ããããªã«çŽ¹ä»ãããŠãããªããŠé©ãã§ãïŒ
ããããšãããããŸãïŒ
ïŒ
http://svg-wow.org/audio/animated-lyrics.svg
ãã®ãã¢ããŸãã«ãsvgãã£ãŠæãã§ããã
æåã«æçš¿ã®éã«ãæžãå¿ããŠããã®ã§ãã
æè¿èŠã€ãããããããcanvasããšèšãããã¢ããããŸããã
æ¹ããŠçŽ¹ä»ãããŠããã ããŸãã
HTML5 Video Destruction
http://craftymind.com/factory/html5video/CanvasVideo.html
ãã®ãã¢ã¯ãvideoãã®æ±ãã«æ°ããšãããŠããã®ã§ããïŒå®éããããã§ããïŒ
ãŸãã«ãcanvasãã§ã§ããå®çŸåºæ¥ãªããªã£ãšæããŸã
ãcanvasããšãsvgãã®éãã¯ããã¯ã¿ãŒããŒã¿ããšãããããããããŒã¿ãã®é¢ä¿ãšåãã§
ãPhotoshopããšãIllustratorãã®é¢ä¿ã«ããã«ãŠããæããŸããã
åå¥ã®ããŒããªãããæ±ãã®ã¯ãIllustratorããåŸæã
åçããã§ã«ååšãããã®ã«å å·¥ããã®ã¯ãPhotoshopããåŸæã
ãã¡ãããPhotoshopãã§åå¥ã®ããŒããæ±ãäºãã¬ã€ã€ãŒãé§äœ¿ããŠåºæ¥ãªãã¯ãªãã§ãã
äžåãã§ãéã«ãIllustratorãã§ãåçãé
眮ãããäºã¯åºæ¥ãããå å·¥ã«ã¯äžåãã§
ãããšåãé¢ä¿ããŸãã«ãcanvasããšãsvgãã«ãã£ãŠãããããã®äœ¿ãã©ãããæ確ã«ããŠãã
ãªã£ãšç解èŽããŸããã
ãããèžãŸããŠããå°ããcanvasããšãsvgãã®æå¹ãªäœ¿ãã©ãããèããŠè¡ãããš
æããŸãã
ããããšãããããŸããã
> ããã°ãã¯ãããã©ããšç³ããŸãã
>
> DevFestã§è¬æŒãããããã€ã¯ããã¯SVGã¯å®£èšçã«
> ç»é¢ãå®çŸ©ã§ããã®ã§ãã¶ã€ãã«ã¯ç解ããããã ãããš
> ãã£ããã£ãŠããŸããã
>
> å察ã«Canvasã¯å³åœ¢ãã©ã®ãããªæé ã§æç»ãããã
> èããŠcanvasã«åœä»€ãäžããªããšãããªãã®ã§ã©ã¡ãããš
> èšãã°ããã°ã©ãåãã§ããããã
>
> åèãŸã§ã
>
> 2010/4/23 Futomi Hatano <
futomi.hat...@gmail.com>:
> >
http://www.html5.jp/blog/contents/HTML5_3Days_Tech_Talk_200910/Mandel...
> -
http://twitter.com/technohippy