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

tarchan id:tarchan

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

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

uGUIã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç†è§£ã™ã‚‹ ã€œ å¤šç¨®è§£åƒåº¦å¯¾å¿œ : Canvas Scaler - ã„ã‚“ã§ãƒãƒ¼ã¥
1 2 3 4 å‰å›žã¾ã§ã§Rect Transf orm ã®æ•°å€¤ã®è¦‹æ–¹ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚ ãŒã€ã‚¢ãƒ³ã‚«ãƒ¼ã®ä½ç½®ã¯ç›¸å¯¾å€¤ã€è¦ç´ ã®ä½ç½®ã¯çµ¶å¯¾å€¤ã§æ±ºã‚ã¦ã„ã‚‹ãŸã‚ã€ç”»é¢ã®å¤§ãã•ãŒå¤‰ã‚ã£ãŸå ´åˆã«è¦‹ãˆæ–¹ãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ å®Ÿéš›ã«è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ â€»ãƒ¢ãƒã‚¤ãƒ«ã®ã»ã†ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§Androidç«¯æœ«ã§ä¾‹ã‚’å‡ºã—ã¾ã™ã€‚ å‰å›žã®é…ç½®ã‚’Unityã®ã‚²ãƒ¼ãƒ ãƒ“ãƒ¥ãƒ¼ã§è¦‹ã‚‹ã¨ã€ä¸‹å›³ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚²ãƒ¼ãƒ ãƒ“ãƒ¥ãƒ¼ã®è§£åƒåº¦ã¯ 800 x 1280 ã§ã™ã€‚ ã“ã‚Œã‚’å®Ÿæ©Ÿï¼ˆSHARP SHL25ã€è§£åƒåº¦ 1920 x 1080ï¼‰ã§å®Ÿè¡Œã™ã‚‹ã¨ä¸‹å›³ã®ã‚ˆã†ãªè¡¨ç¤ºã«ãªã‚Šã¾ã™ã€‚ ä¸€ç›®è¦‹ã¦åˆ†ã‹ã‚‹ã¨ãŠã‚Š åŠé€æ˜Žã®é ˜åŸŸã«å¯¾ã™ã‚‹ç™½ã„ãƒœã‚¿ãƒ³ãŒå ã‚ã‚‹é ˜åŸŸ å„é ˜åŸŸã®å››éš…ã®ä¸¸ã¿ ãƒ†ã‚ã‚¹ãƒˆã®ã‚µã‚¤ã‚º ãªã©æ˜Žã‚‰ã‹ã«ã‚ºãƒ¬ãŒç”Ÿã˜ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯ã€è¦ç´ ã®ä½ç½®é–¢ä¿‚ã‚’ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã®çµ¶å¯¾å€¤ã§è¡¨ã—ã¦ã„ã‚‹ãŸã‚ã€é«˜è§£åƒåº¦ã®ç«¯æœ«ã§ã¯æ•°å€¤ãŒå°ã•ããª
tarchan 2017/01/16
unity

ugui

canvas
ãƒªãƒ³ã‚¯
MobileHackerzå†èµ·å‹•æ—¥è¨˜: THETAã®360åº¦å†™çœŸã‚’äººã«æ¸¡ãã†ï¼ã€Œäººã«æ¸¡ã›ã‚‹ã€ãƒãƒ¼ã‚¿ãƒ–ãƒ«ãƒ»ãƒ‘ãƒŽãƒ©ãƒžãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä½œã£ãŸ
2015/05/21 â– THETAã®360åº¦å†™çœŸã‚’äººã«æ¸¡ãã†ï¼ã€Œäººã«æ¸¡ã›ã‚‹ã€ãƒãƒ¼ã‚¿ãƒ–ãƒ«ãƒ»ãƒ‘ãƒŽãƒ©ãƒžãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä½œã£ãŸ ã€Œ360åº¦å†™çœŸã€ãŒä¸€ç™ºã§æ’®ã‚Œã‚‹ä¸æ€è°ãƒ‡ã‚¸ã‚«ãƒ¡RICOH THETAã€‚ä»¥å‰ã®ãƒ¬ãƒ“ãƒ¥ãƒ¼ã«ã‚‚æ›¸ãã¾ã—ãŸãŒã€ã€Œãã®å ´ã®é›°å›²æ°—ã‚’æ®‹ã™ã€å®¶æ—ã‚¹ãƒŠãƒƒãƒ—ã®ãŸã‚ã®ã‚«ãƒ¡ãƒ©ã¨ã—ã¦ã¨ã¦ã‚‚å„ªç§€ã§ã€ãã®å¾Œã‚‚æ™®é€šã«ä½¿ã£ã¦ã„ã¾ã™ã€‚ â€¦ãŒã€THETAã‚’ä½¿ã£ã¦ã„ã‚ã„ã‚å†™çœŸã‚’æ’®ã£ã¦ã„ã‚‹ã¨â€¦ ã€Œã™ã”ã„ï¼ã“ã®å†™çœŸç§ã«ã‚‚é€ã£ã¦ï¼ã€ ã€Œå°åˆ·ã—ãŸã„ã‚“ã ã‘ã©ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿã€ ã‚ˆãè¨€ã‚ã‚Œã‚‹ã‚“ã§ã™ã€‚ãã—ã¦ã€ãã†ã„ã†ã¨ãã«ã¯ãŸã¨å›°ã£ã¦ã—ã¾ã†ã€‚ ã€Œå†™çœŸé€ã‚Šã¾ã™ãŒã€ã¾ãšã“ã®ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦â€¦ã€ ã„ã‚„ã€ãã‚“ãªã“ã¨ãªã‹ãªã‹è¨€ãˆãªã„ã§ã™ã‚ˆãâ€¦ ã¨ã„ã†ã‚ã‘ã§ã€ãã‚“ãªã“ã¨è¨€ã‚ãšã«äººã«æ¸¡ã›ã‚‹ï¼ˆãã—ã¦å†™çœŸã‚’ãƒãƒ¼ã‚«ãƒ«ã«ä¿å˜ã—ã¦ã‚‚ã‚‰ãˆã‚‹ï¼ï¼‰ãƒãƒ¼ã‚¿ãƒ–ãƒ«ãƒ»ãƒ‘ãƒŽãƒ©ãƒžãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨ã„ã†ã‚‚ã®ã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸã€‚ ãƒãƒ¼ã‚¿ãƒ–ãƒ«ãƒ»ãƒ‘ãƒŽãƒ©ãƒžãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨ã¯
tarchan 2015/05/21
canvas

