[B! WebGL] wemraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wemra id:wemra

WebGLã«é–¢ã™ã‚‹wemraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (30)

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

WebGLStudio
3D Development environment for the web. WebGLStudio (formerly known as WebGLStudio) is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app. Try WebGLStudio.js Example Source on GitHub Documentation Learn or you can use the latest version (more features and more bugs)
wemra 2015/09/30
3d

development

webGL
ãƒªãƒ³ã‚¯
WAY TO GO
New web project by the creators of BLA BLA and Just a Reflektor. A walk in the woods by Vincent Morisset, Philippe Lambert, Ã‰douard LanctÃ´t-Benoit & Caroline Robert (AATOAA). Produced by the NFB and France TV.
wemra 2015/05/25
HTML5

WebGL

fwa

interactive
ãƒªãƒ³ã‚¯
WebGL Bits
WebGL experiments that are made from scratch.
wemra 2015/05/18
webGL

javascript

motion

shader

noise
ãƒªãƒ³ã‚¯
https://boda.sensors.jp/index.html
wemra 2014/12/29
webgl

3d
ãƒªãƒ³ã‚¯
å¾¡å¶½å±± å™´ç«ã®è¨¼è¨€ï½œNHKã‚ªãƒ³ãƒ©ã‚¤ãƒ³
wemra 2014/12/25
WebGL

news

nhk
ãƒªãƒ³ã‚¯
WebGL - Qiita Advent Calendar 2014 - Qiita
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
wemra 2014/12/25
webGL

advent

3d
ãƒªãƒ³ã‚¯
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
wemra 2014/12/25
openGL

webGL

document
ãƒªãƒ³ã‚¯
WebGL ã¨ GLSL ã§æ°—è»½ã«ãƒ¬ã‚¤ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã«æŒ‘æˆ¦ã—ã¦ã¿ã‚ˆã†ï¼ - Qiita
ã¯ã˜ã‚ã« å…¨å›½ 8,120 ä¸‡äººã®ãƒ¬ã‚¤ãƒˆãƒ¬ãƒ•ã‚¡ãƒ³ ã®çš†æ§˜ã“ã‚“ã«ã¡ã¯ï¼ WebGL ã§ãƒ¬ã‚¤ãƒˆãƒ¬ãŒã©ã†ã—ã¦ã‚‚ã‚„ã‚ŠãŸã„ã‚“ã ã¨ã„ã†ãŠä¾¿ã‚ŠãŒã¤ã„ã« 1,021 ä¸‡é€šã‚’è¶…ãˆãŸã®ã§ã€ãã‚ãã‚ WebGL ã§ç°¡å˜ãªãƒ¬ã‚¤ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã®å®Ÿè£…ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹é ƒåˆã„ã‹ãªã¨æ€ã„ç«‹ã¡ç†ã‚’åŸ·ã£ãŸæ¬¡ç¬¬ã§ã™ã€‚ ä»Šå›žã¯ã‚ãã¾ã§ã‚‚ åŸºæœ¬ã«å¿ å®Ÿ ã«ã€ç°¡å˜ãªãƒ¬ã‚¤ãƒˆãƒ¬ãƒ¼ã‚·ãƒ³ã‚°ã®å®Ÿè£…ã‚’ GLSL ã ã‘ã§è¡Œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚å…¨å›½ã®ãƒ¬ã‚¤ãƒˆãƒ¬ãƒ•ã‚¡ãƒ³ã®çš†ã•ã‚“ã®å£°æ´ã«å¿œãˆã¦ãŒã‚“ã°ã£ã¦è§£èª¬è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ å‰ç½®ã ç§ã¯å¹¸é‹ãªã“ã¨ã« WebGL ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹æ©Ÿä¼šãŒãã‚Œãªã‚Šã«ã‚ã‚Šã¾ã™ã€‚ ãã†ã„ã£ãŸå¸ã§ã¯ã‚ˆãã€æ•°å¦çš„ãªçŸ¥è˜ã¯ã¨ã‚Šã‚ãˆãšå¾Œå›žã—ã«ã—ã¦ã¾ãšã¯ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã—ã‚‡ã†ã¨ã„ã†è©±ã‚’ã—ã¾ã™ã€‚ãŸã¨ãˆã°è¡Œåˆ—ã‚„ã‚¯ã‚©ãƒ¼ã‚¿ãƒ‹ã‚ªãƒ³ã«ã¤ã„ã¦ã€ãã®æ•°å¦çš„ãªè©³ç´°ã«ã¾ã§å‹‰å¼·ã™ã‚‹ã®ã¯å¤§å¤‰ã§ã™ã€‚ã§ã™ã‹ã‚‰ã€ã¾ãšã¯ä½¿ã„æ–¹ã‹ã‚‰è¦šãˆã‚ˆã†ã¨ã„ã†ä¿ƒã—æ–¹ã‚’ã™ã‚‹
wemra 2014/12/22
webGL

