[B! webgl] nilabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nilab id:nilab

webglã«é–¢ã™ã‚‹nilabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (53)

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

Surfin' Safari - Blog Archive Â» WebGL Now Available in WebKit Nightlies
nilab 2015/10/22
"the string â€œwebkit-3dâ€ (this is temporary, and will eventually change to â€œwebglâ€)"

webgl
ãƒªãƒ³ã‚¯
Google Code Archive - Long-term storage for Google Code Project Hosting.
Code Archive Skip to content Google About Google Privacy Terms
nilab 2015/10/22
ã€Œvar names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"];ã€

webgl
ãƒªãƒ³ã‚¯
[WebGL] WebGLã‚’ä½¿ã£ã¦ã¿ã‚‹
ä»Šå›žã‹ã‚‰å®Ÿéš›ã«WebGLã‚’ä½¿ã£ã¦ä½•ã‚‰ã‹ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æç”»ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’è¨˜ã—ã¾ã™ã€‚ <!DOCTYPE html> <head> <title>Hello WebGL</title> </head> <body onload="main()"> <canvas id="sample" width="640" height="480">ã‚ãƒ£ãƒ³ãƒã‚¹ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã‚ˆï¼</canvas> <script src="./webgl-utils.js"></script> <script> alert("ã‚ˆã†ã“ãWebGLã¸") function main() { // canvasè¦ç´ å–å¾— var canvas = document.getElementById("sample"); // WebGLæç”»ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆå–å¾— var gl = WebGLUtils.s
nilab 2015/10/19
webgl-utils.js ã‚’ä½¿ã£ãŸã‚·ãƒ³ãƒ—ãƒ«ãªã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰

webgl
ãƒªãƒ³ã‚¯
WebGLSamples.github.io/book/extension/webgl-utils.js at master Â· WebGLSamples/WebGLSamples.github.io
nilab 2015/10/19
Google ã®é–‹ç™ºã—ãŸ webgl-utils.js : gl = WebGLUtils.setupWebGL(canvas);

webgl
ãƒªãƒ³ã‚¯
WebGL Samples
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
nilab 2015/10/19
WebGL Samples and Examples

webgl
ãƒªãƒ³ã‚¯
WebGLã«ã‚ˆã‚‹ ã€Œæµã‚Œã€ã¨ã€Œæ³¢ã€ã®ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³
â– æœ¬æ›¸ã‚µãƒãƒ¼ãƒˆæƒ…å ±ã€€ï¼ˆæ›´æ–°2017å¹´05æœˆ02æ—¥ï¼‰ â– ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼ˆæ›´æ–°2015å¹´01æœˆ07æ—¥ï¼‰ æœ¬æ›¸ã®ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã¯ã€ä»¥ä¸‹ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ãƒ»WebGLnagaresampleNew.zip â– ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã«ã¤ã„ã¦(æ›´æ–°2015å¹´1æœˆ7æ—¥ï¼‰ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒ ã¯ã€ŒGoogle Chromeãƒ–ãƒ©ã‚¦ã‚¶ã€ã§å®Ÿè¡Œã§ãã¾ã™ã€‚ æ—¢å®šã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã€ŒGoogle Chromeã€ã«è¨å®šã—ã¦ã‚ã‚Œã°ã€ã€Œ.htmlãƒ•ã‚¡ã‚¤ãƒ«ã€ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã€ã¾ãŸã¯ã€Œå³ã‚¯ãƒªãƒƒã‚¯ã€â†’[ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰é–‹ã]ã§å®Ÿè¡Œã§ãã¾ã™ã€‚ ãŸã ã—ã€ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ç”¨ã„ãŸãƒ—ãƒã‚°ãƒ©ãƒ ï¼ˆç¬¬5ç« ã®MovingObstacle3DG2.htmlã¨MovingObstacle3DG3.html)ã«å¯¾ã—ã¦ã¯ã€ã‚ã‚‰ã‹ã˜ã‚ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã—ã¦ãã ã•ã„ã€‚ â‘ ã€ŒGoogle Chromeã€ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã€‚ â‘¡ [ãƒ—ãƒãƒ‘
nilab 2015/10/19
WebGLã«ã‚ˆã‚‹ ã€Œæµã‚Œã€ã¨ã€Œæ³¢ã€ã®ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ : ã‚µãƒãƒ¼ãƒˆæƒ…å ± : ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚ã‚Š

webgl

book
ãƒªãƒ³ã‚¯
WebGL é–‹ç™ºæ”¯æ´ã‚µã‚¤ãƒˆ wgld.org
æ¬¡ãªã‚‹ Web ã‚’è¦‹æ®ãˆã¦ æ¥ãŸã‚‹ã¹ã WebGL2 ã®æ™‚ä»£ã¸ 2011 å¹´ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ 1.0 ãŒå‹§å‘Šã•ã‚ŒãŸ WebGL ã¯ã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ OpenGL ES ã«ç›¸å½“ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ API ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ JavaScript ã® API ã§ã™ã€‚ ãã—ã¦ 2016 å¹´ã€WebGL ã®æ£å½“ãªå¾Œç¶™ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ WebGL2 (ã‚‚ã—ãã¯ WebGL 2.0) ãŒã„ã‚ˆã„ã‚ˆæœ¬æ ¼çš„ã«åˆ©ç”¨ã§ãã‚‹æ®µéšŽã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ å½“ã‚µã‚¤ãƒˆã§ã¯ã€2012 å¹´ã®é–‹è¨ä»¥æ¥ã€WebGL 1.0 ç³»ã® API ã‚’ç”¨ã„ã‚‹ãŸã‚ã®æŠ€è¡“è§£èª¬ã‚’æŽ²è¼‰ã—ã¦ãã¾ã—ãŸã€‚ãã—ã¦ä»Šå¾Œã¯ã€æ™‚ä»£ã®å¤‰é·ã«åˆã‚ã›ã¦ WebGL 2.0 ç³»ã®è§£èª¬è¨˜äº‹ã‚‚å…¬é–‹ã—ã¦ã„ãæ–¹é‡ã§ã™ã€‚ WebGL 2.0 ãŒç™»å ´ã™ã‚‹ã¨ã¯è¨€ã£ã¦ã‚‚ã€å¾Œæ–¹äº’æ›ã‚’ä¿ã¤ã¨ã„ã†æ„å‘³ã‚‚ã‚ã£ã¦ æ„å›³çš„ã«æœ‰åŠ¹åŒ– ã—ãªã„é™ã‚Šã¯ WebGL 1.0 ç›¸å½“ã® AP
nilab 2014/03/25
WebGL é–‹ç™ºæ”¯æ´ã‚µã‚¤ãƒˆ wgld.org

webgl
ãƒªãƒ³ã‚¯
HTML5ã¨ WebSocket / WebRTC / Web Audio API / WebGL æŠ€è¡“è§£èª¬
è©³è§£ç‰ˆã¯ã“ã¡ã‚‰ => http://www.slideshare.net/You_Kinjoh/html5-open-web-platform
nilab 2013/10/20
HTML5ã¨ WebSocket / WebRTC / Web Audio API / WebGL æŠ€è¡“è§£èª¬

webgl
ãƒªãƒ³ã‚¯
ä»®æƒ³ç‰©ç†å®Ÿé¨“å®¤æ§‹ç¯‰ã®ãŸã‚ã®OpenGL, WebGL, GLSLå…¥é–€ï¼natural science Laboratory
ç‰¹å®šéžå–¶åˆ©æ´»å‹•æ³•äººnatural science ã¯ã€çŸ¥çš„å¥½å¥‡å¿ƒãŒã‚‚ãŸã‚‰ã™å¿ƒè±Šã‹ãªç¤¾ä¼šã®å‰µé€ ã«ã‚€ã‘ã¦ã€ ç¾ä»£ç¤¾ä¼šã§ã¯å®Ÿæ„Ÿã™ã‚‹æ©Ÿä¼šã®å°‘ãªã„ç§‘å¦ã‚„æŠ€è¡“ã®ãƒ—ãƒã‚»ã‚¹ã‚’å¯è¦–åŒ–ãƒ»å…±æœ‰åŒ–ã™ã‚‹å ´ã¥ãã‚Šã‚’é€šã˜ã¦ã€ ç§‘å¦ã‚’åˆ‡ã‚Šå£ã¨ã—ãŸåœ°åŸŸã¥ãã‚Šã‚’ç›®æŒ‡ã™ã€è‹¥æ‰‹ä¸»ä½“ã®å›£ä½“ã§ã™ã€‚ã€€|ã€€More â‰« æœ¬ç¨¿ã¯ ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿å†…ã«ä»®æƒ³ç‰©ç†å®Ÿé¨“å®¤ã‚’æ§‹ç¯‰ã™ã‚‹ä¸Šã§å¿…è¦ä¸å¯æ¬ ãªã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ»ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®å®šç•ªã§ã‚ã‚‹ OpenGLï¼ˆGUUT, GLSLï¼‰ã‚’å¦ç¿’ã™ã‚‹ã“ã¨ãŒç›®çš„ã§ã™ã€‚ã¨ã¯ã„ãˆã€OpenGLï¼ˆGUUT, GLSLï¼‰ã«é–¢ã—ã¦ã¯ã“ã‚Œã¾ã§ã«å¤šãã®æœ‰ç”¨ãªæƒ…å ±ãŒå˜åœ¨ã™ã‚‹ãŸã‚ï¼ˆä¸‹è¨˜ã®å‚è€ƒãƒªã‚¹ãƒˆã‚’å‚ç…§ï¼‰ã€ã“ã“ã§ã¯ OpenGL ãã®ã‚‚ã®ã«ã¤ã„ã¦ã®è§£èª¬ã¯è¡Œã‚ãšã€ ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³çµæžœã®å¯è¦–åŒ–ã«ç„¦ç‚¹ã‚’å½“ã¦ãŸæ§‹æˆã«ã§ãã‚Œã°ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ã¾ãŸæœ€æ–°ã®æŠ€è¡“ã§ã‚ã‚‹ HTML5 ã® canvas è¦ç´ ã‚’ä½¿ç”¨ã—ãŸ OpenGL ã®ã‚¦ã‚§ãƒ–ç‰ˆã§ã‚ã‚‹
nilab 2013/08/19
ä»®æƒ³ç‰©ç†å®Ÿé¨“å®¤æ§‹ç¯‰ã®ãŸã‚ã®OpenGL, WebGL, GLSLå…¥é–€ï¼natural science Laboratory

opengl

webgl
ãƒªãƒ³ã‚¯
Shader Effects: Glow and Bloom | Devmaster
nilab 2013/08/19
Shader Effects: Glow and Bloom | Devmaster

webgl
ãƒªãƒ³ã‚¯
WebGL: ã‚¦ã‚§ãƒ–ã® 2D ãŠã‚ˆã³ 3D ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ - Web API | MDN
ã“ã®ãƒšãƒ¼ã‚¸ã¯ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã®å°½åŠ›ã§è‹±èªžã‹ã‚‰ç¿»è¨³ã•ã‚Œã¾ã—ãŸã€‚MDN Web Docs ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã«ã¤ã„ã¦ã‚‚ã£ã¨çŸ¥ã‚Šã€ä»²é–“ã«ãªã‚‹ã«ã¯ã“ã¡ã‚‰ã‹ã‚‰ã€‚ ï¿½ï¿½ï¿½ï¿½View in English ï¿½MKï¿½Always switch to English WebGL (Web Graphics Library) ã¯ã€äº’æ›æ€§ãŒã‚ã‚‹ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ãŠã„ã¦ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ç”¨ã›ãšã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãª 3D ã‚„ 2D ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã® JavaScript API ã§ã™ã€‚HTML ã® <canvas> è¦ç´ ã¸ OpenGL ES 2.0 ã«å¯†æŽ¥ã«å¾“ã£ãŸ API ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€WebGL ã‚’å®Ÿç¾ã—ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç«¯æœ«ãŒæä¾›ã™ã‚‹ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ API ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ WebGL ã¸ã®å¯¾å¿œã¯ã€ç¾ä»£ã®ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã‚ã‚Šã¾
nilab 2013/06/19
WebGL | MDN : ã€ŒWebGL ã¯ HTML5 canvas è¦ç´ ã¸ OpenGL ES 2.0 ã«å¯†æŽ¥ã«å¾“ã£ãŸ API ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Š Web ã¸ã¨ 3D ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’å–ã‚Šå…¥ã‚Œã¾ã™ã€‚Firefox 4 ãŠã‚ˆã³ Google Chrome 9 ã‚ˆã‚Šã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€

webgl
ãƒªãƒ³ã‚¯
Cesium: The Platform for 3D Geospatial
WSB Transf orms Constructability Reviews with Cesium and 3D Tiles in Bentley Infrastructure Cloud Connect The most costly risk to major infrastructure projects isn't bad weather or poor funding: it's the risk that slips past the constructability review. If not caught soon enough, a single contradictionâ€”like major utility conflicts or an unworkable traffic management planâ€”triggers millions in wasted
nilab 2013/05/22
Cesium: WebGL Virtual Globe and Map Engine : "Cesium is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin."

javascript

lib

webgl
ãƒªãƒ³ã‚¯
Three.js â€“ JavaScript 3D Library
three.jsr127 docs examples Learn documentation examples editor Community questions discord forum slack twitter Code github download devtools Resources Three.js Fundamentals Three.js Journey Learn Three.js åˆã‚ã¦ã®Three.js Merch T-Shirts submit project
nilab 2012/03/15
three.js - JavaScript 3D library

javascript

lib

webgl
ãƒªãƒ³ã‚¯
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ï½žWebGLãƒ©ã‚¤ãƒ–ãƒ©ãƒªThree.js å…¥é–€ï¼ˆï¼‘ï¼ï¼“ï¼‰ï½ž
HTML5ã¨WebGL åˆã‚ã«HTML5ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¾ã™ã€‚HTML5ã¨ã¯ã“ã‚Œã¾ã§ã®Webãƒšãƒ¼ã‚¸ä½œæˆè¨€èªžã§ä¸»æµã ã£ãŸHTML4ã‚„XHTMLã®å¾Œç¶™è¨€èªžã®ã“ã¨ã§ã€ 2008å¹´ã«è‰æ¡ˆãŒã¾ã¨ã‚ã‚‰ã‚Œã€2014å¹´ã¾ã§ã«ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶å„ç¤¾ã¸ã®æ£å¼å‹§å‘Šã‚’ç›®æŒ‡ã—ã¦ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ HTML5ã¯ 2012å¹´1æœˆã§ã‚‚ã¾ã ã€Œè‰æ¡ˆã€æ®µéšŽã§ã€ä»•æ§˜ã‚‚æµå‹•çš„ãªæº–å‚™æ®µéšŽã§ã‚ã‚‹ãŒã€é–‹ç™ºå´ã‹ã‚‰ã‚‚ãƒ¦ãƒ¼ã‚¶å´ã‹ã‚‰ã‚‚éžå¸¸ã«æ³¨ç›®ãŒé›†ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ã«æŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹ã®ãŒã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å°é ã«ã‚ˆã‚‹æƒ…å ±ç«¯æœ«ã®å¤šæ§˜åŒ–ã¸ã®å¯¾å¿œã®ãŸã‚ã§ã™ã€‚ã¤ã¾ã‚Šã€æ§˜ã€…ãªWEBã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ åŒ–ã¸ã®é‡è¦ãªè²¢çŒ®ãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ç™»å ´ã¾ã§ã¯ã€Adobeç¤¾ãŒæä¾›ã™ã‚‹ FLASH ãŒå‹•ç”»ã‚„ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãªã©ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
nilab 2012/03/15
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ï½žWebGLãƒ©ã‚¤ãƒ–ãƒ©ãƒªThree.js å…¥é–€ï¼ˆï¼‘ï¼ï¼“ï¼‰ï½ž

webgl

lib

javascript
ãƒªãƒ³ã‚¯
Google ãƒžãƒƒãƒ—ã®ã‚·ã‚¹ãƒ†ãƒ è¦ä»¶ã¨ãƒ–ãƒ©ã‚¦ã‚¶è¦ä»¶ã‚’ç¢ºèªã™ã‚‹ - ãƒ‘ã‚½ã‚³ãƒ³ - ãƒžãƒƒãƒ— ãƒ˜ãƒ«ãƒ—
Google ãƒžãƒƒãƒ—ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚° ã‚·ã‚¹ãƒ†ãƒ ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸€è¦§ã¯ã€ä»¥ä¸‹ã‚’ã”è¦§ãã ã•ã„ã€‚ æ³¨: Google ãƒžãƒƒãƒ—ã®ã”åˆ©ç”¨ã«æ–™é‡‘ã¯ã‹ã‹ã‚Šã¾ã›ã‚“ã€‚ãŸã ã—ã€Google ãƒžãƒƒãƒ— ã‚¢ãƒ—ãƒªã®ã”åˆ©ç”¨ã«ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¾ãŸã¯ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«ã‚ˆã‚‹ãƒ‡ãƒ¼ã‚¿æŽ¥ç¶šãŒå¿…è¦ã§ã‚ã‚‹ãŸã‚ã€ãƒ‡ãƒ¼ã‚¿ã®ä½¿ç”¨ã«å¯¾ã—ã¦ãƒ¢ãƒã‚¤ãƒ« ã‚µãƒ¼ãƒ“ã‚¹ ãƒ—ãƒãƒã‚¤ãƒ€ã‹ã‚‰æ–™é‡‘ã‚’è«‹æ±‚ã•ã‚Œã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚° ã‚·ã‚¹ãƒ†ãƒ Google ãƒžãƒƒãƒ—ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã€æ¬¡ã®ã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚° ã‚·ã‚¹ãƒ†ãƒ ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã—ã¾ã™ã€‚ ã‚·ã‚¹ãƒ†ãƒ ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã®è¦ä»¶ã‚’ç¢ºèªã™ã‚‹ Google ãƒžãƒƒãƒ—ã®å®Œå…¨ç‰ˆï¼ˆ3D ç”»åƒã‚„ Earth ã«å¯¾å¿œï¼‰ã‚’ä½¿ã†ã«ã¯ã€æ¬¡ã®ã„ãšã‚Œã‹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ã”åˆ©ç”¨ã„ãŸã ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ Google Chrome Firefox Safari Microsoft Edge ãƒ’ãƒ³ãƒˆ: Google Chrom
nilab 2011/11/11
MapsGL - ãƒžãƒƒãƒ— ãƒ˜ãƒ«ãƒ—

google_maps

webgl
ãƒªãƒ³ã‚¯
WebGLã®ï¼ˆå®Ÿè³ªçš„ã«ï¼‰ä»•æ§˜ä¸Šã®è„†å¼±æ€§ã«ã¤ã„ã¦(æ—¥æœ¬èªžè¨³) - ã‚‚ã®ãŒãŸã‚Š(æ—§)
WebGLã®ï¼ˆå®Ÿè³ªçš„ã«ï¼‰ä»•æ§˜ä¸Šã®è„†å¼±æ€§ãŒè¦‹ã¤ã‹ã£ãŸã¨ã•ã‚Œã¦ã€è©±é¡Œã«ãªã£ã¦ã„ã¾ã™ã€‚å…ƒã¯Context Information Securityç¤¾ã®ãƒ–ãƒã‚°ã®è¨˜äº‹ãªã®ã§ã™ãŒã€ http://www.contextis.co.uk/resources/blog/webgl/ æ—¥æœ¬èªžã§ã‚‚ã‹ã„ã¤ã¾ã‚“ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ http://japan.cnet.com/news/service/35002505/ ã¨ã¯ã„ãˆã€ã“ã‚Œã˜ã‚ƒä½•ã ã‹æ„å‘³ãŒåˆ†ã‹ã‚Šã¾ã›ã‚“ã—ã€åŽŸæ–‡ã¯ãªã‹ãªã‹ç°¡å˜ã«ã¯èªã‚ãªã„ã¨æ€ã†ã®ã§ã€ã¡ã‚‡ã£ãã‚‰æ—¥æœ¬èªžè¨³ã—ã¦ã¿ã¾ã—ãŸã€‚å…¨ä½“çš„ã«ã‚„ã£ã¤ã‘ãªãŒã‚‰ã€å¾ŒåŠã¯ç‰¹ã«å¯ã¼ã‘ãªãŒã‚‰è¨³ã—ã¦ã„ã‚‹ã®ã§ã€ä½•ã‹ãŠã‹ã—ã„ã¨ã“ã‚ãŒã‚ã‚Šã¾ã—ãŸã‚‰ã‚³ãƒ¡ãƒ³ãƒˆç‰ã§æ•™ãˆã¦ä¸‹ã•ã„ã¾ã›ã€‚ç¿»è¨³è¨±è«¾ã¯æ˜Žæ—¥è¾ºã‚ŠãŠé¡˜ã„ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ï¼ˆãƒ€ãƒ¡ã£ã¦è¨€ã‚ã‚ŒãŸã‚‰æ¶ˆã™ï¼‰â†’ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚èª¿æŸ»ã®æ¬¡ã®ãƒ©ã‚¦ãƒ³ãƒ‰ãŒçµ‚ã‚ã£ãŸã‚‰ã¾ãŸçµæžœã‚’æ•™ãˆã¦ãã‚Œã‚‹ã¿ãŸã„ã€‚ è¿½è¨˜:
nilab 2011/09/13
WebGLã®ï¼ˆå®Ÿè³ªçš„ã«ï¼‰ä»•æ§˜ä¸Šã®è„†å¼±æ€§ã«ã¤ã„ã¦(æ—¥æœ¬èªžè¨³) - ã‚‚ã®ãŒãŸã‚Š

webgl

security
ãƒªãƒ³ã‚¯
Samurai zlash! - flatten Learning WebGL Lesson 1 (2011-04-07)
nilab 2011/04/07
Samurai zlash! - flatten Learning WebGL Lesson 1

webgl
ãƒªãƒ³ã‚¯
[ãƒ…] Google Chrome ã§ WebGL ãŒå‹•ä½œã—ãªã„ã®ã§ --ignore-gpu-blacklist ã§å›žé¿ã™ã‚‹æ–¹æ³• (2011-04-06)
ã‚¦ãƒã® Windows XP + Google Chrome 10 ã ã¨ WebGL ã®ã‚³ãƒ¼ãƒ‰ãŒå®Ÿè¡Œã•ã‚Œãªã„ã€‚ã€‚ã€‚ æ£ç¢ºã«ã¯Chrome 10ã€Windows XPã€Nvidia 7300 GTã®çµ„ã¿åˆã‚ã›ã§Google BodyãŒå‹•ä½œã—ãªã„äº‹ãŒç™ºç«¯ã¨ã—ã¦Devç‰ˆã‚’Windows XPã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸå ´åˆã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§WebGLãŒdisableã«ãªã£ãŸæ§˜ã§ã™ã€‚ Chrome 10ã‹ã‚‰Windows XPã§ã®WebGLã‚µãƒãƒ¼ãƒˆã‚’åœæ¢ - å¼·ç«ã§é€²ã‚ Î£ï¼ˆã‚œÐ´ã‚œlllï¼‰ã‚¬ãƒ¼ãƒ³ï¼ ã‚¦ãƒã®ã¯ Chrome version 10.0.648.204 (Official Build 79063) â€»ä»¥ä¸‹ã®æ–¹æ³•ã¯ã‚ã¾ã‚ŠãŠå‹§ã‚å‡ºæ¥ã‚‹äº‹ã§ã¯æœ‰ã‚Šã¾ã›ã‚“ã€‚è‡ªå·±è²¬ä»»ã«ã¦ã©ã†ã—ã¦ã‚‚è©¦ã—ãŸã„æ–¹ã®ã¿è©¦ã—ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ å¼•æ•°ã« --ignore-gpu-blacklist ã‚’ä»˜ã‘ã¦Chromeã‚’èµ·å‹•ã™ã‚‹ã¨ã“ã®ãƒ–ãƒ©ãƒƒã‚¯ãƒª
nilab 2011/04/06
ãƒ…ãƒ©ãƒƒã‚·ãƒ¥ï¼ - Google Chrome ã§ WebGL ãŒå‹•ä½œã—ãªã„ã®ã§ --ignore-gpu-blacklist ã§å›žé¿ã™ã‚‹æ–¹æ³•

webgl
ãƒªãƒ³ã‚¯
[ãƒ…] Learning WebGL Lesson 1 ã‚’ãƒ•ãƒ©ãƒƒãƒˆãªå½¢ã«ã—ã¦Hello, worldçš„ã«å¦ç¿’ã—ã¦ã¿ãŸã„ (2011-04-06)
WebGL Lesson 1 â€“ A triangle and a square | Learning WebGL ã®ã‚³ãƒ¼ãƒ‰ã‚’ã§ãã‚‹ã ã‘ã‚·ãƒ³ãƒ—ãƒ«ã«(ã—ãŸã¤ã‚‚ã‚Šã§)æ›¸ãç›´ã—ã¦ã¿ãŸã€‚ ãªã‚“ã¨ã„ã†ã‹ã€Hello, world çš„ã«ã‚·ãƒ³ãƒ—ãƒ«ã«ã—ãŸã‹ã£ãŸã€‚ ã¨ã‚Šã‚ãˆãšã€é–¢æ•°ã«åˆ†é›¢ã•ã‚ŒãŸã®ã‚’ã²ã¨ã¤ã«ã¾ã¨ã‚ãŸã‚Šã€ã§ãã‚‹ã ã‘WebGLã®å…ƒã®æ©Ÿèƒ½ã ã‘ã«çµžã£ã¦ã€ä¸è¦ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å‰Šã£ãŸã‚Šã—ã¦ã‚ã‚‹ã€‚ ã‚ã¨ã€ã¡ã‚‡ã£ã¨ã„ã˜ã£ã¦è‰²ã‚’å¤‰ãˆã¦ã‚ã£ãŸã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã‚ã£ãŸã‚Šã€‚ ä¿®æ£ã—ãŸã‚‚ã®ã¯ Google Chrome ã§è¦‹ã‚Œã‚‹ (Windowsç‰ˆ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 10.0.648.204 ã§å‹•ä½œç¢ºèª)ã€‚ãã‚Œä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ä¸å¯ã€‚ ä¸‰è§’å½¢ãŒå°ã•ããªã‚ŠãªãŒã‚‰ç§»å‹•ã—ã¦ã„ãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ â‡’ flatten learning WebGL lesson 1 ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚ <!DOCTYPE html> <h
nilab 2011/04/06
ãƒ…ãƒ©ãƒƒã‚·ãƒ¥ï¼ - Learning WebGL Lesson 1 ã‚’ãƒ•ãƒ©ãƒƒãƒˆãªå½¢ã«ã—ã¦Hello, worldçš„ã«å¦ç¿’ã—ã¦ã¿ãŸã„

webgl
ãƒªãƒ³ã‚¯
Android(Nexus One)ã®Firefox for Mobileã§WebGLãŒå‹•ãä»¶ã«é–¢ã—ã¦ - æœ€é«˜ã®ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ç’°å¢ƒã¨ã¯ï¼Ÿ
Firefox 4 for Mobile: Demos! âœ© Mozilla Hacks â€“ the Web developer blog http://hacks.mozilla.org/2011/03/webowonder-mobile/ ä¸Šè¨˜ã®ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã€WebGLã¯ã©ã†ã ã‚ã†ã¨æ€ã£ã¦Firefox for Mobile4.0b1ã§è©¦ã—ãŸã‚‰å‹•ã„ãŸã€‚ãƒ»ãƒ»ãƒ»ãŸã ã—ã€ãªãœã‹é€†ã•ã¾ã€‚ ã¾ãšã¯Learning WebGLã®Lesson2(http://learningwebgl.com/lessons/lesson02/index.html)ã€‚ æ¬¡ã«Scene.jsã®ãƒ†ã‚£ãƒ¼ãƒãƒƒãƒˆ(http://scenejs.org/dist/curr/extr/examples/hello-teapot/index.html)ã€‚ æœ€å¾Œã«è‡ªä½œã®WebGLã‚µãƒ³ãƒ—ãƒ«ã‚²ãƒ¼ãƒ (http://www.syspri.o
nilab 2011/04/06
WebGL on Firefox on Android ã™ã°ã‚‰ã—ã„ã€‚/ Android(Nexus One)ã®Firefox for Mobileã§WebGLãŒå‹•ãä»¶ã«é–¢ã—ã¦ - æœ€é«˜ã®ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ç’°å¢ƒã¨ã¯ï¼Ÿ

android

firefox

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