html5

theta
ãƒªãƒ³ã‚¯
React Canvasã«ã‚ˆã‚‹ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã®UIæ”¹å–„ã¨ãã‚ŒãŒèµ·ãã‚‹å¿…ç„¶ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://engineering.flipboard.com/2015/02/mobile-web/ 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„4æ™‚é–“å‰ ã‚‚ã®ã”ã¨ãŒé€²åŒ–ã™ã‚‹ã¨ã€åˆ©ç”¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ã®æº€è¶³åº¦ã¯ã‚ãŒã‚‹ã®ã§ã€ãã‚Œã‚’ç”¨æ„ã™ã‚‹ä½œæ¥é‡ã¯ãƒ„ãƒ¼ãƒ«ã®æ”¹å–„ã«å¾“ã£ã¦æœ€çµ‚çš„ã«ã¯æ¸›ã£ã¦ã„ãã®ã‹ï¼Ÿ ã‚¹ãƒžãƒ›ãŒç™»å ´ã—ã¦ã€ã‚¢ãƒ—ãƒªä¸Šã§ã®ã‚¹ãƒ¯ã‚¤ãƒ—ãªã©ã®ç›´æ„Ÿçš„ã«ã§ãã‚‹æ“ä½œã‚„è¡¨ç¾ã®å¹…ãŒåºƒãŒã‚Šã€ã¾ãŸãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚‚æ”¹å–„ã€‚ã§ã¯ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ã¤ãã‚‹å´ãŒãã‚Œã«æ…£ã‚Œã¦ãã‚‹ã¨ã€ä½œæ¥é‡ãŒæ¸›ã‚‹ã®ã‹ï¼Ÿã„ã‚„ã€ç¾å®Ÿã¯é€†ã€‚åŒã˜ã“ã¨ã‚’å®Ÿç¾ã™ã‚‹ä½œæ¥é‡ã¯æ¸›ã£ã¦ã‚‚ã€ãƒˆãƒ¼ã‚¿ãƒ«ã§ã¯æ¸›ã‚‰ãªã„ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚¢ãƒ—ãƒªã«ã¾ãŸãŒã£ã¦ã€åŒæ–¹ã®ãƒ¡ãƒªãƒƒãƒˆã‚’å–ã‚Šè¾¼ã‚‚ã†ã¨ã€ã‚‚ã£ã¨ãƒ¬ãƒ™ãƒ«ã®é«˜ã„UIã‚’ç›®æŒ‡ã—ãŸç«¶äº‰ãŒç¶šã„ã¦ã„ã¾ã™ã€‚ David BellonaãŒTwitter Universityã§ã®
tarchan 2015/02/23
ï¼žã‚¸ã‚§ãƒœãƒ³ã‚ºã®æ³•å‰‡

react