glsl
ãƒªãƒ³ã‚¯
WebGL Water
Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytrac
wemra 2014/12/22
webGL

draw

camera
ãƒªãƒ³ã‚¯
WebGLé–‹ç™ºè€…å¿…è¦‹ï¼ Flash Stage3Dã¨ã®æ¯”è¼ƒã‹ã‚‰è¦‹ãˆã¦ãã‚‹WebGLã®ã‚ã‚Šæ–¹ã«ã¤ã„ã¦ - ICS MEDIA
12æœˆã¨ã„ãˆã°ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€‚ä»Šå¹´ã¯WebGLã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã«ç§ã‚‚è¡¨æ˜Žã—ã¾ã—ãŸã®ã§ã€ãƒ†ãƒ¼ãƒžã€ŒFlash Stage3Dã¨ã®æ¯”è¼ƒã‹ã‚‰è¦‹ãˆã¦ãã‚‹ WebGLã®ã‚ã‚Šæ–¹ã«ã¤ã„ã¦ã€ã‚’ãƒ†ãƒ¼ãƒžã¨ã—ã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã¾ã™ã€‚é•·æ–‡ã§ã™ãŒã€WebGLã¨Stage3Dã®ãã‚Œãžã‚Œã®æŠ€è¡“ã«ã¤ã„ã¦ç‰¹å¾´ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã®ã§æœ€å¾Œã¾ã§ãŠä»˜ãåˆã„ãã ã•ã„ã¾ã›ã€‚ WebGLã¨Stage3Dã¨ã¯ Stage3Dã¨ã¯Flash(Flash Playerã‚„Adobe AIR)ã‹ã‚‰OpenGL/DirectXã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã®ã§ãã‚‹æŠ€è¡“ã§ã™ã€‚2011å¹´ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸFlash Player 11 / Adobe AIR 3ã«æè¼‰ã•ã‚Œã€å¤šãã®å•†ç”¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§åˆ©ç”¨ã•ã‚Œã¦ãã¾ã—ãŸã€‚ Nissan Stage Juke (Flash Stage3D äº‹ä¾‹) http://nissan-stagejuk3d.com WebGLã¯ãƒ—ãƒ©ã‚°
wemra 2014/12/08
webGL
ãƒªãƒ³ã‚¯
Acnplwgl â€“ RTP Gacor Terkini
Tiap pem ain slot tentu ingin bisa menang dan mendapatkan hasil yang bagus di tiap spin yang dilakukan. Beberapa gambler bahkan tidak merasa cukup dengan hasil yang diperoleh sehingga mencari game-game yang bisa menawarkan hadiah yang lebih fantastis di situs judi slot. Tentu saja, permainan slot seperti itu juga bisa dit emukan,â€¦
wemra 2014/10/16
graphic

Canvas

