HTML5ã®canvasè¦ç´ ã§ãƒ©ã‚¤ãƒ•ã‚²ãƒ¼ãƒ - yattã®ãƒ–ãƒã‚°åˆã‚ã¦PhotoShop使ã£ã¦ã¿ãŸ HTMLã®æ¬¡ä¸–代è¦æ ¼ã§ã‚ã‚‹HTML5ã«ã¯Web Socketsã‚„videoãªã©ãŠã‚‚ã—ã‚ã„タグや機能ãŒè¿½åŠ ã•ã‚Œã‚‹äºˆå®šã€ã‚‰ã—ã„ã§ã™ã€‚ ãã®ä¸ã§ã‚‚canvasã‚¿ã‚°ã¨ã„ã†ã€javascriptã§ç”»åƒã‚’制御ã™ã‚‹ãŸã‚ã®ã‚¿ã‚°ãŒã‚ã‚Šã¾ã™ã€‚今回ã¯ãã®ã‚¿ã‚°ã¨ã‚¿ã‚¤ãƒžãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã‚’使ã£ã¦ãƒ©ã‚¤ãƒ•ã‚²ãƒ¼ãƒ ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã—ã¾ã—ãŸã€‚ デモ 状態を一ã¤ã®æ•´æ•°ã§è¡¨ã™ãƒŠã‚¤ãƒ¼ãƒ–ãªå®Ÿè£…ã«ãªã£ã¦ã„ã¾ã™ã€‚次ã®ã‚ˆã†ãªé«˜é€ŸåŒ–ãŒè€ƒãˆã‚‰ã‚Œãã†ã§ã™ã€‚ 一ã¤ã®å¤‰æ•°ã«è¤‡æ•°ã®ã‚»ãƒ«ã®çŠ¶æ…‹ã‚’記録ã•ã›ã‚‹ セルã®çŠ¶æ…‹ã¯on/offã®2ã¤ã—ã‹ãªã„ã®ã§1ビットã«è¡¨ã›ã‚‹ã‚ã‘ã§ã€1ã¤ã®æ•´æ•°ã«è¤‡æ•°ã®ã‚»ãƒ«ã®çŠ¶æ…‹ã‚’記録ã•ã›ã¦çœãƒ¡ãƒ¢ãƒªã§é«˜é€Ÿãªå‡¦ç†ãŒã§ãã‚‹ã¯ãšã€‚ WebGLを使ㆠ上ã®æ¡ˆã«åŠ ãˆã¦ã€ãƒ–ラウザã‹ã‚‰OpenGLを使ã†æŠ€è¡“ã®WebGL使ãˆã°è¨ˆç®—ã¨æç”»ã¾ã§ã‹ãªã‚Šé«˜é€Ÿã«ã§ããã†ã€‚プãƒã‚°ãƒ©ãƒžãƒ–ルシェーダ上ã§è¨ˆç®—ã¨æç”»ã¾ã§ã—ã¦ã—ã¾ãˆã°ã€
{{#tags}}- {{label}}
{{/tags}}