[B! javascript][cg] aikeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

aike id:aike

javascriptã¨cgã«é–¢ã™ã‚‹aikeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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é«˜é€ŸåŒ–ã®ã‚¹ã‚¹ãƒ¡
ä»Šæ—¥ã®ãƒ†ãƒ¼ãƒž WebGLé«˜é€ŸåŒ–ã®ã‚¹ã‚¹ãƒ¡ ä»Šå›žã¯ã‚ãã¾ã§ã‚‚ WebGL ç‰¹æœ‰ã®é«˜é€ŸåŒ– TIPS ã§ã™ã€‚ WebGL ã«ã‚ã¾ã‚Šãªã˜ã¿ã®ãªã„æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã†ã®ã§â€¦â€¦ ãã‚‚ãã‚‚ WebGL ã£ã¦ï¼Ÿã€€ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰ç°¡å˜ã«è§£èª¬ã—ã¾ã™ã€‚
aike 2014/09/07
webgl

3D

cg

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

three.js

javascript

3D

glsl

cg
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ³ãƒ‰ãƒªã‚¢ãƒ³ã®çµµã‚’ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ çš„ã«æã„ã¦ã¿ãŸã€‚ - ã‚¢ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ–æ—¥è¨˜
ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚¢ãƒ¼ãƒˆã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã§ã”è¦§ã„ãŸã ã‘ã¾ã™ ãƒ¢ãƒ³ãƒ‰ãƒªã‚¢ãƒ³ã®æœ‰åãªçµµã‚’æãã¨ã„ã†ã‚‚ã®ã€‚ä»¥ä¸‹ã¯ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã§æã„ãŸ1æžšã§ã™ã€‚ æ¯Žç§’1æžšãšã¤æãã®ã‚’çœºã‚ã¦ã„ã‚‹ã¨ã€ã¨ãã©ãã“ã†ã—ãŸã„ã„æ„Ÿã˜ã®ãŒå‡ºã¦ãã¾ã™ã€‚ ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®èª¬æ˜Žã¯å‰²æ„›ã—ã¾ã™ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ç½®ã„ã¦ãŠãã¾ã™ã€‚ Chiralâ€™s gist ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã¯Processingã¨ã„ã†è¨€èªžã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ã“ã®è¨€èªžã¯ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¢ãƒ¼ãƒˆã«ç‰¹åŒ–ã—ãŸJavaã®ã‚µãƒ–ã‚»ãƒƒãƒˆè¨€èªžã®ã‚ˆã†ãªæ„Ÿã˜ã®ã‚‚ã®ã§ã€è¨€èªžä»•æ§˜ãŒç°¡å˜ã§è‰²ã‚“ãªå‡¦ç†ç³»ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚Processing.jsã¯javascriptã«ã‚ˆã‚‹å‡¦ç†ç³»ã§ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§Processingã®ã‚³ãƒ¼ãƒ‰ã‚’å‹•ã‹ã™äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ processing.jså…¬å¼ã‚µã‚¤ãƒˆ ã‚¢ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ–ç¤¾ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã„ã¦ã€ãƒ•ãƒªãƒ¼ã®è‰¯ã„ç´ æãŒãªã„ã®ã§ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚¢ãƒ¼ãƒˆã§è‰²ã€…ä½œã‚ã†ã‹ã¨æ€ã„ç«‹ã£ã¦ä½œã£ã¦
aike 2014/06/04
processing

javascript

cg
ãƒªãƒ³ã‚¯
http://www.playfuljs.com/demos/terrain/
aike 2014/05/22
3D

cg

javascript
ãƒªãƒ³ã‚¯
jsdo.it
Weâ€™re getting things ready Loading your experienceâ€¦ This wonâ€™t take long.
aike 2014/02/21
3D

cg

javascript
ãƒªãƒ³ã‚¯
1