webGL
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã§ã‚‚WebGLãŒå¿«é©ã«å‹•ã! HTML5ã§ä½“é¨“ã™ã‚‹3Dè¡¨ç¾ã®å¯èƒ½æ€§ â€“ ICS MEDIA
WebGLã‚¦ã‚§ãƒ–ãƒ»ã‚¸ãƒ¼ã‚¨ãƒ«ã¨ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§3Dè¡¨ç¤ºã™ã‚‹ãŸã‚ã®æ¨™æº–ä»•æ§˜ã€‚ã„ã¾ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’å«ã‚€ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§WebGLãŒå‹•ä½œã—ã¾ã™ã€‚WebGLã‚’ä½¿ãˆã°GPUã«ã‚ˆã£ã¦æç”»ãŒé«˜é€ŸåŒ–ã•ã‚Œã‚‹ãŸã‚é«˜åº¦ãªã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«è¡¨ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ WebGLã‚’ä½¿ãˆã°ä¸»ã«æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„é–‹ç™ºã«å½¹ç«‹ã¡ã¾ã™ã€‚ 3Dãƒ¢ãƒ‡ãƒ«ã®è¡¨ç¤º ã‚²ãƒ¼ãƒ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¢ãƒ¼ãƒˆ é…åŠ›çš„ã§è¯ã‚„ã‹ãªç”»é¢æ¼”å‡ºï¼ˆåºƒå‘Šç³»ã‚µã‚¤ãƒˆãªã©ï¼‰ ã‹ã¤ã¦ã¯Flash Playerã‚„Unity Web Playerã®ã‚ˆã†ãªãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã‚ãªã‘ã‚Œã°3Dè¡¨ç¾ã¯ã§ãã¾ã›ã‚“ã§ã—ãŸãŒã€WebGLã®ç™»å ´ã«ã‚ˆã£ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³æœªæè¼‰ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚3Dè¡¨ç¾ãŒå®Ÿç¾å¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯WebGLå…¥é–€è€…ã«ã‚€ã‘ã€æ•°ç§’ã§è©¦ã›ã‚‹ã‚ªãƒªã‚¸ãƒŠãƒ«ã®WebGLã®HTMLãƒ‡ãƒ¢ã‚’å¤šæ•°æŽ²è¼‰ã€‚ã©ã‚Œã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚åˆ©
wemra 2014/09/20
TypeScript

webGL

away3d

three.js

iPhone

3d

ios
ãƒªãƒ³ã‚¯
VVVV.js - Visual Web Client Programming
VVVV.js is a great toolkit for prototyping and developing rich data visualisation, advanced user interfaces, games, and more â€” all by connecting nodes, spreading slices and letting the dafa flow. From simple 2D charts to complex 3D animations: the possibilities grow with your patching skills. Features VVVV.js is fun to play with, yet it's more than a toy. Rather than being a standalone web applica
wemra 2014/05/10
visualizer

vvvv

javascript

WebGL
ãƒªãƒ³ã‚¯
WebGL ã§ãƒžãƒ³ãƒ‡ãƒ«ãƒ–ãƒé›†åˆã¨ã‚¸ãƒ¥ãƒªã‚¢é›†åˆ | Yomotsu net
è¤‡ç´ å¹³é¢ã‚’ç†è§£ã™ã‚‹æ™®æ®µä½¿ã†â€æ•°â€ã«å®Ÿæ•° (real number) ãŒã‚ã‚‹ã€‚ä¾‹ãˆã° 0, 1, -10, 0.3, 1/2, âˆš2 ãªã©ã€‚ ã“ã‚Œã¨ã¯åˆ¥ã«ã€è™šæ•° (imaginary number) ãŒã‚ã‚‹ã€‚è™šæ•°ã¯ âˆš-1 ã‚„ âˆš(-1/2) ãªã©ã¨ã„ã£ãŸã€2 ä¹—ã™ã‚‹ã¨ 0 æœªæº€ã«ãªã‚‹æ•°ã®ã“ã¨ã€‚ å®Ÿæ•°ã¨è™šæ•°ã¯ã€ç›´æŽ¥è¶³ã—ãŸã‚ŠæŽ›ã‘ãŸã‚Šã™ã‚‹ã“ã¨ã¯ã§ããªã„ã€‚æ°´ã¨æ²¹ã®ã‚ˆã†ãªé–¢ä¿‚ã€‚å®Ÿæ•°ã®å˜ä½ã¯ 1 ã«å¯¾ã—ã¦ã€ä¸€èˆ¬çš„ã«è™šæ•°ã®å˜ä½ã¯ i ã¨ã™ã‚‹ã€‚ å®Ÿæ•°ã¨è™šæ•°ã‚’æ··ãœãŸæ•°ã¯ 10 1 + 10 i ã®ã‚ˆã†ã«ãªã‚‹ã€‚å®Ÿæ•°ã¨è™šæ•°ãŒæ··ã–ã£ãŸæ•°ã‚’è¤‡ç´ æ•° (complex number) ã¨ã„ã†ã€‚ è¤‡ç´ æ•°ã¯ã€å®Ÿæ•°ã¨è™šæ•°ã‚’è»¸ã«ã€2 æ¬¡å…ƒã®å¹³é¢ã§è¡¨ã™ã“ã¨ãŒã§ãã‚‹ã€‚ã“ã‚Œã‚’è¤‡ç´ å¹³é¢ (complex plane) ã¨ã„ã†ã€‚ä¾‹ãˆã°ã€è¤‡ç´ æ•° 3 + 2i ã¯æ¬¡ã®é’ã„ç‚¹ã®ã‚ˆã†ã«è¡¨ã™ã“ã¨ãŒã§ãã‚‹ã€‚ æ¼¸åŒ–å¼ã¨ç™ºæ•£ãƒžãƒ³ãƒ‡ãƒ«ãƒ–ãƒé›†åˆã¯ã€æ¼¸åŒ–å¼
wemra 2014/03/31
webGL

