[B! å‹‰å¼·ä¼š] mas0102ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mas0102 id:mas0102

å‹‰å¼·ä¼šã«é–¢ã™ã‚‹mas0102ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{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 ã§ GIF ã‚¢ãƒ‹ãƒ¡ã‚’ä½œã‚‹æ–¹æ³•
Posted: August 2, 2013 / Last updated: August 2, 2013 çŸ¥ã£ã¦ã„ã‚‹äººã¯çŸ¥ã£ã¦ã„ã‚‹æ–¹æ³•ã ã¨æ€ã„ã¾ã™ãŒã€å®Ÿéš›ã«ã‚„ã£ã¦ã¿ãŸã®ã§ãƒ¡ãƒ¢ã€‚ â€» ãƒ‡ãƒ¢ã®ç”»åƒã¯ã“ã¡ã‚‰ã‹ã‚‰ãŠå€Ÿã‚Šã—ã¾ã—ãŸã€‚ç‰¹ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨˜è¿°ã•ã‚Œã¦ã„ãªã‹ã£ãŸã®ã§ã™ãŒã€å•é¡ŒãŒã‚ã‚Œã°å·®ã—æ›¿ãˆã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯Â jsgifÂ ã¨ã„ã†ã®ã‚’ä½¿ã‚ã›ã¦é ‚ãã¾ã—ãŸã€‚ æ‰‹é †ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã¿ã€ç”»åƒã‚’ã²ã¨ã‚³ãƒžåˆ†ãšã¤ canvas ã«ãƒãƒ¼ãƒ‰ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«è¿½åŠ ã€‚çµ‚ã‚ã£ãŸã‚‰ãƒã‚¤ãƒŠãƒªã‹ã‚‰ gif ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”Ÿæˆã€ã¨ã„ã†æ„Ÿã˜ã€‚ ã‚‚ã†å°‘ã—è©³ã—ã„è§£èª¬ã¯ä»¥ä¸‹ã€‚ LZWEncoder.jsÂ NeuQuant.jsÂ GIFEncoder.jsÂ ã‚’èªã¿è¾¼ã‚€ é©åˆ‡ãªã‚µã‚¤ã‚ºã® canvas ã‚’ç”¨æ„ GIFEncoderÂ ã‹ã‚‰ã‚¨ãƒ³ã‚³ãƒ¼ãƒ€ã‚’ä½œã‚‹var encoder = new GIFEncoder(); ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ™‚é–“é–“éš”ãªã©
mas0102 2016/02/03
jsã§gifã‚¢ãƒ‹ãƒ¡ã®ä½œã‚Šæ–¹

å‹‰å¼·ä¼š

mock
ãƒªãƒ³ã‚¯
WebGL ç·æœ¬å±±æ›´æ–° 500 å›žé”æˆè¨˜å¿µï¼ ã‚·ãƒ§ãƒ¼ãƒˆãƒ‡ãƒ¢ãŒç´ æ™´ã‚‰ã—ã„ãŠæ°—ã«å…¥ã‚Šã‚µã‚¤ãƒˆã‚’ä¸€æŒ™ç´¹ä»‹ï¼ - WebGL ç·æœ¬å±±
ã„ã¤ã‚‚ã”è¦§ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ ã„ã¤ã‚‚ WebGL ç·æœ¬å±±ã‚’ã”è¦§ã„ãŸã ãã¾ã—ã¦ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ å½“ã‚µã‚¤ãƒˆã¯ã€é‹å–¶é–‹å§‹ã‚ˆã‚Šä¸€å¹´ã¨å°‘ã—ã€‚ä»Šå›žã®æ›´æ–°ã§ã€æ›´æ–° 500 å›žã¨ã„ã†ç¯€ç›®ã«ãŸã©ã‚Šç€ãã“ã¨ãŒã§ãã¾ã—ãŸã€‚ã“ã‚Œã‚‚ã€æ™®æ®µã‹ã‚‰ã“ã®ã‚µã‚¤ãƒˆã‚’ã”è¦§ã„ãŸã ã„ãŸã‚Šã€ãƒªãƒ³ã‚¯ã‚’ã‚·ã‚§ã‚¢ã—ã¦ãã ã•ã£ãŸã‚Šã—ã¦ã„ã‚‹ã¿ãªã•ã‚“ã®ãŠã‹ã’ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ æ¯Žæ—¥æ¬ ã‹ã™ã“ã¨ç„¡ãæ›´æ–°ã™ã‚‹ä½œæ¥ã¯ã‘ã—ã¦æ¥½ã§ã¯ãªã„ã®ã§ã™ãŒã€ã“ã†ã—ã¦ã²ã¨ã¤ã®å¤§ããªç¯€ç›®ã¨ãªã‚‹æ›´æ–°å›žæ•°ã¾ã§æ¼•ãŽç€ãã“ã¨ãŒã§ãã€ã¨ã¦ã‚‚å¬‰ã—ã„ã§ã™ã€‚ æ£ç›´ãªã¨ã“ã‚ã€é‹å–¶ã‚’é–‹å§‹ã™ã‚‹å‰ã«ã¯ã€WebGL ã¨ã„ã†ã‚¸ãƒ£ãƒ³ãƒ«ã§æ¯Žæ—¥æ›´æ–°ã™ã‚‹ãƒã‚¿ãŒæžœãŸã—ã¦æœ¬å½“ã«ã‚ã‚‹ã®ã‹ï¼ï¼Ÿ ã¨è‡ªåˆ†è‡ªèº«ã§ã‚‚å¿ƒé…ã—ã¦ã„ãŸã¨ã“ã‚ã§ã¯ã‚ã‚‹ã®ã§ã™ãŒã€ãŠã‹ã’ã•ã¾ã§æ—¥ã€…æ–°ã—ã„å®Ÿè£…ã‚„ãƒ‡ãƒ¢ãŒä¸–ç•Œä¸ã§ç”Ÿã¿å‡ºã•ã‚Œã¦ãŠã‚Šã€ãã‚Œã‚’ç´¹ä»‹ã§ãã‚‹ã“ã¨ã«æ„Ÿè¬ã®æ°—æŒã¡ã•ãˆè¦šãˆã¾ã™ã€‚ ä»Šå›žã¯ã€ãã‚“ãªæ„Ÿè¬ã®æ°—æŒã¡ã‚‚è¾¼ã‚ã¤ã¤ã€ã“ã‚Œã¾ã§ã«ç´¹
mas0102 2016/02/02
webglã®short demo archives

WEBSITE_3d

å‹‰å¼·ä¼š

webgl
ãƒªãƒ³ã‚¯
Awaken the Force Within - å†…ãªã‚‹ãƒ•ã‚©ãƒ¼ã‚¹ã®è¦šé†’-
Choose your side Drag to transf orm your Google experience across Gmail, Google Maps, and more. See how Or click below to go back to your regular Google experience.
mas0102 2016/01/22
starwars x google experiment ã‚¹ãƒžãƒ›ã‚’ã¤ã‹ã£ã¦lightsaverã‚’æ“ã‚Šãƒ¬ãƒ¼ã‚¶ãƒ¼ã‚’è·³ãè¿”ã—ã¦è„±å‡ºã™ã‚‹ã‚²ãƒ¼ãƒ

å‹‰å¼·ä¼š
ãƒªãƒ³ã‚¯
Home | Follow your intuition
mas0102 2016/01/15
ã‚¯ãƒªãƒƒã‚¯ãƒ»ã‚ãƒ¼ã‚¿ãƒƒãƒã§å‹•ç”»ãƒ•ãƒ¬ãƒ¼ãƒ é€²ã‚ã‚‹ã€‚å‹•ç”»å†ç”Ÿä¸ã«æ˜ åƒã«åˆã‚ã›ã¦ãƒœã‚¿ãƒ³ãƒã‚¤ãƒ³ãƒˆç®‡æ‰€å¤‰æ›´ã—ã¦ã„ã‚‹ã¨ã“ã‚ã©ã†ã‚„ã£ã¦ã‚‹ã®ï¼Ÿ

å‹‰å¼·ä¼š
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

å‹‰å¼·ä¼šã«é–¢ã™ã‚‹mas0102ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

å‹‰å¼·ä¼šã«é–¢ã™ã‚‹mas0102ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

è¶…ã‚«ãƒ³ã‚¿ãƒ³ï¼HTML5 ã§ GIF ã‚¢ãƒ‹ãƒ¡ã‚’ä½œã‚‹æ–¹æ³•

WebGL ç·æœ¬å±±æ›´æ–° 500 å›žé”æˆè¨˜å¿µï¼ ã‚·ãƒ§ãƒ¼ãƒˆãƒ‡ãƒ¢ãŒç´ æ™´ã‚‰ã—ã„ãŠæ°—ã«å…¥ã‚Šã‚µã‚¤ãƒˆã‚’ä¸€æŒ™ç´¹ä»‹ï¼ - WebGL ç·æœ¬å±±

Awaken the Force Within - å†…ãªã‚‹ãƒ•ã‚©ãƒ¼ã‚¹ã®è¦šé†’-

Home | Follow your intuition

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èª­ã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èª­ã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

å‹‰å¼·ä¼šã«é–¢ã™ã‚‹mas0102ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

è¶…ã‚«ãƒ³ã‚¿ãƒ³ï¼HTML5 ã§ GIF ã‚¢ãƒ‹ãƒ¡ã‚’ä½œã‚‹æ–¹æ³•

WebGL ç·æœ¬å±±æ›´æ–° 500 å›žé”æˆè¨˜å¿µï¼ ã‚·ãƒ§ãƒ¼ãƒˆãƒ‡ãƒ¢ãŒç´ æ™´ã‚‰ã—ã„ãŠæ°—ã«å…¥ã‚Šã‚µã‚¤ãƒˆã‚’ä¸€æŒ™ç´¹ä»‹ï¼ - WebGL ç·æœ¬å±±

Awaken the Force Within - å†…ãªã‚‹ãƒ•ã‚©ãƒ¼ã‚¹ã®è¦šé†’-

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