[B! webgl] y-kawazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

y-kawaz id:y-kawaz

webglã«é–¢ã™ã‚‹y-kawazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

WebGL and Three.js
32. <!doctype html> <html> //é ‚ç‚¹ <head> var vertices = new Float32Array([ <meta charset="utf-8"> 0.0, 0.5, 0.0, <title>webgl demo</title> -0.5, -0.5, 0.0, <script> 0.5, -0.5, 0.0 document.addEventListener('DOMContentLoaded', function(){ var canvas = document.querySelector('#glcanvas'); ]); var gl = canvas.getContext('experimental-webgl'); // é ‚ç‚¹ã®æ•° var verticesLength = 3; var vShaderSource = [ // gl_
y-kawaz 2012/09/09
three.js

webgl

javascript

html5

3D
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å²ã‚’å¹´ä»£åˆ¥ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æˆé•·ã¨ä»Šå¾Œã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ç‰©å‡„ã„å‹¢ã„ã§å‹ƒèˆˆã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ æ¥ç•Œã¯ã€ã„ã‚ã„ã‚ãªèª²é¡Œã‚„å•é¡Œã«ç›´é¢ã—ãªãŒã‚‰ã‚‚å·¨å¤§åŒ–ã—ã€ä»Šæ—¥ã®æ™‚ç‚¹ã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚²ãƒ¼ãƒ ã®å¸‚å ´ã¸ã¨ç¶™æ‰¿ã•ã‚Œã¦ã„ãã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å² 2001 Javaã‚¢ãƒ—ãƒªã¨3Dã‚²ãƒ¼ãƒ ã®ç™»å ´ JavaãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã«ã‚ˆã‚Šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰åž‹ã®ã‚²ãƒ¼ãƒ ãŒä¾›çµ¦ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 2002 æºå¸¯é›»è©±ç«¯æœ«ã®å¤§å®¹é‡åŒ–ãƒ»3DåŒ–ç«¶äº‰ Javaæè¼‰æºå¸¯é›»è©±ç«¯æœ«ãŒç™»å ´ã—ã¦ã‹ã‚‰ã”ãåƒ…ã‹1å¹´ã®é–“ã«ã€ã‚¢ãƒ—ãƒªã®ã‚µã‚¤ã‚ºã«é–¢ã—ã¦ã¯10å€ã«åºƒå¤§åŒ–ã—ã€è¡¨ç¾æ–¹æ³•ã‚‚2Dã‹ã‚‰3Dã«ã‚·ãƒ•ãƒˆã—å§‹ã‚ã¾ã—ãŸã€‚J-PHONEã¯ã€Žã‚¼ãƒ“ã‚¦ã‚¹ã€ã‚„ã€Žã‚¹ãƒšãƒ¼ã‚¹ãƒãƒªã‚¢ãƒ¼ã€ãªã©ã¨ã„ã£ãŸæ˜”ã®ã‚¢ãƒ¼ã‚±ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã‚’ã€ãƒ‰ã‚³ãƒ¢ã¯SIMCITYãªã©ãƒ‘ã‚½ã‚³ãƒ³ã§ä¸–ç•Œçš„è¦æ¨¡ã®ãƒ’ãƒƒãƒˆã‚’é£›ã°ã—ãŸã‚²ãƒ¼ãƒ ã‚’ä¸»åŠ›å•†å“ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ 2003 ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®ä¸€èˆ¬åŒ– ãƒ¡ãƒ¢ãƒªã®åˆ¶é™ãŒåŽ³ã—ã„Javaä»®æƒ³ãƒžã‚·ãƒ³ä¸Šã§ã¯ãªãã€OS
y-kawaz 2012/02/28
enchant.js

ç‰©ç†æ¼”ç®—

3d