canvas
ãƒªãƒ³ã‚¯
ã‚¯ãƒƒã‚ãƒ¼ã‚ˆã‚Šæ€–ã„canvas fingerprintingã£ã¦ä½•ï¼Ÿè¿‚å›žæ–¹æ³•ã¯ï¼Ÿ
ã‚¯ãƒƒã‚ãƒ¼ã‚ˆã‚Šæ€–ã„canvas fingerprintingã£ã¦ä½•ï¼Ÿè¿‚å›žæ–¹æ³•ã¯ï¼Ÿ2014.07.28 16:009,217 satomi å•é¡Œï¼šãƒ›ãƒ¯ã‚¤ãƒˆãƒã‚¦ã‚¹ã¨YouPornãŒå…±é€šã§ã‚‚ã£ã¦ã‚‹ã‚‚ã®ã€ãªãƒ¼ã‚“ã ï¼Ÿ ã“ãŸãˆï¼šcanvas fingerprinting ï½¢canvas fingerprintingï¼ˆcanvasã®æŒ‡ç´‹æŽ¡å–ï¼‰ï½£ã¨ã„ã†ã®ã¯ã€æœ€è¿‘å¤§æ‰‹ã‚µã‚¤ãƒˆã§æŽ¡ç”¨ãŒåºƒã¾ã£ã¦ã‚‹æ–°æ‰‹ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³è¿½è·¡ãƒ„ãƒ¼ãƒ«ã®ã“ã¨ã§ã™ã€‚ã‚¯ãƒƒã‚ãƒ¼ã¨é•ã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼å´ã‹ã‚‰ã¯æŽ¢çŸ¥ã‚‚ãƒ–ãƒãƒƒã‚¯ã‚‚ã§ããªã„ã¨ã„ã†ã€ã¨ã‚“ã§ã‚‚ãªã„é‡ŽéƒŽã§ã™ã€‚ ã¾ã•ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çŸ¥ã‚‰ã¬é–“ã«ã‚¦ã‚§ãƒ–ã®é–²è¦§è¡Œå‹•ãŒã‚µã‚¤ãƒˆã«ç’æŠœã‘ã€ã¨ã„ã†ãƒžã‚¸ãƒƒã‚¯ãƒŸãƒ©ãƒ¼çŠ¶æ…‹ã€‚ãã®ç¾çŠ¶ã‚’ProPublicaãŒè¨˜äº‹ã«ã—ã¦ã„ã¾ã™ã‚ˆã€‚ ï½¢canvas fingerprintingï½£ã‚’æœ€åˆã«ç™ºè¦‹ã—ãŸã®ã¯ãƒ—ãƒªãƒ³ã‚¹ãƒˆãƒ³å¤§å¦ã¨è‹±ãƒ«ãƒ¼ãƒ´ã‚§ãƒ³å¤§å¦ã®ç ”ç©¶ãƒãƒ¼ãƒ ã§ã™ã€‚ã“ã“ãŒç™ºè¡¨ã—ãŸï½¢The Web Neve
tarchan 2014/07/29
ï¼žåŒ¿åãƒ¢ãƒ¼ãƒ‰ã®ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ãƒãƒƒãƒˆã®ãƒãƒ«ãƒŽã‚’ã‚¦ã‚·ã‚·ã¨æ¥½ã—ã‚“ã§ã‚‹äººã‚‚â€¦è¦–è´å±¥æ´ã¯ç’æŠœã‘ã§ã™ã€‚

canvas

privacy
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2014/01/10/20140109teamlab/
tarchan 2014/01/14
html5

canvas

