[B! Canvas] amnmaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

amnma id:amnma

Canvasã«é–¢ã™ã‚‹amnmaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ASCII.jpï¼šHTML5ã®Canvasã§ä½œã‚‹ã€Flashä¸è¦ã®ãŠçµµã‹ããƒ„ãƒ¼ãƒ«ï½œå¤ç±ä¸€æµ©ã®JavaScriptãƒ©ãƒœ
HTML5 Canvasã§ä½œã£ãŸã€Œã‚·ãƒ³ãƒ—ãƒ«ãƒšã‚¤ãƒ³ãƒˆã€ã€‚ãƒšãƒ³ã®è‰²ã¨ã‚µã‚¤ã‚ºãŒé¸ã¹ã€ä¿å˜ã‚‚ã§ãã‚‹ã€‚ç”»åƒã‚¯ãƒªãƒƒã‚¯ã§ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ã¾ã™ï¼ˆFirefox 3ï¼Opera 10ï¼Safari 4ã§è¡¨ç¤ºå¯èƒ½ï¼‰ HTML5ã®æ–°æ©Ÿèƒ½ã§ç‰¹ã«æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹ã®ãŒã€Flashãªã©ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã‚ãšã«Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æç”»ã§ãã‚‹ã€ŒCanvasã€ã§ã™ã€‚Canvasã¯ã€ã™ã§ã«Internet Explorerï¼ˆIEï¼‰ã‚’ã®ãžãã€ã»ã¨ã‚“ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã—ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯ç¾åœ¨é–‹ç™ºã‚’é€²ã‚ã¦ã„ã‚‹ã€ŒIE9ã€ã§HTML5ã‚’ç©æ¥µçš„ã«ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã¨ã—ã¦ã„ã¾ã™ã‹ã‚‰ã€IE9ã«CanvasãŒå®Ÿè£…ã•ã‚Œã‚‹å¯èƒ½æ€§ã¯é«˜ãã†ã§ã™ï¼ˆãŸã ã—ã€ç¾åœ¨å…¬é–‹ã•ã‚Œã¦ã„ã‚‹Platform Previewç‰ˆã§ã¯Canvasã¯å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã›ã‚“ï¼‰ã€‚ã™ã¹ã¦ã®ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§CanvasãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Œã°ã€ç”»åƒå‡¦ç†ã‚’ä¼´ã†Webã‚¢
amnma 2010/10/04
HTML5

JavaScript

canvas
ãƒªãƒ³ã‚¯
HTML5å…ˆå–ã‚Šï¼Canvasãªã‚‰Flashä¸è¦ã§çµµãŒæã‘ã‚‹ (1/3)
ç¾åœ¨ä¸»æµã®HTML 4.01ãŒå‹§å‘Šã•ã‚ŒãŸã®ãŒ1999å¹´12æœˆã€‚ãã®å¾Œã‚‚Webã¯é€²åŒ–ã—ç¶šã‘ã€HTML+CSS+JavaScriptï¼ˆâ‰’DHTMLï¼‰ã§ã§ããªã„ã“ã¨ã¯Flashã‚„Silverlightã§è£œã†ã“ã¨ã§ã€ã•ã¾ã–ã¾ãªè¡¨ç¾ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ãŸã¨ãˆã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ“ä½œã§ç”»åƒã®ä½ç½®ãªã©ãŒå¤‰åŒ–ã™ã‚‹ã‚²ãƒ¼ãƒ ã‚„ã€åˆ»ã€…ã¨å¤‰åŒ–ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’å¤–éƒ¨ãŒå–ã‚Šè¾¼ã‚“ã§å›³å½¢ã‚’æãæ ªå¼å¸‚å ´ã®ç›¸å ´ã‚°ãƒ©ãƒ•ã¯Flashã‚’ä½¿ã†ã®ãŒä¸€èˆ¬çš„ã§ã™ãŒã€ã§ãã‚Œã°HTMLã‚„JavaScriptã ã‘ã§æ¸ˆã¾ã›ã¦ã—ã¾ã„ãŸã„ã‚‚ã®ã€‚ãã“ã§ä»Šå›žã¯ã€HTML5ã®æ–°æ©Ÿèƒ½ã€ŒCanvasã€ã‚’ä½¿ã„ã€Webãƒšãƒ¼ã‚¸ä¸Šã«JavaScriptã§å›³å½¢ã‚’æç”»ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Canvasã£ã¦ãƒŠãƒ‹ï¼Ÿ 2010å¹´ã®å‹§å‘Šã‚’ç›®æŒ‡ã—ã¦W3Cï¼ˆWorld Wide Web Consortiumï¼‰ã§ç–å®šä¸ã®HTML5ã§ã¯ã€ã€ŒCanvasã€ã¨ã„ã†æ–°ã—ã„HTMLè¦ç´ ï¼ˆã‚¿ã‚°ï¼‰ãŒè¿½åŠ ã•ã‚Œã‚‹
amnma 2010/10/04
html5