Canvas
ãƒªãƒ³ã‚¯
HTML5ã®3Dè¡¨ç¾ã‚’èº«ã«ã¤ã‘ã‚ˆã†ï¼ç°¡å˜ãªJSã§ã¯ã˜ã‚ã‚‹WebGLç‰ˆAway3Då…¥é–€ - ICS MEDIA
Away3D TypeScriptã¯HTMLã®3DæŠ€è¡“ã€ŒWebGLã€ã‚’æ‰±ã„ã‚„ã™ãã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚å€‹äººãƒ–ãƒã‚°ï¼ˆHTML5ã§3Dã‚’å®Ÿç¾ã™ã‚‹æœ¬æ ¼æ´¾WebGLãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Away3D TypeScriptã®å…¬å¼ãƒ‡ãƒ¢)ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«Away3Dã‚’ä½¿ãˆã°GPUã«ã‚ˆã‚‹æœ¬æ ¼çš„ãª3Dè¡¨ç¾ã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç„¡ã—ã§ä½œæˆã§ãã¾ã™ã€‚ ãã“ã§ã€åˆç´šè€…ã«ã‚‚ã‚„ã•ã—ã„Away3D TypeScript(ä»¥ä¸‹ã€Away3D)ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã¯ã˜ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚å¿…è¦ã¨ãªã‚‹ã‚¹ã‚ãƒ«ãƒ¬ãƒ™ãƒ«ã¯ã€JavaScriptã®å…¥é–€æ›¸ã‚’ä¸€å†Šèªã¿çµ‚ãˆãŸãã‚‰ã„ã‚’æƒ³å®šã—ã¦ã¾ã™ã€‚Away3Dã¯JavaScriptã‚„TypeScriptã®ã©ã¡ã‚‰ã§ã‚‚åˆ©ç”¨ã§ãã¾ã™ãŒã€æœ¬é€£è¼‰ã§ã¯JavaScriptã§è§£èª¬ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã«ã¤ã„ã¦ AwayJSã¯æ´»ç™ºã«é–‹ç™ºã•ã‚Œã¦ã„ãªã„ãŸã‚ã€æœ¬ã‚µã‚¤ãƒˆã¨ã—ã¦ã¯åˆ©ç”¨ã¯æŽ¨å¥¨ã—ã¾ã›ã‚“ã€‚WebGLã‚’æ´»ç”¨ã—ãŸã„æ–¹ã¯ã€Three
wemra 2014/01/10
away3d

webGL
ãƒªãƒ³ã‚¯
http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/
wemra 2014/01/08
TypeScript

away3d

