[B! canvas] hatanaokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hatanaoki id:hatanaoki

canvasã«é–¢ã™ã‚‹hatanaokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (28)

${{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}}

HTML5 Canvasã«JavaScriptã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«å‹•ç”»ã‚’æç”»ã€‚é€éŽãƒ¬ã‚¤ãƒ¤ã§å‹•ç”»ã®é‡ãåˆã‚ã›ãªã©ã€æ–°ãŸãªè¡¨ç¾ãŒå¯èƒ½ãªPCï¼ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã‚³ãƒ¼ãƒ‡ãƒƒã‚¯ã€ŒH2MDã€ï¼»PRï¼½
Webã®è¡¨ç¾åŠ›ã¯ã€æ–‡å—ã®å¤§ãã•ã‚„è‰²ã‚’ä¸å¿ƒã«ä¿®é£¾ã—ã¦ã„ãŸæ™‚ä»£ã‹ã‚‰ç¾Žã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ´»ç”¨ã¸ã¨é€²ã¿ã€ã„ã¾ã§ã¯å¤§ããªå‹•ç”»ã‚‚ç©æ¥µçš„ã«å–ã‚Šå…¥ã‚ŒãŸã€è±Šã‹ãªè¡¨ç¾åŠ›ã¨æƒ…å ±é‡ã‚’å‚™ãˆã‚‹WebãŒæ•°å¤šãè¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ æœ€è¿‘ã§ã¯åºƒå‘Šã‚„è§£èª¬å‹•ç”»ã¨ã„ã£ãŸä¾‹ã ã‘ã§ãªãã€èƒŒæ™¯ã„ã£ã±ã„ã«å‹•ç”»ã‚’ä½¿ã†ã¨ã„ã£ãŸä¾‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ãƒ¢ãƒã‚¤ãƒ«ã§ã‚‚ã‚²ãƒ¼ãƒ ã‚„ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãªã©ã‚’ä¸å¿ƒã«ç©æ¥µçš„ã«å‹•ç”»ã‚’ç”¨ã„ãŸè¡¨ç¾ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ GIFã‚„H.264ã«è¶³ã‚Šãªã„ã‚‚ã® ã“ã†ã—ãŸå‹•ç”»è¡¨ç¾ã‚’å®Ÿç¾ã™ã‚‹æŠ€è¡“ã«ã¯è¤‡æ•°ã®é¸æŠžè‚¢ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã¨Webã‚µã‚¤ãƒˆã®ä¸¡æ–¹ã§ã®å¯¾å¿œã‚’è€ƒãˆã‚‹ã¨ã€GIFã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‹H.264ã®ã„ãšã‚Œã‹ã‚’é¸æŠžã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—GIFã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯è‰²æ•°ãŒ256è‰²ã¨é™ã‚‰ã‚Œåœ§ç¸®çŽ‡ã‚‚ä½Žã„ãŸã‚ã€å°ã•ãªã‚µã‚¤ã‚ºã§æ•°ç§’ç¨‹åº¦ã¨ã„ã£ãŸæœ€å°é™ã®å‹•ç”»å†ç”Ÿã«ã—ã‹å‘ãã¾ã›ã‚“ã—ã€éŸ³å£°ã¨ã®åŒæœŸã‚‚å›°é›£ã§ã™ã€‚ä¸€æ–¹ã€H.264ã¯é«˜ç²¾ç´°
hatanaoki 2015/03/13
canvas
ãƒªãƒ³ã‚¯
msto.jpÂ -Â itè»¢è· ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
hatanaoki 2014/04/17
canvas