office
ãƒªãƒ³ã‚¯
faviconã®è‰²ã‚’canvasã§å¤‰ãˆã‚‹ - 0xff.toBlog()
github ã¨ github:enterpriseã•ã‚“ã®faviconãŒè¦‹åˆ†ã‘ãŒã¤ã‹ãªã„ã®ã§ã€Chromeæ‹¡å¼µã§å·®ã—æ›¿ãˆã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ç”»åƒã©ã†ã—ã‚ˆã†ã‹ã¨ã¡ã‚‡ã£ã¨æ‚©ã‚“ã ã‘ã©ã€è‰²å¤‰ãˆã‚‹ã ã‘ã§ã„ã„ã ã‚ã†ã¨Fireworksã‚’èµ·å‹•ã™ã‚‹ã‚‚ã€è‰²ã‚’è‰¯ã„æ„Ÿã˜ã«å¤‰ãˆã‚‹æ–¹æ³•ãŒã‚ã‹ã‚‰ãªã„â€¦ã€‚ å…ƒãŒ ã®é€šã‚Šã€ç™½é»’ãªã®ã§ã€ãƒˆãƒ¼ãƒ³ã‚«ãƒ¼ãƒ–çš„ãªã‚‚ã®ã§ã¯ãƒ€ãƒ¡ãã†ã§ã€è«¦ã‚ã¦canvasã§ã‚„ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ var favicon=document.getElementsByTagName('img')[0]; var cv = document.createElement('canvas'); cv.width = 16; cv.height = 16; document.body.appendChild(cv); var c = cv.getContext('2d'); c.drawImage(favicon,
tarchan 2013/12/27
javascript

favicon

canvas
ãƒªãƒ³ã‚¯
takram laboratory Â» 1æ™‚é–“ã§æ—¥æœ¬ç¸¦æ–ã—ã¦ã¿ãŸ
Googleãƒžãƒƒãƒ—ã‚’ã‚ˆãä½¿ã£ã¦ã„ã‚‹æ–¹ãªã‚‰ãƒ”ãƒ³ã¨ããŸã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ç”ãˆã¯Googleãƒžãƒƒãƒ—ã®ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã‚’åˆ©ç”¨å¯èƒ½ãªã‚¨ãƒªã‚¢ã§ã™ã€‚ æ˜”ã¯ä¸»è¦éƒ½å¸‚ã ã‘ã ã£ãŸã‚¨ãƒªã‚¢ãŒã€ä»Šã‚„æ—¥æœ¬å…¨ã¦ã‚’ã‚«ãƒãƒ¼ã—ã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ã€‚ ã€Œãã‚Œã£ã¦ã€ã‚‚ã—ã‹ã—ã¦ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã ã‘ã§æ—¥æœ¬ç¸¦æ–æ—…è¡Œã§ãã‚‹ã‚“ã˜ã‚ƒãï¼Ÿã€ ãªã©ã¨æ€ã„ã¤ã„ã¦ã—ã¾ã£ãŸã‚‰ã‚„ã‚‰ã–ã‚‹ã‚’å¾—ãªã„ã®ãŒäººæƒ…ã¨ã„ã†ã‚‚ã®ã€‚ ã—ã‹ã—ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã‚’ãƒãƒãƒãƒã¨ã‚¯ãƒªãƒƒã‚¯ã—ãªãŒã‚‰é€²ã‚€ã®ã¯é¢å€’ãã•ã™ãŽã¦ã¨ã¦ã‚‚ã‚„ã£ã¦ã‚‰ã‚Œã¾ã›ã‚“ã€‚ ãã“ã§è¦‹ã¤ã‘ãŸã®ãŒHyperlapseã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã€Œãªã‚“ã ã€ã“ã‚Œä½¿ãˆã°æ¥½å‹æ¥½å‹â™ªã€ã¨æ€ã£ãŸã®ã‚‚æŸã®é–“ã€ã“ã®Hyperlapseã‚’èª¿ã¹ã¦ã¿ã‚‹ã¨ã©ã†ã‚„ã‚‰ã‚ã¾ã‚Šé•·ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã§ããªã„ã¨ã„ã†ã“ã¨ãŒåˆ¤æ˜Žã€‚ã‚¹ãƒˆãƒªãƒ¼ãƒˆãƒ“ãƒ¥ãƒ¼ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹å¤§é‡ã®å†™çœŸã‚’å…¨ã¦ãƒ¡ãƒ¢ãƒªä¸Šã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™
tarchan 2013/07/16
ï¼žãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ãŸç”»é¢ã‚’ã‚ãƒ£ãƒ—ãƒãƒ£ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã«ä¿å˜ã—ã€æœ€å¾Œã«ä¿å˜ã—ãŸé€£ç•ªç”»åƒã‚’å‹•ç”»ã«å¤‰æ›

webgl

canvas

video
ãƒªãƒ³ã‚¯
ã€ã‚ã‚¿ãƒ»ãƒŸãƒŠãƒŸã€‘å¤§é˜ªã‚ãƒ£ãƒã‚¯ãƒ©å®Ÿç¿’ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ï¼†ç„¡æ–™ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
é–¢è¥¿ã§å¤œã®ä»•äº‹ã‚’ã—ã‚ˆã†ã¨æ€ã£ãŸã‚‰ã€ã¾ãšå¤§é˜ªã‚’æ€ã„æµ®ã‹ã¹ã‚‹æ–¹ãŒå¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã‚ãŸã—ã‚‚ã€å¤§å¦é€²å¦ã®æ™‚ã«å¤§é˜ªã«å¼•ã£è¶Šã—ã—ã¦ã€ãã®ã¾ã¾å¤§é˜ªã®å‘¨è¾ºã®ã‚ãƒ£ãƒã‚¯ãƒ©ã§ã‚ãƒ£ãƒå¬¢ã¨ã—ã¦åƒãã‚ˆã†ã«ãªã£ãŸã‚“ã§ã™ã€‚ ãã‚Œã‹ã‚‰5å¹´ã€ä»Šã§ã¯å¤§å¦é€²å¦ã‹ã‚‰ã®æ£ç¤¾å“¡ã£ã¦ã„ã†ãƒ«ãƒ¼ãƒˆã¯é¸ã°ãšã«å’æ¥å¾Œã‚‚ã‚ãƒ£ãƒã‚¯ãƒ©ã§åƒã„ã¦ã‚‹ã‚“ã ã‘ã©ï¼ˆç¬‘ï¼‰ ã“ã®é¸æŠžã«å¾Œæ‚”ã¯å…¨ããªã„ã—ã€ä»Šã¯ä»•äº‹ã‚‚ã™ã”ãæ¥½ã—ã„ã‚“ã ã‘ã©ã€ã‚ãƒ£ãƒã‚¯ãƒ©ã§åƒãä¸Šã§ãŠåº—é¸ã³ã€è¡—é¸ã³ã¯ã™ã”ãå¤§äº‹ãªã‚“ã§ã™ã‚ˆãï¼ ç‰¹ã«ã‚ãƒ£ãƒã‚¯ãƒ©ã¯è¡—ã«ã‚ˆã£ã¦æ™‚çµ¦ç›¸å ´ã‚‚é›°å›²æ°—ã‚‚å…¨ç„¶é•ã†ã€‚ ã ã‹ã‚‰ã€ã¾ãšã¯ã“ã‚Œã‹ã‚‰å¤§é˜ªã§ã‚ãƒ£ãƒå¬¢ã®ä»•äº‹ã‚’å§‹ã‚ã‚ˆã†ã¨æ€ã£ã¦ã‚‹ãªã‚‰çŸ¥ã£ã¦ãŠããŸã„ã€å¤§é˜ªã®è¡—ã”ã¨ã®ã‚ãƒ£ãƒã‚¯ãƒ©ã®ç‰¹å¾´ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ï¼ å¤§é˜ªã®ã‚ãƒ£ãƒã‚¯ãƒ©ã®ç‰¹å¾´ å¤§é˜ªã§ã‚ãƒ£ãƒã‚¯ãƒ©ãŒæœ‰åãªè¡—ã¯ã£ã¦èžã‹ã‚ŒãŸã‚‰ã€ã‚ã‚¿ã¨ãƒŸãƒŠãƒŸã®2ç¨®é¡žã§ã™ãã€‚ å¤§é˜ªä»¥å¤–ã«ä½ã‚“ã§ã‚‹æ–¹ã¯ã‚‚ã—ã‹ã™ã‚‹ã¨å¤§é˜ªåºœã®åŒ—å´ã¨å—å´ã®ã‚¨ãƒªã‚¢ã£ã¦ã„ã†ã‚¤ãƒ¡ãƒ¼
tarchan 2013/05/21
tutorial

postscript

svg

vrml

canvas
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹å¤©æ°—ã‚¢ã‚¤ã‚³ãƒ³ç¾¤Â·Skycons MOONGIFT
Skyconsã¯Canvasã‚¿ã‚°ã§æã‹ã‚Œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹å¤©æ°—ã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚ å¤©æ°—ã‚µã‚¤ãƒˆã«ã¯ã¤ãã‚‚ã®ã®å¤©å€™ã‚’æŒ‡ã—ç¤ºã™ã‚¢ã‚¤ã‚³ãƒ³ã€‚æ™´ã‚Œã‚„æ›‡ã‚Šã€é›¨ãªã©ãŒè¦‹ã‚‹ã ã‘ã§ç°¡å˜ã«åˆ†ã‹ã‚Šã¾ã™ã€‚ãã‚Œã‚’ã‚‚ã£ã¨è¦‹ã‚„ã™ãã—ã¦ãã‚ŒãŸã®ãŒSkyconsã§ã™ã€‚ å…¨ã‚¢ã‚¤ã‚³ãƒ³ã§ã™ã€‚Canvasã‚¿ã‚°ã§æã‹ã‚Œã¦ãŠã‚Šç”»åƒã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ä½¿ã„æ–¹ã§ã™ã€‚ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ Skyconsã¯Canvasã‚¿ã‚°ã‚’ç”»åƒåŒ–ã—ã€ãã‚Œã‚’ã•ã‚‰ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFé¢¨ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ç”»åƒã¨ç•°ãªã‚Šã‚µã‚¤ã‚ºã¯å¯å¤‰ã§ã€é€Ÿåº¦ã‚„è‰²ã®å¤‰æ›´ã‚‚ç°¡å˜ã«è¡Œãˆã‚‹ã§ã—ã‚‡ã†ã€‚ Skyconsã¯JavaScript/HTML5è£½ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã›ã‚“ï¼‰ã§ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ ç”»åƒã®æ¬ ç‚¹ã¯ãƒã‚¤ãƒŠãƒªã§ã‚ã‚‹ãŸã‚ã«ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«å¯¾ã—ã¦æŸ”è»Ÿã«å¯¾å¿œã§ããªã„ã“ã¨ã§ã™ã€‚ãã®ãŸã‚æœ€é©åŒ–ã•ã‚ŒãŸã‚µã‚¤ã‚ºã‚’å„å¹…ã«å¯¾ã—ã¦
tarchan 2013/05/08
canvas

icon
ãƒªãƒ³ã‚¯
Graphvizã®DOTè¨€èªžã‚’JavaScriptã§å®Ÿè£…Â·canviz MOONGIFT
canvizã¯Canvasã‚’ä½¿ã£ã¦DOTãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚°ãƒ©ãƒ•åŒ–ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆãªã©è¤‡é›‘ãªã‚°ãƒ©ãƒ•ã‚’æãã®ã«é©ã—ã¦ã„ã‚‹ã®ã«DOTè¨€èªžãŒçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚é€šå¸¸ã€Graphvizã‚’ä½¿ã£ã¦ç”»åƒåŒ–ã™ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯canvizã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãªã‚“ã¨DOTãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã«Canvasã‚¿ã‚°ã§æãå‡ºã—ã¦ãã‚Œã¾ã™ã€‚ ä¾‹ã€‚ã‹ãªã‚Šè¤‡é›‘ãªé–¢ä¿‚æ€§ã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ åˆ¥ãªã‚°ãƒ©ãƒ•ã€‚ã“ã¡ã‚‰ã‚‚é–¢ä¿‚æ€§ãŒè¤‡é›‘ã§ã™ã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã™ã‚‹ã¨ã‚°ãƒ©ãƒ•ã‚‚å…¨ãåˆ¥ç‰©ã«ãªã‚Šã¾ã™ã€‚ è¡¨ç¤ºã®å¤§ãã•ã¯è‡ªç”±ã«å¤‰ãˆã‚‰ã‚Œã¾ã™ã€‚ ã“ã‚“ãªå›³ã‚‚ã€‚ è¤‡æ•°ç·šãŒã¤ãªãŒã£ã¦ã„ã‚‹ã€ãã‚“ãªè¡¨ç¤ºã‚‚å®Ÿç¾ã—ã¾ã™ã€‚ è‰²ä»˜ãã®æž ã€‚ ã‚°ãƒ«ãƒ¼ãƒ”ãƒ³ã‚°ã€‚ ã‚°ãƒ«ãƒ¼ãƒ”ãƒ³ã‚°ã§ã•ã‚‰ã«è‰²ä»˜ãã€‚ ãƒŽãƒ¼ãƒ‰è‡ªä½“ãŒè‰²ä»˜ãã€‚ 14ã®é ‚ç‚¹ã§ç›¸äº’ã«ã¤ãªãŒã£ã¦ã„ã¾ã™ã€‚ åŒã˜ã‚°ãƒ©ãƒ•ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰ãˆã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ã€‚ Graphvizã‚’ä½¿ã†å ´åˆã¯ä¸»ã«å€‹äººç”¨é€”ã€ã‚‚ã—ãã¯å¤‰æ›å¾Œã®ç”»åƒ
tarchan 2013/05/08
javascript

canvas

graphviz

graph

dot
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®Canvas/WebGLã®ãƒ–ãƒ©ãƒƒã‚¯ãƒªã‚¹ãƒˆ
å„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®Canvasã‚„WebGLã®GPUã‚„ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã«ã‚ˆã‚‹ãƒ–ãƒ©ãƒƒã‚¯ãƒªã‚¹ãƒˆã®å…·ä½“çš„ãªå†…å®¹ãŒã©ã“ã‹ã«è¼‰ã£ã¦ã„ãªã„ã‹ã¨æŽ¢ã—ãŸã®ã§ã€å¿˜ã‚Œãªã„ã‚ˆã†ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã€‚å„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¨ã„ã£ã¦ã‚‚ã€è‡ªç”±ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢å®Ÿè£…ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§Canvasã‚„WebGLã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¦ä¸»è¦ãªã‚‚ã®ã¯ã€Firefoxã‹Chromiumã—ã‹ãªã„ãŒã€‚ ã¾ãšã€ç·åˆçš„ãªæƒ…å ±ã¨ã—ã¦ã¯ã€khronosã®WikiãŒä¾¿åˆ©ã ã€‚ BlacklistsAndWhitelists - WebGL Public Wiki Firefoxã§ã¯ã€ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã§è©³ç´°ãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€‚ Blocklisting/Blocked Graphics Drivers - MozillaWiki GNU/Linuxç’°å¢ƒã§ã¯ã€CairoçµŒç”±ã§XRenderã‚’ä½¿ã†ï¼ˆCanvas 2Dã¯ã“ã‚Œã«ã‚ãŸã‚‹ã‹ï¼Ÿï¼‰ã€‚ã“ã‚Œã«ã¯ãƒ–ãƒ©ãƒƒã‚¯ãƒªã‚¹ãƒˆã¯ãªã„ã€‚WebGLã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§æœ‰åŠ¹åŒ–
tarchan 2013/04/15
canvas

webgl

blacklist
ãƒªãƒ³ã‚¯
Lienzo 1.0ï¼šHTML 5 Canvaså‘ã‘ã®Javaã«ãŠã‘ã‚‹Scene Graph API
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ ç¬¬2ç‰ˆ ä½•åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ŒPractical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootã‚’ä½¿ã£ãŸREST APIæ§‹ç¯‰ã®åŸºç¤Žã‚’å¦ã‚“ã ã€‚ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ããƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€é‡è¦ãªå¤‰...
tarchan 2013/02/28
java

html5

canvas
ãƒªãƒ³ã‚¯
medleyweb.com
This domain may be for sale!
tarchan 2012/07/31
canvas

javascript
ãƒªãƒ³ã‚¯
30 Must-See HTML5 Tutorials To Wow Your Audience
30 Must-See HTML5 Tutorials to Help You Impress Your Audience If you want to be a successful web developer or designer, you always have to be a step ahead. Sooner or later, HTML5 is going to strengthen its position even further and you want to be ready when that happens. Mastering the latest techno logy will allow you to experiment, push things further, and give you a considerable edge in the marke
tarchan 2012/03/27
html5

canvas
ãƒªãƒ³ã‚¯
html5collect.net
html5collect.net 2023 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
tarchan 2012/01/19
html5

canvas

simulator
ãƒªãƒ³ã‚¯
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ã‚¿ã‚°ã«ãƒ¬ãƒ³ãƒ€ãƒª
tarchan 2011/09/04
inkscape

html5

canvas
ãƒªãƒ³ã‚¯
PNGã‚’è§£æžã—ã¦JavaScriptã§PNGã‚’æãÂ·png.js MOONGIFT
png.jsã¯JavaScriptã‚’ä½¿ã£ã¦PNGã‚’è§£æžã—ã€ãã®çµæžœã‚’Canvasã‚¿ã‚°ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ png.jsã¯HTML5/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚Webä¸Šã§æ‰±ã‚ã‚Œã‚‹ç”»åƒã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨è¨€ãˆã°ã€GIF/JPEG/PNGã ï¼ˆWebPã‚‚ã‚ã‚‹ã‹ï¼‰ã€‚å€‹äººçš„ãªä¸»è¦³ã¨ã—ã¦GIFã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¢ã‚¤ã‚³ãƒ³ã€JPEGã¯å†™çœŸã‚„ã‚µã‚¤ã‚ºã®å¤§ããªç”»åƒã€ãã®ä¸é–“ãŒPNGã«å‘ã„ã¦ã„ã‚‹ã¨æ„Ÿã˜ã¦ã„ã‚‹ã€‚ ãƒ¬ã‚³ãƒ¼ãƒ‰ç”»åƒã‚’æã å†™çœŸã‚’å–ã‚Šæ‰±ã†ã‚µã‚¤ãƒˆã§ã¯ã€ãã®ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚’è§£æžã—ã¦æ’®å½±ã—ãŸæ©Ÿç¨®ã‚„æ’®å½±å ´æ‰€ã€éœ²å‡ºã¨ã„ã£ãŸãƒ‡ãƒ¼ã‚¿ã‚’EXIFã‹ã‚‰å¾—ã¦ã„ã‚‹ã€‚åŒæ§˜ã®PNGã‚’è§£æžã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒpng.jsã ã€‚ png.jsã¯PNGã‚’JavaScriptã§è§£æžã—ã€ãã®çµæžœã‚’Canvasã‚¿ã‚°ã‚’ä½¿ã£ã¦ç”»åƒã¨ã—ã¦è¡¨ç¤ºã™ã‚‹ã€‚ã¤ã¾ã‚Šè¡¨ç¤ºã•ã‚Œã‚‹ã®ã¯PNGç”»åƒã§ã‚ã‚Šã€å˜ç´”ã«Webãƒ–ãƒ©ã‚¦ã‚¶ã§im
tarchan 2011/08/24
javascript

canvas

png
ãƒªãƒ³ã‚¯
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æ—¥ä»¥
tarchan 2011/05/30
flash

javascript

canvas

GSkinner
ãƒªãƒ³ã‚¯
Safariã®Canvasã§å°æ•°ç‚¹ã‚’å«ã‚“ã ä½ç½®ã«æç”»ã™ã‚‹ã¨å‡¦ç†é€Ÿåº¦ãŒè½ã¡ã‚‹(é«˜é€ŸåŒ–ã™ã‚‹ã«ã¯æ•´æ•°ã®ä½ç½®ã«æç”») - å¼·ç«ã§é€²ã‚
HTML5 canvas sprite optimisation | Seb Lee-Delisle http://sebleedelisle.com/2011/02/html5-canvas-sprite-optimisation/ ã“ã¡ã‚‰ã®ãƒ–ãƒã‚°ã§ã€Œã‚µãƒ–ãƒ”ã‚¯ã‚»ãƒ«ã‚’å«ã‚“ã æç”»ã ã¨å‡¦ç†é€Ÿåº¦ãŒè½ã¡ã‚‹ç‚ºã€æ•´æ•°ã«è£œæ£ã—ã¦ä½ç½®æŒ‡å®šã‚’ã™ã¹ãã€ã¨ã„ã†è©±ã‚’è¦‹ã‹ã‘ã¾ã—ãŸã€‚ ã“ã®è©±ã‚’ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨canvasã§drawImageã§ç”»åƒã‚’æç”»ã™ã‚‹æ™‚ã€Safariãªã©ã§ã¯1.5ãªã©ã®ä¸é€”åŠç«¯ãªä½ç½®ã‚’æŒ‡å®šã—ãŸæ™‚ã«ã‚‚ãã®ä½ç½®ã§æç”»ã•ã‚ŒãŸæ§˜åã‚’è¡¨ç¾ã™ã‚‹ç‚ºã«ã‚µãƒ–ãƒ”ã‚¯ã‚»ãƒ«ã®æç”»ãŒè¡Œã‚ã‚Œã€ã¼ã‚„ã‘ãŸæ§˜ãªæç”»ã«ãªã‚Šã¾ã™ã€‚ ä»¥ä¸‹ã®ç”»åƒã¯å·¦å´ãŒdrawImageã§æ•´æ•°ã®ä½ç½®ã«æç”»ã—ãŸã‚‚ã®ã€å³å´ã¯åŒã˜ç”»åƒã‚’å°æ•°ç‚¹ã‚’å«ã‚“ã ä½ç½®ã«æç”»ã—ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚å³å´ãŒã‚µãƒ–ãƒ”ã‚¯ã‚»ãƒ«ã®æç”»ãŒè¡Œã‚ã‚Œã¼ã‚„ã‘ãŸæ§˜ãªç”»åƒã«ãªã£ã¦ã„ã‚‹ã®ãŒç¢ºèªå‡ºæ¥ã‚‹ã‹ã¨æ€ã„
tarchan 2011/05/23
javascript

safari

canvas
ãƒªãƒ³ã‚¯
HTMLè¦ç´ ã®ä¸Šã«WebGLã®æç”»ã‚’åˆæˆã—ãŸã‚‰ã©ã†ãªã‚‹ã® - æœ€é€Ÿãƒãƒ¥ãƒ‘ã‚«ãƒ–ãƒ©ç ”ç©¶ä¼š
ã¿ãŸã„ãªã“ã¨ã‚’å…ˆé€±ã€ã´ã‚ãŸã‚“ã¨è©±ã—ã¦ã„ã¦ã§ã™ãã€‚å®Ÿéš›ã©ã†ãªã‚‹ã®ã‹è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ã“ã†ãªã‚Šã¾ã™ã€‚ èµ¤ã„ç‚¹ç·šã®æž ãŒ WebGL ã‚’æœ‰åŠ¹ã«ã—ãŸ canvas ã§ã€ä¸ã®é’ã„ä¸‰è§’å½¢ã¯ WebGL ã§æç”»ã•ã‚Œã¦ã„ã¾ã™ã€‚å¾Œã‚ã®å†™çœŸã¨ã€ŒGL Overlay Testã€ã¨ã„ã†æ–‡å—ã¯é€šå¸¸ã® HTML ã§ã™ã€‚ ä¸€è¦‹ã¡ã‚ƒã‚“ã¨æç”»ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€å·¦å´ã®åŠé€æ˜Žã®ä¸‰è§’å½¢ãŒã€åŠ ç®—åˆæˆã—ãŸã‚ˆã†ãªæç”»çµæžœã«ãªã£ã¦ãŠã‚Šã€å°‘ã—å¤‰ã§ã™ã€‚æœ¬æ¥ã§ã‚ã‚Œã°ã‚‚ã†å°‘ã—æš—ã„è‰²ã§æç”»ã•ã‚Œã¦ã„ã‚‹çˆã§ã™ã€‚ã“ã‚Œã¯ Chrome/Firefox ã‚ã‚‹ã„ã¯ Mac/Windows ã‚’å•ã‚ãšåŒã˜ãªã®ã§ã€ä»Šã®ã¨ã“ã‚WebGL ã®æç”»çµæžœã‚’åŠé€æ˜Žã§åˆæˆã™ã‚‹ã¨ç¢ºå®Ÿã«ãŠã‹ã—ããªã‚‹ã®ã§ã€ã‚„ã‚ãŸã»ã†ãŒã„ã„ã¨è¨€ãˆã¾ã™ã€‚ãŒã€é€†ã«è¨€ãˆã°ã€å®Œå…¨ã«ä¸é€æ˜Žã‹å®Œå…¨ã«é€æ˜Žãªéƒ¨åˆ†ã¯æ£ã—ãåˆæˆã•ã‚Œã‚‹ã®ã§ã€é™å®šçš„ã«ã¯ä½¿ãˆã‚‹ã¨ã‚‚è¨€ãˆã¾ã™ã€‚ï¼ˆæç”»çµæžœã«ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒã‹ã‹ã£ã¦ã„ã‚‹å ´
tarchan 2011/02/23
chrome

webgl

canvas

ui
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