webGL
ãƒªãƒ³ã‚¯
ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ–ãƒãƒƒã‚¯ã‚’é‡ãã‚‹ã ã‘ã§èª°ã§ã‚‚WebGLã§éŸ³ä½œã‚ŠãŒã§ãã‚‹ã€ŒToneCraft by Dinahmoeã€
16Ã—16ãƒžã‚¹ã®ãƒ‘ãƒãƒ«ã‚’å…‰ã‚‰ã›ã¦æ¼”å¥ã™ã‚‹ãƒ†ãƒŽãƒªã‚ªãƒ³ã®ã‚ˆã†ã«ã€256ãƒžã‚¹ã®ä¸ã«ã‚«ãƒ©ãƒ•ãƒ«ãªãƒ–ãƒãƒƒã‚¯ã‚’è¨ç½®ã™ã‚‹ã ã‘ã§ã€è¨ç½®å ´æ‰€ã«å¯¾å¿œã—ãŸé›»åéŸ³ãŒãƒ¡ãƒãƒ‡ã‚£ã‚’ä½œæˆã§ãã‚‹ã®ãŒã€ŒToneCraft by Dinahmoeã€ã§ã™ã€‚WebGLã§å‹•ä½œã—ã€æœ€æ–°ç‰ˆã®Google ChromeãŒã‚ã‚Œã°èª°ã§ã‚‚ã™ãã«ä½œæ›²ãŒå¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ToneCraft by Dinahmoe http://labs.dinahmoe.com/ToneCraft/ ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨10ç§’ã»ã©èªã¿è¾¼ã¿ã‚’é–‹å§‹ã€‚ ç°è‰²ã®ç©ºé–“ã«ã½ã¤ã‚“ã¨ãƒžã‚¹ç›®ãŒæµ®ã„ã¦ã„ã¾ã™ã€‚ éŸ³ä½œã‚Šã‚’å§‹ã‚ã‚‹ã«ã¯ã€ç”»é¢å·¦å´ã®ãƒ‘ãƒ¬ãƒƒãƒˆã‹ã‚‰å¥½ããªè‰²ã‚’ã‚¯ãƒªãƒƒã‚¯ã€‚ ãƒžã‚¹ç›®ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒãƒ§ã‚¤ã‚¹ã—ãŸè‰²ã®ãƒ–ãƒãƒƒã‚¯ãŒè¨ç½®ã•ã‚Œã¾ã™ã€‚ãƒžã‚¹ç›®ã‚’æ¨ªæ–ã™ã‚‹ã‚ˆã†ã«ç°è‰²ã®ãƒ©ã‚¤ãƒ³ãŒèµ°ã£ã¦ã„ã¾ã™ãŒã€ã“ã®ãƒ©ã‚¤ãƒ³ã¯å†ç”Ÿæ™‚ã«ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’ç«¯ã‹ã‚‰ã‚¹ã‚ãƒ£ãƒ³ã—ã¦ãã¦ã€ãƒ©ã‚¤ãƒ³ãŒã‚ã‚‹éƒ¨åˆ†ã«ãƒ–ãƒãƒƒã‚¯ãŒã‚ã‚‹ã¨éŸ³ãŒæµã‚Œã‚‹ã¨ã„
wemra 2013/12/03
webGL

audio
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œåŸºç¤ŽçŸ¥è˜ç·¨ï¼ž
HTML5ã«é–¢é€£ã™ã‚‹æŠ€è¡“ã®ã²ã¨ã¤ã«ã€WebGLãŒã‚ã‚Šã¾ã™ã€‚WebGLã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§3DCGãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å®Ÿç¾ã§ãã‚‹æŠ€è¡“ã§ã™ã€‚ä»Šå›žã®ãƒ¬ãƒãƒ¼ãƒˆã§ã¯ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŸºç¤ŽçŸ¥è˜ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ WebGLã£ã¦ï¼Ÿ WebGLã§ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹â”€â”€ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšã€‚ã¾ãšã¯ä¾‹ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚demoå†…ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼éƒ¨åˆ†ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã“ã¨ã§ã‚«ãƒ¡ãƒ©ã®ä½ç½®ãªã©ã‚’ä»»æ„ã«å¤‰æ›´ã§ãã¾ã™ã®ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã§ã—ã‚‡ã†ã€‚ (invalid jsdo.it code) ã“ã®ã‚ˆã†ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é ¼ã‚‹ã“ã¨ãªãã€ãªã‚ã‚‰ã‹ãªè¡¨é¢ã€è‡ªç„¶ãªå½±ã€é«˜FPSã§ã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ãªã©ã€ã¾ã‚‹ã§æœ€è¿‘ã®å®¶åºç”¨ã‚²ãƒ¼ãƒ æ©Ÿã«ã‚‚åŒ¹æ•µã™ã‚‹é«˜åº¦ãª3DCGè¡¨ç¾ãŒã§ãã‚‹ã‚ã‘ã§ã™ã€‚ WebGLã¯2013å¹´10æœˆç¾åœ¨ã€Chromeã€Firefoxã€Operaã§æ¨™æº–å¯¾
wemra 2013/10/17
webGL

openGL