flash
ãƒªãƒ³ã‚¯
jQueryã®ã‚ˆã†ã«Canvasã§æç”»ã€æ“ä½œÂ·Canvas Query MOONGIFT
Canvas Queryã¯Canvasã‚’jQueryã®ã‚ˆã†ã«æ‰±ãˆã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ HTML5ã®æ–°æ©Ÿèƒ½ã§çŸ¥ã‚‰ã‚Œã‚‹Canvasã§ã™ãŒã€ã‚ã¾ã‚Šä¸€èˆ¬çš„ã«æ´»ç”¨ã•ã‚Œã¦ã„ã‚‹ã¨ã¯è¨€ã„ãŒãŸã„çŠ¶æ…‹ã§ã™ã€‚ãã‚Œã¯æ‰±ã„ã‚„ã™ã•ã«èµ·å› ã—ã¦ã„ã‚‹æ°—ãŒã—ã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹Canvas Queryã‚’ä½¿ãˆã°ãã£ã¨èº«è¿‘ãªå˜åœ¨ã«ãªã‚Šãã†ã§ã™ã€‚ ãƒ‡ãƒ¢ã§ã™ã€‚è‰²ã‚’ãã‚Œãžã‚Œå¤‰ãˆã¦ã„ã¾ã™ã€‚ ã“ã¡ã‚‰ã‚‚æ§˜ã€…ãªå‡¦ç†ã‚’æ–½ã—ã¦ã„ã¾ã™ã€‚ ãƒŸã‚µã‚¤ãƒ«ã®è‰²ã‚’å¤‰ãˆã¦ã„ã‚‹ãƒ‡ãƒ¢ã€‚ Canvas Queryã¯Canvasã‚’jQueryã®ã‚ˆã†ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãªã£ã¦ã„ã¾ã™ã€‚ã‚ãƒ£ãƒ³ãƒã‚¹ã‚’ç”Ÿæˆã—ã€.fillStyle('#FF0000')ã®ã‚ˆã†ã«ã—ã¦ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ãƒã‚§ãƒ¼ãƒ³ãƒ¡ã‚½ãƒƒãƒ‰ã‚‚ä½¿ãˆã¾ã™ã€‚å¤šå½©ã«ç”¨æ„ã•ã‚ŒãŸãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ãˆã°ã€Canvasã‚’æ‰‹è»½ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ãªã‚Šãã†ã§ã™ã€‚ Canvas Queryã¯JavaScriptè£½ã€MIT Licenseã®ã‚ªãƒ¼ãƒ—
hatanaoki 2013/02/06
canvas

javascript
ãƒªãƒ³ã‚¯
HTML5ã®Canvasã«æã‹ã‚Œã‚‹ã€Œã‚¢ãƒ¼ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã€ã¨ã«ã‹ãç¾Žã—ã„JavaScriptè¡¨ç¾ã®ã¾ã¨ã‚28å€‹ï¼
å‹•ããžï¼ãã‚Œã„ã ãžï¼ ï¾(ï½¥_ï½¥ï¾) ã¨ã«ã‹ãç—©ã›ãŸã„ã€HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ã»ã‚“ã ã§ã™ã€‚ jsdo.itã€nakamapã€Paberishã€HTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆã¨ã„ã£ãŸè‡ªç¤¾é‹å–¶Webã‚µãƒ¼ãƒ“ã‚¹ã® HTML5ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’æ‹…å½“ã—ã¦ã„ã‚‹è€…ã§ã™ã€‚ jsdo.itã€ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•° 5ä¸‡äººçªç ´ï¼ æ‰‹å‰å‘³å™Œã§ã™ãŒã€ã“ã®ãŸã³å¼Šç¤¾é‹å–¶ã®HTML5ã‚³ãƒ¼ãƒ‰å…±æœ‰ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€Œjsdo.itã€ãŒã€ ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•° 5ä¸‡äººã‚’çªç ´ã—ã¾ã—ãŸï¼ï¼ˆã‚ãƒ¼ã„ï¼ï¼‰ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€jsdo.itã®ãƒ¦ãƒ¼ã‚¶ãƒ¼5ä¸‡äººã‚’è¨˜å¿µã—ã¦ã€ HTML5 Canvas ã«èŠ¸è¡“çš„ãªå‹•ãã‚’è¡¨ç¾ã—ã¦ã„ã‚‹JavaScriptã‚³ãƒ¼ãƒ‰ã€Œã‚¢ãƒ¼ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã€ã‚’ç‰¹é›†ã—ã¾ã™ï¼ ã‚ã¾ã‚Šä¸€èˆ¬çš„ã§ã¯ãªã„ã‚ˆã†ã§ã™ãŒã€ã€Œã‚¢ãƒ¼ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã€ã¨ã„ã†è¨€è‘‰ã§ããã£ã¦ã¿ã¾ã—ãŸã€‚ Canvasã‚¢ãƒ¼ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ç‰¹é›†ï¼ èª¬æ˜Žä¸è¦ï¼ æ°—ã«ãªã£ãŸã‚³ãƒ¼ãƒ‰ã¯æ˜¯éžã®ãžã„ã¦ã¿ã¦ãã ã•ã„ï¼
hatanaoki 2012/12/12
canvas