canvas
ãƒªãƒ³ã‚¯
ã¾ãšã¯åŸºæœ¬ã‹ã‚‰ãƒ»HTML5ã®Canvasã«ã¤ã„ã¦å‚è€ƒã«ãªã£ãŸã‚µã‚¤ãƒˆã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã‚ˆã†ã‚„ãHTML5ã«èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’ä»¥å‰è¨˜äº‹ã«ã—ã¦ã€å‡„ã„ãªãƒ¼ã¨ æ€ã£ã¦ã„ã¾ã—ãŸãŒã€ãªã‹ãªã‹æ™‚é–“ãŒãªãã€ å…ˆå»¶ã°ã—ã«ã€‚ã§ã€ã‚ˆã†ã‚„ãé ã«å…¥ã‚Œå§‹ã‚ã¾ ã—ãŸã€‚ãªã«ã™ã‚‹ã«ã‚‚è¡Œå‹•ãŒé…ãã¦å›°ã‚Šã¾ã™ã€‚ HTML5ã§ã‚‚è©±é¡Œã«ãªã£ã¦ã„ã‚‹Canvasã‚’å‹‰å¼·ã—å§‹ã‚ã¾ã—ãŸã€‚ãã‚“ãªä¸ã§ã€å‹‰å¼·ã®å‚è€ƒã«ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’ãƒ–ã‚¯ãƒžã—ãŸã®ã§ã“ã‚Œã‹ã‚‰å¦ã¼ã†ã€ã¨ãŠè€ƒãˆã®æ–¹ã¨ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€åŸºæœ¬çš„ãªæƒ…å ±ãŒã»ã¨ã‚“ã©ã§ã™ã€‚å¤§é‡ã®æƒ…å ±ã‚’è¦‹ã¦ã‚‚æ··ä¹±ã™ã‚‹ã®ã§ã‚ã‚‹ç¨‹åº¦çµžã£ã¦ã„ã¾ã™ã€‚ html5.jp ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒªãƒ³ã‚¯å…ˆã¯canvasã‚«ãƒ†ã‚´ãƒªã«ã€‚ã“ã“ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã€ã¨ã„ã†ã‹æœ€å¾Œã¾ã§ãŸã¶ã‚“ãŠä¸–è©±ã«ãªã‚Šãã†ã€‚ html5.jp ï½žHTML 5ã§å°Žå…¥ã•ã‚Œã‚‹canvasè¦ç´ ã®ä½¿ã„æ–¹ï½ž åŒã˜ãæ•™ç§‘æ›¸çš„ãªã‚µã‚¤ãƒˆã€‚ã‚ã‚ŠãŒãŸã„ã€‚ã¾ã ã€ã–ã£ã¨èªã‚“ã ã ã‘ã§ã™ãŒã€ã™ã”ãåˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ ï½žHTML 5
amnma 2010/08/16
HTML5