three.js
ãƒªãƒ³ã‚¯
ã€ŽThree.jsã¨Blenderã«ã‚ˆã‚‹WebGLã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ åˆã‚ã¾ã—ã¦ã€‚ html5ã€javascriptã€flashãªã©ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–‹ç™ºã‚’ ãƒ¡ã‚¤ãƒ³ã«æ‹…å½“ã—ã¦ãŠã‚Šã¾ã™ã€ è…å®¶(@KA_ka_YY)ã¨ç”³ã—ã¾ã™ã€‚ å¼Šç¤¾3æœˆã«è¡Œã‚ã‚Œã¾ã—ãŸã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’å¯¾è±¡ã¨ã—ãŸ ã‚¢ãƒ—ãƒªã‚³ãƒ³ãƒ†ã‚¹ãƒˆã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã«ã¦ WebGLã‚’ä½¿ç”¨ã—ãŸé‡Žçƒç›¤ã‚²ãƒ¼ãƒ ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ãã®éš›åˆ©ç”¨ã—ãŸThree.jsï¼ˆWebGLã®javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼‰ã‚’ç”¨ã„ãŸ WebGLã®ä½¿ç”¨æ–¹æ³•ã‚’ç´¹ä»‹ã•ã›ã¦ã„ãŸã ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆ1ï¼‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¾ãšã¯Â BlenderÂ ã¨ã„ã†ãƒ•ãƒªãƒ¼ã®3Dãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆã§ ä»¥ä¸‹ã®ã‚ˆã†ãªã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã‚’ä½œã‚Šã¾ã—ãŸ
wemra 2013/09/28
webGL

three.js

3D

blender
ãƒªãƒ³ã‚¯
WebGLã®èƒ½åŠ›ã‚’å¼•ãå‡ºã™ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼
WebGLã®èƒ½åŠ›ã‚’å¼•ãå‡ºã™ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ Webãƒšãƒ¼ã‚¸ä¸Šã§åˆ©ç”¨ã§ãã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æŠ€è¡“ã‚’ç´¹ä»‹ã™ã‚‹æœ¬é€£è¼‰ã‚‚ã€ã¤ã„ã«æœ€çµ‚å›žã¨ãªã‚Šã¾ã—ãŸã€‚ãƒ•ã‚£ãƒŠãƒ¼ãƒ¬ã‚’é£¾ã‚‹é¡Œæã¯ã€WebGLã®æœ€ã‚‚å¼·åŠ›ãªæ©Ÿèƒ½ã§ã‚ã‚‹ã€Œãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã€ã§ã™ã€‚å‰å›žï¼ˆå¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLã‚’æ‰±ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€ï¼‰ã¨åŒæ§˜ã«Three.jsã®ä½¿ç”¨ã‚’å‰æã¨ã—ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã®åŸºæœ¬çš„ãªæ›¸ãæ–¹ã¨ã€Three.jsã‚’å„æ©Ÿèƒ½ã«çµ„ã¿è¾¼ã‚€æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ å‰å›žã¯Three.jsã®ä»£è¡¨çš„ãªæ©Ÿèƒ½ã‚’è§£èª¬ã—ã€ã„ãšã‚Œã‚‚WebGLã§ãªã‘ã‚Œã°å®Ÿç¾ã®é›£ã—ã„ã‚‚ã®ã°ã‹ã‚Šã§ã—ãŸã€‚ã—ã‹ã—ã€å®Ÿã¯ãã‚Œã§ã‚‚WebGLã®èƒ½åŠ›ã®ã”ãä¸€éƒ¨ã‚’ä½¿ã£ã¦ã„ã‚‹ã«ã™ãŽã¾ã›ã‚“ã€‚ç‹¬è‡ªã®ãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ãƒ«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ï¼ˆã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ï¼‰ã‚’æ›¸ãã“ã¨ãŒã§ãã‚Œã°ã€æç”»å‡¦ç†ã®å¤§éƒ¨åˆ†ã‚’æŸ”è»Ÿã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã€æœ›ã¿é€šã‚Šã®è¡¨ç¾ã‚’å¾—ã‚‰ã‚Œã¾ã™ã€‚Three.jsã®ä½¿ã„æ–¹ã«æ…£ã‚ŒãŸã‚‰ã€ãœã²
wemra 2013/07/31
three.js

webGL

Programmable Shader
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