webgl
ãƒªãƒ³ã‚¯
JavaScript 3Dãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®Three.jsã‚’è©¦ã™
ã“ã‚“ã«ã¡ã¯ã€‚ KRAYã‚¢ãƒ«ãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ ä»Šå›žã¯ã€æœ€è¿‘ã¡ã¾ãŸã§å™‚ã®Three.jsã§éŠã‚“ã§ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ http://github.com/mrdoob/three.js webglå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã¦ã„ã‚‹æ–¹ã¯ã€å³ä¸Šã«3Dã®ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsã‚’ä½¿ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã‚’ç°¡å˜ã«Javascriptã§å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ åŠä¿¡åŠç–‘ã§ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€ãŸã—ã‹ã«Three.jsã§ã¯ã€3Dç‰¹æœ‰ã®è¡Œåˆ—è¨ˆç®—ã‚„æ•°å¦çš„æ€è€ƒã‚’ã›ãšã¨ã‚‚ã€3Dã‚’è¡¨ç¤ºã€æ“ä½œã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ã€Œã¡ã‚‡ã£ã¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§3DãŒã§ãã‚‹ã€‚ã€ ã“ã®é¢ç™½ã•ã‚’çš†ã•ã‚“ã«å±Šã‘ãŸã„ã§ã™ã€‚ ç›®æ¬¡ ç«‹æ–¹ä½“ã‚’è¡¨ç¤ºã™ã‚‹ å…‰ã‚’ã‚ã¦ã‚‹ ãƒ†ã‚¹ã‚¯ãƒãƒ£ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ ãƒžã‚¦ã‚¹ã§å›žè»¢ã•ã›ã‚‹ ãƒžã‚¦ã‚¹ã§ç§»å‹•ã•ã›ã‚‹ ã‚¯ãƒªãƒƒã‚¯åˆ¤å®šã™ã‚‹ Three.js webä¸Šã«ã¯ã€HTML5ã®canvasã‚’åˆ©ç”¨ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·
y-kawaz 2012/02/03
3D

thee.js

webgl
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å²ã‚’å¹´ä»£åˆ¥ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æˆé•·ã¨ä»Šå¾Œã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ç‰©å‡„ã„å‹¢ã„ã§å‹ƒèˆˆã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ æ¥ç•Œã¯ã€ã„ã‚ã„ã‚ãªèª²é¡Œã‚„å•é¡Œã«ç›´é¢ã—ãªãŒã‚‰ã‚‚å·¨å¤§åŒ–ã—ã€ä»Šæ—¥ã®æ™‚ç‚¹ã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚²ãƒ¼ãƒ ã®å¸‚å ´ã¸ã¨ç¶™æ‰¿ã•ã‚Œã¦ã„ãã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å² 2001 Javaã‚¢ãƒ—ãƒªã¨3Dã‚²ãƒ¼ãƒ ã®ç™»å ´ JavaãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã«ã‚ˆã‚Šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰åž‹ã®ã‚²ãƒ¼ãƒ ãŒä¾›çµ¦ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 2002 æºå¸¯é›»è©±ç«¯æœ«ã®å¤§å®¹é‡åŒ–ãƒ»3DåŒ–ç«¶äº‰ Javaæè¼‰æºå¸¯é›»è©±ç«¯æœ«ãŒç™»å ´ã—ã¦ã‹ã‚‰ã”ãåƒ…ã‹1å¹´ã®é–“ã«ã€ã‚¢ãƒ—ãƒªã®ã‚µã‚¤ã‚ºã«é–¢ã—ã¦ã¯10å€ã«åºƒå¤§åŒ–ã—ã€è¡¨ç¾æ–¹æ³•ã‚‚2Dã‹ã‚‰3Dã«ã‚·ãƒ•ãƒˆã—å§‹ã‚ã¾ã—ãŸã€‚J-PHONEã¯ã€Žã‚¼ãƒ“ã‚¦ã‚¹ã€ã‚„ã€Žã‚¹ãƒšãƒ¼ã‚¹ãƒãƒªã‚¢ãƒ¼ã€ãªã©ã¨ã„ã£ãŸæ˜”ã®ã‚¢ãƒ¼ã‚±ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã‚’ã€ãƒ‰ã‚³ãƒ¢ã¯SIMCITYãªã©ãƒ‘ã‚½ã‚³ãƒ³ã§ä¸–ç•Œçš„è¦æ¨¡ã®ãƒ’ãƒƒãƒˆã‚’é£›ã°ã—ãŸã‚²ãƒ¼ãƒ ã‚’ä¸»åŠ›å•†å“ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ 2003 ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®ä¸€èˆ¬åŒ– ãƒ¡ãƒ¢ãƒªã®åˆ¶é™ãŒåŽ³ã—ã„Javaä»®æƒ³ãƒžã‚·ãƒ³ä¸Šã§ã¯ãªãã€OS
y-kawaz 2012/01/21
webgl

