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

nobu666 id:nobu666

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

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

SVGãƒ¤ãƒã‚¤ - æœ€é€Ÿãƒãƒ¥ãƒ‘ã‚«ãƒ–ãƒ©ç ”ç©¶ä¼š
canvas ã‚’è‹›ã‚ã¦ã„ãŸã‚‰æ°—ã¥ã„ãŸã“ã¨ãŒã‚ã£ãŸã®ã§æ›¸ãã¾ã™ã€‚ï¼ˆã“ã®è¨˜äº‹ã¯2011å¹´5æœˆç¾åœ¨ã®æƒ…å ±ã§ã™ã€‚ã‚ãªãŸãŒã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ã‚‹æ™‚ç‚¹ã§ã€ã‚ˆã‚Šæ–°ã—ãã¦è‰¯ã„æ–¹æ³•ãŒç„¡ã„ã‹ç¢ºèªã—ã¦ä¸‹ã•ã„ï¼‰ åŸºæœ¬çš„ãªè©± canvas ã«ã¯ã€å›³å½¢ã‚’æç”»ã™ã‚‹æ©Ÿèƒ½ã ã‘ã§ãªãã€æã‹ã‚Œã¦ã„ã‚‹å†…å®¹ã‚’èªã¿å–ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚getImageData ã‚’ä½¿ã†ã¨ã€canvas ã®å†…å®¹ã‚’ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã§èªã¿å–ã£ã¦ç”»åƒå‡¦ç†ã‚’ã‹ã‘ãŸã‚Šã§ãã¾ã™ã€‚ã¾ãŸã€toDataURL ã‚’ä½¿ã†ã¨ canvas ã®å†…å®¹ã‚’ Data URI ã¨ã—ã¦å‡ºåŠ›ã§ãã€ã‚µãƒ¼ãƒã«é€ä¿¡ã—ãŸã‚Šã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ©Ÿèƒ½ã«ã¯ãƒªã‚¹ã‚¯ãŒã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€æ‚ªæ„ã®ã‚ã‚‹ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸã ã‘ã§ã€ç¤¾å†…SNSã«ã—ã‹å…¬é–‹ã—ã¦ã„ãªã„ã‚ãªãŸã®é¡”å†™çœŸã‚’ canvas çµŒç”±ã§æŠœãå–ã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã†ã„ã†äº‹ãŒèµ·ããªã„ã‚ˆã†ã«ã€ä»–ã®ã‚µã‚¤ãƒˆã‹ã‚‰èªã¿è¾¼ã‚“ã ç”»åƒãŒ canvas ã«æç”»ã•ã‚Œã¦ã„ã‚‹å ´åˆï¼ˆä»¥ä¸‹ã€
nobu666 2011/05/12
security

canvas

svg
ãƒªãƒ³ã‚¯
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æ—¥ä»¥
nobu666 2010/12/20
flash

javascript

library

canvas
ãƒªãƒ³ã‚¯
canvasè¦ç´ + Javascriptã§ä½œã‚‹ã€å‹•çš„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
HTML 5 + Javascriptã§ä½œã‚‹å‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ å‰å›žã®æŽˆæ¥ã§ã¯ã€HTML 5ã«ã¤ã„ã¦ã€ãã®æˆã‚Šç«‹ã¡ã‚„ç‰¹å¾´ã‚’è§£èª¬ã—ãŸä¸Šã§ã€æ–°ã—ã„æ§‹é€ åŒ–ã®ãŸã‚ã®è¦ç´ ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚ã¾ãŸã€ã‚ã‚ã›ã¦CSS3ã«ã‚ˆã£ã¦æ ¼æ®µã«é€²æ©ã—ãŸè¡¨ç¾åŠ›ã«ã¤ã„ã¦å®Ÿéš›ã«ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’ä½œã‚ŠãªãŒã‚‰è§£èª¬ã—ã¾ã—ãŸã€‚ ä»Šã¾ã§ã¯ã€Webãƒšãƒ¼ã‚¸ã§å‹•çš„ã«å›³ã‚„ç”»åƒã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã™ã‚‹ã«ã¯FlashãŒä»£è¡¨çš„ãªé¸æŠžè‚¢ã§ã—ãŸã€‚ã—ã‹ã—ã€ã“ã“æ•°å¹´ã§ãã®çŠ¶æ³ãŒå¤§ããå‹•ãã¤ã¤ã‚ã‚Šã¾ã™ã€‚Flashã«ä»£è¡¨ã•ã‚Œã‚‹ã‚ˆã†ãªå‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã€å°‚ç”¨ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç„¡ã—ã«ã€HTMLã®è¦ç´ ã¨ãã‚Œã¨é€£æºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã ã‘ã§å®Ÿç¾ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¤ã¤ã‚ã‚‹ã®ã§ã™ã€‚ã“ã†ã—ãŸæŠ€è¡“ã¯ã€ä»Šå¾Œã®Webã®å‹•å‘ã‚’å¤§ããå¤‰ãˆã‚‹å¯èƒ½æ€§ã‚’ç§˜ã‚ãŸæŠ€è¡“ã¨ã—ã¦è„šå…‰ã‚’æµ´ã³ã¦ã„ã¾ã™ã€‚ HTML 5ã§å‹•çš„ã«ç”»åƒã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã«ã¯ã€canvasè¦ç´ ã¨ã„ã†æ–°è¦ã«å°Žå…¥ã•ã‚ŒãŸè¦ç´ ã¨ã€can
nobu666 2010/11/08
html5

canvas

javascript
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
nobu666 2010/11/05
ãªã‚“ã‹éŠã¹ãã†

javascript

canvas

image
ãƒªãƒ³ã‚¯
Canvasã‚’ä½¿ç”¨ã—ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã§é«˜æ©Ÿèƒ½ãªã‚°ãƒ©ãƒ•ã‚’æããƒ©ã‚¤ãƒ–ãƒ©ãƒª -RGraph
æ£’ã‚°ãƒ©ãƒ• æ©Ÿèƒ½ï¼šãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€ã‚³ãƒ³ãƒ†ã‚¯ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã‚ºãƒ¼ãƒ ã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚è±Šå¯Œã§ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã«ã¯å¤šãã®ã‚°ãƒ©ãƒ•ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚
nobu666 2010/04/06
html5

canvas

graph
ãƒªãƒ³ã‚¯
1