javascript
ãƒªãƒ³ã‚¯
iOSãƒ—ãƒã‚°ãƒ©ãƒžã¸ã€‚HTML5 CanvasãŒãŠã‚‚ã—ã‚ã„ï¼ | DOTAPON Blog
â€¦ã¨ã„ã†é¡Œã§ã€ç™ºè¡¨ã—ã¦ãã¾ã—ãŸã€‚ ã•ã„ãŸã¾é–‹ç™ºå‹‰å¼·ä¼š vol5ã§ã™ã€‚ iOSã®Core Graphicsã¨å…±é€šç‚¹ã®å¤šã„HTML5 Canvasã€‚ iOSãƒ—ãƒã‚°ãƒ©ãƒ ã®çµŒé¨“ãŒã¾ã‚‹ã”ã¨æ´»ã‹ã›ã‚‹ãœï¼é¢ç™½ã„ã‚‚ã®ã¤ãã‚ã†ãœï¼ ã¨ã„ã†ã“ã¨ã‚’ãŠä¼ãˆã—ãŸãã€å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã™å ´é¢ã‚’å–ã‚Šå…¥ã‚Œã¦ã¿ã¾ã—ãŸã€‚ å®Ÿéš›ã«åŠ¹æžœãŒã‚ã£ãŸã‹ã©ã†ã‹ã¯â€¦ã‚ã‹ã‚Šã¾ã›ã‚“ (^^;) å…¥é–€çš„ãªä½ç½®ã¥ã‘ã«ä»•ä¸Šã’ã¦ã¿ã¾ã—ãŸã®ã§ã€iOSãƒ—ãƒã‚°ãƒ©ãƒžã®æ–¹ã‚‚ãã†ã§ãªã„æ–¹ã‚‚ã€ãœã²è§¦ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ iOSãƒ—ãƒã‚°ãƒ©ãƒžã¸ã€‚HTML5 CanvasãŒãŠã‚‚ã—ã‚ã„ï¼ from cocopon ç·´ç¿’ç”¨ã®ã€ŒHTML5 Canvas ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆã€ã¯ã“ã¡ã‚‰ã‹ã‚‰ã€‚ ãƒžã‚¦ã‚¹ãƒ»ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆä¸¡å¯¾å¿œã®InputManagerãŒä»˜å±žã—ã¦ã„ã¾ã™ã®ã§ã€ãœã²ã”æ´»ç”¨ãã ã•ã„ :) CanvasStarterKit_100.zip
hatanaoki 2012/09/30
HTML5

