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

beth321 id:beth321

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

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

å¤ã‚ã‹ã—ã„CGã‚’æããŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒª gretro ã§ã™ - éŸ³ã®é³´ã‚‹ãƒ–ãƒã‚°
gretro - JavaScript graphic library for retro CG (2014.08.14) ãŠè©¦ã—ãƒšãƒ¼ã‚¸ã‚’ä½œã‚Šã¾ã—ãŸ æœ€è¿‘ã€æ˜å’Œã£ã½ã„æ°—æŒã¡ã®CGã‚’æããŸã„æ„Ÿã˜ã§20å¹´ãã‚‰ã„å‰ã®æœ¬ã‚’å‚è€ƒã«ã—ãªãŒã‚‰ å†† ã¨ã‹ ç·š ã¨ã‹æã„ã¦éŠã‚“ã§ã„ãŸã®ã ã‘ã©ã€å¤ã„æœ¬ã‚’å‚è€ƒã—ãŸã‚‰æ˜å’Œã£ã½ã„çµµãŒæã‘ã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ãªãã¦ã€Canvas ã«æãã¨ã©ã†ã—ã¦ã‚‚ãƒ¢ãƒ€ãƒ³ãªæ„Ÿã˜ã«ãªã£ã¦ã—ã¾ã†ã¨ã„ã†å•é¡ŒãŒã‚ã£ãŸã€‚ æ˜”ã¯4096è‰²ä¸ã®16è‰²ã—ã‹ä½¿ãˆãªã„ã¨ã‹åº§æ¨™ã¯æ•´æ•°ã®ã¿ã¨ã‹è‰²ã€…åˆ¶ç´„ãŒã‚ã£ã¦ã€ãã‚Œã§ã‚‚çµµã‚’æããŸã‚ã«ã‚¿ã‚¤ãƒ«ãƒ‘ã‚¿ãƒ¼ãƒ³ï¼ˆ2è‰²ã‚’äº¤äº’ã«ä¸¦ã¹ãŸã‚Šã—ã¦ä¸é–“ã®è‰²ã‚’å‡ºã™ï¼‰ã¨ã‹é§†ä½¿ã—ã¦ã„ãŸã®ã ã‘ã©ã€ä»Šã® Canvas ã ã¨16777216è‰²ã€é€æ˜Žã‚ã‚Šã€å°æ•°ã®åº§æ¨™ã€ã‚¢ãƒ³ãƒã‚¨ã‚¤ãƒªã‚¢ã‚¹ã‚‚åˆ©ãã¨ã‹è¡¨ç¾åŠ›ãŒæ ¼æ®µã«é«˜ãã¦ã¡ã‚‡ã£ã¨æã„ãŸã ã‘ã§ã™ããƒ¢ãƒ€ãƒ³ãªæ„Ÿã˜ã«ãªã£ã¦ã—ã¾ã†ã€‚å¤§ã¯å°ã‚’å…¼ãã‚‹ã¨ã‹è¨€ã£ã¦ã‚‚ã¡ã‚ã‚“ Canv
beth321 2014/08/13
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

!!

!!!

canvas

cg

javascript

library

ãƒã‚¿

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

graphics
ãƒªãƒ³ã‚¯
http://www.playfuljs.com/demos/terrain/
beth321 2014/05/22
javascript

random

3D

generator

Canvas

demo

programming

cg

Terrain

map
ãƒªãƒ³ã‚¯
http://www.jthree.jp/
beth321 2014/03/19
Three.js

MMD

jquery

javascript

WebGL

3D

MikuMikuDance

HTML5

jthree

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

Programmable Shader

javascript

three.js

glsl

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

CG

html5

web

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1