ie
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å²ã‚’å¹´ä»£åˆ¥ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æˆé•·ã¨ä»Šå¾Œã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¦ã„ãã¾ã™ã€‚
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ç‰©å‡„ã„å‹¢ã„ã§å‹ƒèˆˆã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ æ¥ç•Œã¯ã€ã„ã‚ã„ã‚ãªèª²é¡Œã‚„å•é¡Œã«ç›´é¢ã—ãªãŒã‚‰ã‚‚å·¨å¤§åŒ–ã—ã€ä»Šæ—¥ã®æ™‚ç‚¹ã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚²ãƒ¼ãƒ ã®å¸‚å ´ã¸ã¨ç¶™æ‰¿ã•ã‚Œã¦ã„ãã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å² 2001 Javaã‚¢ãƒ—ãƒªã¨3Dã‚²ãƒ¼ãƒ ã®ç™»å ´ JavaãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã«ã‚ˆã‚Šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰åž‹ã®ã‚²ãƒ¼ãƒ ãŒä¾›çµ¦ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 2002 æºå¸¯é›»è©±ç«¯æœ«ã®å¤§å®¹é‡åŒ–ãƒ»3DåŒ–ç«¶äº‰ Javaæè¼‰æºå¸¯é›»è©±ç«¯æœ«ãŒç™»å ´ã—ã¦ã‹ã‚‰ã”ãåƒ…ã‹1å¹´ã®é–“ã«ã€ã‚¢ãƒ—ãƒªã®ã‚µã‚¤ã‚ºã«é–¢ã—ã¦ã¯10å€ã«åºƒå¤§åŒ–ã—ã€è¡¨ç¾æ–¹æ³•ã‚‚2Dã‹ã‚‰3Dã«ã‚·ãƒ•ãƒˆã—å§‹ã‚ã¾ã—ãŸã€‚J-PHONEã¯ã€Žã‚¼ãƒ“ã‚¦ã‚¹ã€ã‚„ã€Žã‚¹ãƒšãƒ¼ã‚¹ãƒãƒªã‚¢ãƒ¼ã€ãªã©ã¨ã„ã£ãŸæ˜”ã®ã‚¢ãƒ¼ã‚±ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã‚’ã€ãƒ‰ã‚³ãƒ¢ã¯SIMCITYãªã©ãƒ‘ã‚½ã‚³ãƒ³ã§ä¸–ç•Œçš„è¦æ¨¡ã®ãƒ’ãƒƒãƒˆã‚’é£›ã°ã—ãŸã‚²ãƒ¼ãƒ ã‚’ä¸»åŠ›å•†å“ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ 2003 ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®ä¸€èˆ¬åŒ– ãƒ¡ãƒ¢ãƒªã®åˆ¶é™ãŒåŽ³ã—ã„Javaä»®æƒ³ãƒžã‚·ãƒ³ä¸Šã§ã¯ãªãã€OS
y-kawaz 2012/01/20
webgl

enchant.js
ãƒªãƒ³ã‚¯
WebGL playground
info Thank you! If you leave your em ail address in the author or the info box I will be able to contact you back. You can request that your em ail address should not appear in the description. I promise to review all submissions. And in the case a submission is accepted the author will be credited properly. Note that alternatively you can send your submission (or any queries) to @info type your pro
y-kawaz 2011/12/02
WebGLã‚’ãã®å ´ã§è©¦ã—ãŸã‚Šã‚³ãƒ¼ãƒ‰ãƒ•ã‚©ãƒ¼ã‚¯ã—ã¦ã„ã˜ã£ãŸã‚Šã—ã¦éŠã¹ã‚‹ã‚µã‚¤ãƒˆã€‚

WebGL
ãƒªãƒ³ã‚¯
WebGLã§ç”»åƒå‡¦ç†ã€ŒWebGL Filterã€ - å¼·ç«ã§é€²ã‚
WebGLã§å®Ÿè£…ã—ã¦æœ‰ã‚‹ãŸã‚ã€ä¸€çž¬ã§å‡¦ç†ãŒçµ‚ã‚ã‚Šã¾ã™ã€‚ç´ æ™´ã‚‰ã—ã„!! 3Dã‚‚è‰¯ã„ã§ã™ãŒã“ã†ã„ã†WebGLã®ä½¿ã„æ–¹ã‚‚è‰¯ã„ã§ã™ãã€‚ WebGLå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã“ã¡ã‚‰ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨å®Ÿéš›ã«è©¦ã›ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã¯ã“ã¡ã‚‰ã€‚ evanw/webgl-filter at - GitHub https://github.com/evanw/webgl-filter/tree/188a42c7cd7ca0370fb95de216aa8d0c4376f4e3
y-kawaz 2011/04/20
WebGL2Dç”»åƒå‡¦ç†ã‚’é«˜é€Ÿã«è¡Œã†