canvas
ãƒªãƒ³ã‚¯
Inkscapeæ©Ÿèƒ½æ‹¡å¼µã€‚ãƒ‰ãƒãƒ¼ãƒ‡ãƒ¼ã‚¿ã‚’HTML5/Canvasã¸å‡ºåŠ›Â·Ink2canvas MOONGIFT
Ink2canvasã¯Inkscapeã§ä½œæˆã—ãŸãƒ‰ãƒãƒ¼ã‚’HTML5/Canvasã«ä¿å˜ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ Ink2canvasã¯Inkscapeç”¨ã€Pythonè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦æœ‰åãªInkscapeã€‚æ•°å¹´å‰ã¯ã¾ã ã¾ã ä¸å®‰å®šã ã£ãŸãŒã€æœ€è¿‘ã§ã¯ãšã„ã¶ã‚“å®Ÿç”¨çš„ã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ã ã€‚ å‡ºåŠ›ä¾‹ æã„ãŸå›³ã‚’SVGã§å‡ºåŠ›ã§ãã‚‹ã®ã§ã€Webã¨ã®è¦ªå’Œæ€§ã‚‚é«˜ã„ã€‚ã ãŒSVGã¯XMLãƒ™ãƒ¼ã‚¹ãªã®ã§ä¿®æ£ã™ã‚‹ã®ãŒå¤§å¤‰ã‹ã‚‚çŸ¥ã‚Œãªã„ã€‚ãã“ã§ã•ã‚‰ã«ä¾¿åˆ©ã«Canvasã‚¿ã‚°åŒ–ã—ã¦ã—ã¾ã†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€Ink2canvasã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã€‚ Ink2canvasã¯Inkscapeç”¨ã®æ©Ÿèƒ½æ‹¡å¼µã ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ã€Save asã®é …ç›®ã«HTML5ãŒå‡ºã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ãã—ã¦ä¿å˜ã™ã‚‹ã¨HTMLãƒ•ã‚¡ã‚¤ãƒ«ãŒç”Ÿæˆã•ã‚Œã‚‹ã€‚ä¸ã«ã¯JavaScriptã‚’ä½¿ã£ã¦Canvasã‚¿ã‚°ã«ãƒ¬ãƒ³ãƒ€ãƒª
hatanaoki 2012/01/08
canvas
ãƒªãƒ³ã‚¯
rails3 + html5 canvasã§ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ï¼
ã¯ã˜ã‚ã¾ã—ã¦ã“ã‚“ã«ã¡ã¯ã€‚ KRAYã‚¢ãƒ«ãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ html5ã®canvasã‚’ä½¿ã£ã¦ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ åˆã‚ã¦ãƒ–ãƒã‚°è¨˜äº‹ã‚’æ›¸ãã¨ã„ã†ã“ã¨ã§æ°—åˆãŒå…¥ã‚Šã¾ã—ãŸã€‚ ã¡ã‚‡ã£ã¨é•·ã‚ã§ã™ãŒãŠä»˜ãåˆã„ä¸‹ã•ã„ã€‚ æ©Ÿèƒ½ ãŠçµµã‹ãæŠ•ç¨¿ã‚µã‚¤ãƒˆã®å¿…è¦æœ€ä½Žé™ãªæ©Ÿèƒ½ã£ã¦ï¼Ÿ ã–ã£ã¨ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’å…¥ã‚Œã¦ã¿ã¾ã™ã€‚ çµµã‚’æã‘ã‚‹ çµµã‚’æ¶ˆã›ã‚‹ æç”»ã‚’ä¸€å›žåˆ†æˆ»ã‚Œã‚‹ ç·šã®å¤ªã•ã‚’å¤‰ãˆã‚‰ã‚Œã‚‹ ç·šã®è‰²ã‚’å¤‰ãˆã‚‹ çµµã‚’æŠ•ç¨¿ã§ãã‚‹ æŠ•ç¨¿ã•ã‚ŒãŸç”»åƒã®ä¸€è¦§ã‚’è¡¨ç¤ºã§ãã‚‹ â†’ å®Œæˆè¦‹æœ¬ã¯ã“ã¡ã‚‰å®Œæˆè¦‹æœ¬ã®å…¬é–‹ã¯çµ‚äº†è‡´ã—ã¾ã—ãŸã€‚ çµµã‚’æã‘ã‚‹ HTML5ã®canvasã«ãƒžã‚¦ã‚¹ã®è»Œé“ã«ç·šã‚’å¼•ã„ã¦ã„ãã‚ã‘ã§ã™ã€‚ canvasã§ã®ãƒžã‚¦ã‚¹è»Œé“ã®æãæ–¹ã¯ã€ ãƒ»mousemoveã‚¤ãƒ™ãƒ³ãƒˆç™ºç”Ÿæ™‚ã«ç‚¹ã‚’ãƒ—ãƒãƒƒãƒˆ ã¨ã„ã†æ‰‹æ®µãŒçœŸã£å…ˆã«æ€ã„æµ®ã‹ã¶ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚Œã¯ã€ä»¥ä¸‹ã®æ§˜ã«ãªã‚Šã¾ã™ã€‚ ã“ã‚Œã§ã¯ãŠè©±ã«ãªã‚Šã¾ã›ã‚“ã€‚ ãªã®ã§ã€ç‚¹ã§ã¯ãªãç·šã‚’å¼•ãã“
hatanaoki 2011/11/15
canvas
ãƒªãƒ³ã‚¯
[JS]ã‹ãªã‚Šã‹ã£ã“ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sonic
HTML5 Canvasã‚’ä½¿ã£ã¦ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ï¼ˆç´„3Kï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Sonicã®å®Ÿè£… Squareï¼ˆçŸ©å½¢ï¼‰ã¨Circleï¼ˆå††å½¢ï¼‰ã‚’ä¾‹ã«å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="sonic.js"></script> JavaScript: Squareï¼ˆçŸ©å½¢ï¼‰ ã‚ã¨ã¯ã€JavaScriptã§è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
hatanaoki 2011/08/29
javascript