canvas
ãƒªãƒ³ã‚¯
HTML5ã®Canvasã«æ¬ ã‘ã¦ã„ã‚‹ã‚‚ã®ï¼šãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ï¼ ï¼ IT
OSSãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µã‚¤ãƒˆã€ŒGitHub.comã€ã§ã¯ã€Flashã§å®Ÿè£…ã•ã‚Œã¦ã„ãŸä¸€éƒ¨ã®UIã‚’Canvasã«ç§»è¡Œã—ãŸã¨ã„ã† HTML5ã®Canvasã¨Flashã®æœ€å¤§ã®é•ã„ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã‚’è¡Œã†ãŸã‚ã«åˆ©ç”¨ã§ãã‚‹æŠ½è±¡ãƒ¬ãƒ™ãƒ«ã â€•â€•ã€‚ã“ã†æŒ‡æ‘˜ã™ã‚‹ã®ã¯ã€Gitãƒ™ãƒ¼ã‚¹ã®ã‚³ãƒ¼ãƒ‰ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ã€ŒGitHub.comã€ã®å…±åŒå‰µæ¥è€…ã€Tom Preston-Werneræ°ã ï¼ˆã¡ãªã¿ã«Werneræ°ã¯ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã«è²·åŽã•ã‚ŒãŸæ¤œç´¢ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã€ŒPowersetã€ã®å…ƒç¤¾å“¡ã§ã€è²·åŽç›´å¾Œã«â€œã‚µãƒ©ãƒªãƒ¼ä»¥å¤–ã«3å¹´é–“ã§30ä¸‡ãƒ‰ãƒ«ï¼ˆç´„2770ä¸‡å††ï¼‰â€ã¨ã„ã†ãŠã„ã—ã„ã‚ªãƒ•ã‚¡ãƒ¼ã‚’æ–ã£ã¦ã¾ã§GitHub.comã®ãƒ•ãƒ«ã‚¿ã‚¤ãƒ é–‹ç™ºã®é“ã‚’é¸ã‚“ã ã“ã¨ã§ã‚‚çŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ï¼‰ã€‚ Flashã§æ›¸ã‹ã‚ŒãŸä¸€éƒ¨ã®UIã‚’å…¨é¢çš„ã«Canvasã§æ›¸ãç›´ã—ãŸçµŒé¨“ã‹ã‚‰Werneræ°ã¯ã€Canvasã«ã¯ã¾ã æŠ½è±¡åº¦ã®é«˜ã„ãƒ•ãƒ¬ãƒ¼ãƒ¯ãƒ ãƒ¯ãƒ¼ã‚¯ãŒæ¬ ã‘ã¦ã„
amnma 2010/08/16
Canvas

html5
ãƒªãƒ³ã‚¯
JavaScript Canvasã‚µãƒ³ãƒ—ãƒ« (gorogoronyan)
æ˜ åƒãªã©ã„ã‚ã„ã‚ éŸ³æ¥½ãªã©ã„ã‚ã„ã‚ æ€ã„ã¤ãã§ã¨ãã©ãè½æ›¸ã 2009/08/27 JavaScriptæ•™æã®ã‚µãƒ³ãƒ—ãƒ«ãƒ»ã‚°ãƒ©ãƒ•ç·¨ 2009/08/18 JavaScript Canvasã‚µãƒ³ãƒ—ãƒ« ã„ã‚ã„ã‚ã‚µãƒ³ãƒ—ãƒ«ã€‚ --------------------------------- 2008/12/15 ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚Šå§‹ã‚ã¦ã¿ã‚‹ã€‚ 2009/08/05ï¼08/22 JavaScript ã¯å€‹äººçš„ã«ã‚ã¾ã‚ŠçŸ¥ã‚‰ãªã„è¨€èªžãªã‚“ã§ã€ã¡ã‚‡ã„ã¨ã“ã¡ã‚‰ã‚‚çœºã‚ã¦ã¿ã‚‹ã€‚ Canvas ã‚„ã‚°ãƒ©ãƒ•ã‚£ã‚¯ã‚¹ã‚ãŸã‚Šã‚’çœºã‚ã¦ã¿ã‚‹ã€‚å¯¾è±¡ã¯ Firefox 3.5ã€‚ã“ã¡ã‚‰ã¾ã é»Žæ˜Žã®è©±ãªã®ã§ã€ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ã‹ã©ã†ã‹ç¢ºèªã—ãªã„ã®ã§ã‚ã—ã‹ã‚‰ãšã€‚IE ã§ã¯å‹•ãã¾ã›ã‚“ã€‚Chrome ã‚„ Safari ãªã©ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã©ã†è¦‹ãˆã‚‹ã‹ï¼Ÿã€åŒã˜ã‚ˆã†ã«å®Ÿè¡Œã—ã¦ã„ã‚‹ã‹ï¼Ÿã®æ¯”è¼ƒãƒ†ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãã‚‰ã„ã«æ€ã£ã¦ãã ã•ã„ã€‚ â—Žå‚è€ƒãƒªãƒ³ã‚¯
amnma 2010/08/16
HTML5

Canvas
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
amnma 2010/07/23
HTML5

idea

Canvas

Flash
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
amnma 2010/05/17
[

HTML5

Canvas

idea

game

javascript
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
amnma 2010/05/17
HTML5

idea

Canvas

game
ãƒªãƒ³ã‚¯
1