webgl
ãƒªãƒ³ã‚¯
WebGL Path Tracing
Path tracing is a realistic lighting algorithm that simulates light bouncing around a scene.Â This path tracer uses WebGL for realtime performance and supports diffuse, mirrored, and glossy surfaces.Â The path tracer is continually rendering, so the scene will start off grainy and become smoother over time.Â Here's how to interact with it: Add an object using the "Add Sphere" or "Add Cube" buttons
y-kawaz 2011/04/20
WebGLã§ãƒ‘ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€ãƒ”ã‚¯ã‚»ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã¨ã‹ä½¿ã£ã¦ã‚‹ã‘ã©æ–œã‚èªã¿ã˜ã‚ƒã¡ã‚‡ã£ã¨ã‚‚ã†ã‚¤ãƒŸãƒ•ï½—

webgl
ãƒªãƒ³ã‚¯
ã€ï¼‘ã€‘Cubeã§éŠã¼ã†ï¼ è¿·è·¯ç”Ÿæˆç·¨ - ã¯ã˜ã‚ã¦ã®three.js
ã¯ã˜ã‚ã« three.jsã¯ãƒ¬ãƒ³ãƒ€ãƒ©ã‚’å¤‰ãˆã‚‹ã ã‘ã§ã€Canvas(2D)ã«ã‚‚WebGLã«ã‚‚æ›¸ãå‡ºã›ã‚‹ã£ã¦ã„ã†ã€è‰²ã€…ã¨æŠ€è¡“é·ç§»ä¸ã®ä»Šã®æ™‚ä»£ã«ãƒ”ãƒƒã‚¿ãƒªãªJavascript 3D Engineã§ã™ã€‚ node.jsã‚‚æ¥½ã—ã„ã‘ã©ã€è¡¨ç¾ç³»ã§ã‚‚éŠã‚“ã§ã¿ãŸã„ï¼ã£ã¦æ™‚ã«æ‰‹è»½ã«ã•ã‚ã‚Œã‚‹é€¸å“ã§ã™ã€‚(3Dã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ãŒãƒ»ãƒ»ãƒ») ã¨ã‚Šã‚ãˆãšã¯æº–å‚™ ã¾ãšã€GitHubã‹ã‚‰ã‚½ãƒ¼ã‚¹è½ã¨ã—ã¦ãã¾ã™ã€‚gitã§è½ã¨ã—ã¦ã‚‚ã„ã„ã—ã€zipãƒ•ã‚¡ã‚¤ãƒ«(å³ã®æ–¹ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒœã‚¿ãƒ³ãŒã‚ã‚‹ã‚ˆ)ã§ã‚‚è½ã¨ã›ã¾ã™ã€‚ å±•é–‹ã™ã‚‹ã¨è‰²ã€…å…¥ã£ã¦ã¾ã™ãŒã€åŸºæœ¬å¿…è¦ãªã®ã¯ "build/Three.js" ã§ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ä»–ã®ã‚‚åˆ©ç”¨ã—ã¾ã™ãŒã€éšæ™‚é…ç½®ã—ã¦ãã ã•ã„ã€‚ ã‚ãƒ¼ã€ãã‚Œã¨three.jsã®ãƒ‡ãƒ¢ã‚’è¦‹ãŸäººã¯ã€3Dãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆã§ä½œã£ãŸãƒ¢ãƒ‡ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ã‚°ãƒªã‚°ãƒªãƒ»ãƒ»ãƒ»ã¿ãŸã„ãªã®ã‚’æœŸå¾…ã—ã¦ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä»Šå›žããƒ¼ã„ã†ã®ç„¡ã„ã§ã™ã‚ˆã€è‡ªåˆ†ã€3Dã‚½ãƒ•ãƒˆ
y-kawaz 2011/04/18
webgl

javascript

thee.js
ãƒªãƒ³ã‚¯
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ãª
y-kawaz 2011/03/07
3d

webgl
ãƒªãƒ³ã‚¯
1