canvas
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
hatanaoki 2011/08/18
HTML5

canvas
ãƒªãƒ³ã‚¯
Canvasã®æç”»ã‚’ç°¡å˜ã«ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒoCanvasã€ | Webæ´»ãƒ¡ãƒ¢å¸³
ï¼“ã¤ã®ãƒ‡ãƒ¢ãŒã‚µã‚¤ãƒˆã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ ã‚°ãƒ©ãƒ•ã®ä½œæˆã€ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ãã¨ ãã‚Œãžã‚Œã®ã‚³ãƒ¼ãƒ‰ãŒç¢ºèªã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã¨PCã®ä¸¡æ–¹ã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¦ã€ ã‚¯ãƒªãƒƒã‚¯ã¨ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãŸéš›ã«æŒ‡å®šã®å‹•ä½œã‚’ã™ã‚‹ã«ã¯ä¸‹ã®ã‚ˆã†ã«æ›¸ã‘ã°è‰¯ã„ã‚ˆã†ã§ã™ã€‚ button.bind("click tap", function () { //ã“ã“ã«ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿° } ); ã‚³ãƒ¼ãƒ‰ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ã‘ã‚‹ã®ã§è‰¯ã•ãã†ã§ã™ãã€‚ èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ä¸‹ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ã©ã†ãžï¼
hatanaoki 2011/03/28
canvas
ãƒªãƒ³ã‚¯
åœ°ç„ã®ãƒŸã‚µãƒ¯ãŒCSS3ã®å‹‰å¼·ã«æœ€é©ã¨è©±é¡Œã«
CSS3ã«èˆˆå‘³ã¯ã‚ã‚‹ã‘ã©ã€ãã£ã‹ã‘ãŒç„¡ã„ãªã‚ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã¸ ã“ã‚“ã«ã¡ã‚ã€jsdo.itæ‹…å½“ã®ãµã¡ãŒã¿ã§ã™ã€‚ æœ€è¿‘jsdo.itã§åœ°ç„ã®ãƒŸã‚µãƒ¯ã‚’ã‚¤ã‚¸ã‚ŠãªãŒã‚‰CSS3ã‚„canvasã€javascriptã‚’å¦ã¶å‹•ããŒæ´»ç™ºãªã‚“ã§ã™ã€‚ ã€Œãã‚Œ2å¹´ãã‚‰ã„å‰ã«è¦‹ãŸã‚ãƒ¼ã€ã¨ã„ã†æ–¹ã‚‚ç¶šãã‹ã‚‰ã©ã†ãžï¼ ä¸€çž¬ã§ã‚ã‹ã‚‹ã¾ã¨ã‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŸã¡ãŒåœ°ç„ã®ãƒŸã‚µãƒ¯ã«å¤¢ä¸ - togetter canvasã§æã‹ã‚ŒãŸãƒŸã‚µãƒ¯
hatanaoki 2011/02/15
css3

canvas
ãƒªãƒ³ã‚¯
GREE Engineering
404 ãŠæŽ¢ã—ã®ãƒšãƒ¼ã‚¸ã¯è¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ GREE Engineering ãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹
hatanaoki 2011/02/08
Android

javascript

Canvas
ãƒªãƒ³ã‚¯
5509.me
This domain may be for sale!
hatanaoki 2010/12/22
canvas
ãƒªãƒ³ã‚¯
OpenGLãªã«ãã‚Œã†ã¾ã„ã®?? ã¨ã„ã†äººã®ãŸã‚ã®WebGLã®å§‹ã‚æ–¹ - hagino3000's blog
è¿½è¨˜ï¼šä¾‹é¡Œã®é ‚ç‚¹ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã§ä½•ã‚’ã—ã¦ã„ã‚‹ã‹èª¬æ˜Žã‚’è¿½åŠ ã—ã¾ã—ãŸ è¿½è¨˜ï¼šå‹•ä½œç’°å¢ƒã®æ‰€ä¿®æ£ã—ã¾ã—ãŸã€IE9ã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã€‚ çš†ã•ã‚“ã¯ã˜ã‚ã¾ã—ã¦ã€è’å·æ™ºå‰‡ã§ã™ã€‚ã“ã®è¨˜äº‹ã¯JavaScript Advent Calendarã®21æ—¥ç›®ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Google I/Oã‚„Firefox Developers Conferenceã§è¯éº—ãªãƒ‡ãƒ¢ãŒãƒãƒªãƒãƒªå‡ºã¦ãã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€å®Ÿéš›ã«ä½¿ã£ã¦ã„ã‚‹äººãŒç•°å¸¸ãªã¾ã§ã«å°‘ãªã„WebGLã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚å¯¾è±¡èªè€…ã¯WebGLã«èˆˆå‘³ãŒã‚ã‚‹oræ‰‹ã‚’å‡ºã—ã¦ã¿ãŸã‘ã©ã‚¯ã‚½é›£ã—ãã†ã ã—æ—¢ã«è«¦ã‚ãã†ã€ã¨ã„ã†äººã§ã™ã€‚ WebGLã®æ¦‚è¦ WebGLã¯OpenGL ES 2.0ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯APIã‚’Canvasè¦ç´ ä¸Šã§ä½¿ãˆã‚‹æ§˜ã«ã—ãŸç‰©ã§ã™ã€‚OpenGL ESã¯OpenGLã®çµ„ã¿è¾¼ã¿æ©Ÿå™¨å‘ã‘ã®ã‚µãƒ–ã‚»ãƒƒãƒˆã§ã€iPhoneã‚„androidç«¯æœ«ã«ã‚‚æè¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚OpenGL ESãª
hatanaoki 2010/12/22
3D

api

canvas
ãƒªãƒ³ã‚¯
GSkinnerã®ä½œã£ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒç´ æ•µã™ãŽã‚‹ä»¶ | fladdict
Flashç•Œã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚´ãƒƒãƒ‰GSkinnerãŒJavaScriptã®Canvasã‚’Flashãƒ©ã‚¤ã‚¯ã«ä½¿ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ãŸã€‚ ã“ã®äººã€ç¢ºã‹åƒ•ã¨åŒã„å¹´ãã‚‰ã„ã‹ã¡ã‚‡ã„ä¸‹ãªã‚“ã ã‚ˆãã€‚ã€‚ã€‚ä¼šã†åº¦ã«è¶…ã¸ã“ã‚€ã€‚ ç”»æœŸçš„ã¨ã„ã†ã‹ã€ç¢ºå®Ÿã«ã‹ã‚†ã„ã¨ã“ã‚ã«æ‰‹ãŒå±Šããƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ä¸‹ã¿ãŸã„ãªã®ãŒã‚µã‚¯ã‚µã‚¯JSã§ã„ã‘ã‚‹ã€‚ã‚ã„ã‹ã‚ã‚‰ãšã‚½ãƒ¼ã‚¹ã¯ç¾Žã—ã„ã—ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚å®Œå‚™ã€‚ game sparkles rollover localToGlobal globalToLocal sprite sheets ã–ã£ã¨è¦‹ãŸæ„Ÿã˜Flashã§ã„ã†ã¨ã“ã‚ã®ã€Stage, MovieClip, Sprite, Bit map, Matrix, Stage, EnterFrameã¨ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚¢ãƒ‹ãƒ¡ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã‚‹æ„Ÿã˜ã€‚ã“ã‚Œã¯ç´ æ•µã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãã®ã‚‚ã®ã‚‚ã‚¹ã‚´ã„ã‚“ã ã‘ã©ãƒã‚¤ãƒ³ãƒˆã¯ã€GSkinnerãŒJSã‚„ã‚Šã ã—ãŸã£ã¦ã“ã¨ã¯ã€365æ—¥ä»¥
hatanaoki 2010/12/20
canvas

flash

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

canvas
ãƒªãƒ³ã‚¯
ã€ŒAiâ†’Canvasã€ã‚¤ãƒ©ã‚¹ãƒˆã‚’HTML5å½¢å¼ã«å¤‰æ›ã™ã‚‹ç”»æœŸçš„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã€å¢—ç”°@maskinçœŸæ¨¹ | TechWaveï¼ˆãƒ†ãƒƒã‚¯ã‚¦ã‚§ãƒ¼ãƒ–ï¼‰
[èªäº†æ™‚é–“:1åˆ†] ç±³MicrosoftãŒé‹å–¶ã™ã‚‹MixOnlineãŒ10æœˆ12æ—¥ã€ã‚¢ãƒ‰ãƒ“ãƒ»ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’HTML5ã®CANVASå½¢å¼ã«ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAiâ†’Canvasã€ã‚’å…¬é–‹ã—ãŸã€‚CANVASå½¢å¼ã§è¡¨ç¾ã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã¯æ‹¡å¤§ç¸®å°ã¯ã‚‚ã¡ã‚ã‚“ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ–½ã™ã“ã¨ãªã©ãŒå¯èƒ½ã«ãªã‚‹ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¾Œã€ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ã€Œæ›¸ãå‡ºã—ã€ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œã™ã‚‹ã¨CANVASå½¢å¼ã‚’é¸æŠžã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚æ›¸ãå‡ºã•ã‚Œã‚‹ã®ã¯HTMLãƒ•ã‚¡ã‚¤ãƒ«ã§ã€ãƒ™ã‚¸ã‚§æ›²ç·šã¯ãã®ã¾ã¾ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒã¯ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ä¿å˜ã•ã‚Œã‚‹ã€‚å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ï¼ˆä»¥ä¸‹å‚ç…§ï¼‰ ä¸Šã®ã‚¹ãƒŠãƒƒãƒ—ã‚·ãƒ§ãƒƒãƒˆã§CANVASå¤‰æ›ã—ãŸãƒ™ã‚¸ã‚§ã®ã¿ã§ä½œæˆã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã‚’ä»¥ä¸‹ã§å…¬é–‹ã—ã¦ã„ã‚‹ã€‚ http://blog.metamix.com/sample/NAOC_LOGO_Illustration.html ã‚½ãƒ¼ã‚¹ã‚’
hatanaoki 2010/10/18
canvas
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯è¦‹ã¦ãŠãã¹ãHTML5ã®Canvasã‚’ä½¿ã£ãŸãƒ‡ãƒ¢é›†:phpspoté–‹ç™ºæ—¥èªŒ
21 Ridiculously Impressive HTML5 Canvas Experiments | Nettuts ã“ã‚Œã¯è¦‹ã¦ãŠãã¹ãHTML5ã®Canvasã‚’ä½¿ã£ãŸå®Ÿé¨“é›†ã€‚ ã“ã“ã¾ã§å‡ºæ¥ã‚‹ã®ï¼Ÿã£ã¦ã„ã†ã‚µãƒ³ãƒ—ãƒ«ãŒæº€è¼‰ã§ä¸€åº¦ã¯è¦‹ã¦ãŠããŸã„ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ 8 Bit Color Cycle Particle Letter Animation Particle System Strange Attractors Liquid Particles Fake Floor Reflections æ¬¡ä¸–ä»£ã®WEBãŒæ¥½ã—ã¿ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã§å‹•ç”»ã‚„éŸ³å£°å†ç”Ÿã‚’å¯èƒ½ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªé›† HTML5ãƒ™ãƒ¼ã‚¹ã®TODOãƒªã‚¹ãƒˆã€Œ5Listã€ CSSã§ã‚¯ãƒ¼ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸHTML5å‹•ç”»ãƒ»éŸ³æ¥½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿè£…JSã€ŒMediaElement.jsã€ CSSã§ã‚¹ã‚ãƒ³ä½œæˆãŒå¯èƒ½ãªHTML5å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼å®Ÿ
hatanaoki 2010/09/09
HTML5

canvas
ãƒªãƒ³ã‚¯
Ajax - ãƒ‡ãƒ¼ã‚¿äº¤æ› via PNG : 404 Blog Not Found
2010å¹´08æœˆ27æ—¥03:30 ã‚«ãƒ†ã‚´ãƒªLightweight Languages Ajax - ãƒ‡ãƒ¼ã‚¿äº¤æ› via PNG é¢ç™½ã„ã€‚ ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘JavaScriptã¨CSSã‚’PNGãƒ•ã‚¡ã‚¤ãƒ«ã«å«ã‚ã¦åœ§ç¸®ã™ã‚‹æ–¹æ³• | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ« ãŒã€ä½¿ã„ã©ã“ã‚ãŒé™å®šçš„ã™ãŽã‚‹ã€‚ Demo å®Ÿéš›ã«åŒæ–¹å‘ã«å¤‰æ›ã™ã‚‹ãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ãŸã€‚ å¾©å…ƒã•ã‚ŒãŸæ–‡æ›¸ ã‚½ãƒ¼ã‚¹ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ /* * You need base64.js. * cf: http://blog.livedoor.jp/dankogai/archives/51067688.html */ img2txt = function(node) { var el = document.createElement("canvas"), ctx = el.getContext("2d"), w = el.width = el.sty
hatanaoki 2010/09/06
javascript

canvas
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘JavaScriptã¨CSSã‚’PNGãƒ•ã‚¡ã‚¤ãƒ«ã«å«ã‚ã¦åœ§ç¸®ã™ã‚‹æ–¹æ³• | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Ajaxian IE9ãŒCanvasè¦ç´ ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã“ã¨ã§ã€ã“ã‚Œã¾ã§åºƒãä½¿ã‚ã‚Œã¦ã“ãªã‹ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã€ã‚‚ã—ã‹ã—ãŸã‚‰æ³¨ç›®ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚Ajaxianã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹Want to pack JS and CSS really well? Convert it to a PNG and unpack it via Canvasã¨ã„ã†è¨˜äº‹ã§ã€2008å¹´ã«å…¬é–‹ã•ã‚ŒãŸJacob Seidelinæ°ã®è¨˜äº‹"Compression using Canvas and PNG-embedded data - Nihilogic"ãŒãµãŸãŸã³å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ãŠã‚Šã€ãã®å¯èƒ½æ€§ã‚’ç¤ºã™ã‚‚ã®ã¨ã—ã¦èˆˆå‘³æ·±ã„ã€‚ Compression using Canvas and PNG-embedded dataã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€JavaScriptã‚„CSSã‚’PNGç”»åƒãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ã‚‚
hatanaoki 2010/09/06
javascript

canvas
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