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

ykog id:ykog

webglã«é–¢ã™ã‚‹ykogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

three.js - JavaScript 3D library
three.js r167 docs examples Learn documentation examples editor gpt Community questions discord forum twitter Code github download Resources Three.js Fundamentals Three.js Journey Learn Three.js åˆã‚ã¦ã®Three.js Merch T-Shirts submit project
ykog 2014/12/25
3d

three.js

javascript

webGL

js

html5

library
ãƒªãƒ³ã‚¯
å¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLã‚’æ‰±ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€
å¤šå½©ãªè¡¨ç¾åŠ›ã®WebGLã‚’æ‰±ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€ï¼šWebã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’ãƒãƒƒã‚¯ã™ã‚‹ï¼ˆ5ï¼‰ï¼ˆ1/5 ãƒšãƒ¼ã‚¸ï¼‰ Three.jsã¯WebGLã®å†—é•·ãªä»•æ§˜ã‚’ã†ã¾ããƒ©ãƒƒãƒ—ã—ã€æ‰±ã„ã‚„ã™ã„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã§æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¨è¦‹æ¯”ã¹ãªãŒã‚‰ã€åŠ¹çŽ‡è‰¯ãå¦ç¿’ã—ã‚ˆã† Three.jsã®åŸºç¤Ž æœ¬é€£è¼‰ã‚‚5å›žç›®ã‚’è¿Žãˆã€ã„ã‚ˆã„ã‚ˆä½³å¢ƒã«å…¥ã‚Šã¾ã™ã€‚ä»Šå›žã®é¡Œæã¯ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§3æ¬¡å…ƒã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’å®Ÿç¾ã™ã‚‹ã€ŒWebGLã€ã§ã™ã€‚ãŸã ã—ã€ã“ã‚Œã¾ã§ã¨é•ã£ã¦APIã‚’ç›´æŽ¥ã¯è§¦ã‚Œãšã€ã€ŒThree.jsã€ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚Three.jsã¯WebGLã®å†—é•·ãªä»•æ§˜ã‚’ã†ã¾ããƒ©ãƒƒãƒ—ã—ã€æ‰±ã„ã‚„ã™ã„ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã§æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚Mr.Doobæ°ã‚’ä¸å¿ƒã«ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§é–‹ç™ºãŒé€²ã‚ã‚‰ã‚Œã¦ãŠã‚Šã€WebGLç•Œéšˆã§ã¯ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«è¿‘ã„åœ°ä½ã‚’ç¯‰ã„ã¦ã„ã¾ã™ã€‚ Three.jpå…¬å¼ã‚µã‚¤ãƒˆ WebGLã¯ã“ã‚Œã¾ã§è§£èª¬ã—
ykog 2013/09/24
webgl

javascript

3d

three.js
ãƒªãƒ³ã‚¯
wgld.org | WebGL |
WebGL contents WebGL ã«é–¢ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸€è¦§ã§ã™ã€‚ åˆå¿ƒè€…ã‚„ WebGL ã®å…¥é–€è€…ã®æ–¹ã¯ã€æœ€åˆã‹ã‚‰èªã¿é€²ã‚ã¦ã„ãŸã ã‘ã‚‹ã¨ç†è§£ãŒæ·±ã¾ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å½“ã‚µã‚¤ãƒˆã§ã¯å®Ÿéš›ã«å‹•ä½œã™ã‚‹ WebGL ã®ã‚µãƒ³ãƒ—ãƒ«ã‚„ã€WebGL ã®ãƒ‡ãƒ¢ã‚’å¤šæ•°ç”¨æ„ã—ã¦ã„ã¾ã™ãŒã€ãã‚Œã‚‰ã«ã¯å½“ã‚µã‚¤ãƒˆã‚ªãƒªã‚¸ãƒŠãƒ«ã®è¡Œåˆ—ãƒ»ã‚¯ã‚©ãƒ¼ã‚¿ãƒ‹ã‚ªãƒ³ãªã©ã‚’æ‰±ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€minMatrix.js ãªã©ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®è©³ã—ã„å®Ÿè£…ã«ã¤ã„ã¦ã¯ library ã®ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ WebGL 2.0 ã«ã¤ã„ã¦ã¯åˆ¥ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦åˆ†ã‘ã¦æŽ²è¼‰ã—ã¦ã„ã¾ã™ã®ã§ã€ WebGL2 ã®ã»ã†ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®æº–å‚™ WebGL ã‚’å§‹ã‚ã‚‹å‰ã« canvas ã‚’çŸ¥ã‚‹ 3D æç”»ã®åŸºç¤ŽçŸ¥è˜ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ãŸã‚ã®ä¸‹æº–å‚™ è¡Œåˆ—(ãƒžãƒˆãƒªãƒƒã‚¯ã‚¹)ã®åŸºç¤ŽçŸ¥è˜ é ‚ç‚¹ã¨ãƒãƒªã‚´ãƒ³ ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã®åˆæœŸåŒ– ã‚·ã‚§ãƒ¼ãƒ€ã®è¨˜è¿°ã¨åŸºç¤Ž é ‚ç‚¹ãƒãƒƒ
ykog 2013/04/04
webgl

html5

canvas

graphics
ãƒªãƒ³ã‚¯
ã€ç¬¬22å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šãƒ¬ãƒãƒ¼ãƒˆã€‘ Processing.jsã€SVGã€WebGLã€‚HTML5å‘¨è¾ºã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£æŠ€è¡“
HTML5ã«ã‚ˆã‚‹æœ€æ–°Webã‚¢ãƒ—ãƒª 2011å¹´10æœˆ26æ—¥ã€å“å·ã‚°ãƒ©ãƒ³ãƒ‰ã‚»ãƒ³ãƒˆãƒ©ãƒ«ã‚¿ãƒ¯ãƒ¼ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆå“å·æœ¬ç¤¾ã«ã¦ã€ã€Œç¬¬22å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚HTML5ã¨ã‹å‹‰å¼·ä¼šã¯ã€HTML5ã«é–¢å¿ƒã®ã‚ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã‚³ãƒ¼ãƒ€ãƒ¼ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®å‹‰å¼·ä¼šã ã€‚ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯é–¢é€£APIã€ã€‚å½“æ—¥ã®æ§˜åã‚’ãŠä¼ãˆã—ã‚ˆã†ã€‚ Processing.jsã£ã¦ãªã‚“ã ï¼Ÿ ã¾ãšã€ã‚¼ãƒãƒ™ãƒ¼ã‚¹ã®ç”°ä¸æ°ï¼ˆ@dotimpactï¼‰ã‹ã‚‰ãƒ—ãƒ¬ã‚¼ãƒ³ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸã€‚ç”°ä¸æ°ã¯ç¾Žè¡“å¤§å¦ã§éžå¸¸å‹¤è¬›å¸«ã‚’ã—ãŸã‚Šã€Processingã®å…¥é–€æ›¸åŸ·ç†ãªã©ã‚‚æ‰‹æŽ›ã‘ã¦ã„ã‚‹ã€‚ Processingã¨ã¯ ç”°ä¸æ°ã®ãƒ—ãƒ¬ã‚¼ãƒ³ã¯ã€Processingã®ç´¹ä»‹ã‹ã‚‰å§‹ã¾ã£ãŸã€‚ ç”°ä¸æ°ã®ï¼ ITã§ã®Processingã®è¨˜äº‹ã€ŒProcessingã®å¯¾è©±å¼ã‚¹ã‚±ãƒƒãƒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§éŠã¼ã†ã€ã‚‚å‚ç…§ã„ãŸã ããŸã„ã€‚ Processingã¯2001å¹´ã€MITãƒ¡ãƒ‡ã‚£ã‚¢
ykog 2011/11/21
html5

webgl

svg

processing

javascript

js
ãƒªãƒ³ã‚¯
JavaScript ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 3DCG ã‚’å®Ÿç¾ã™ã‚‹ WebGL ã®ä½¿ã„æ–¹ - WebOS Goodies
å…ˆæ—¥ã€ã¡ã‚‡ã£ã¨ã—ãŸæ€ã„ã¤ãã§ WebKit ã® Nightly Build ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã€ WebGL ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ WebGL ã¨ã„ã†ã®ã¯ç¾åœ¨ç–å®šä¸ã®æ–°ã—ã„è¦æ ¼ã§ã€ JavaScript ã‚’ä½¿ã£ã¦æœ¬æ ¼çš„ãª 3DCG ã‚’å®Ÿç¾ã™ã‚‹ API ã§ã™ã€‚åŒã˜ç›®çš„ã‚’æŒã¤ã‚‚ã®ã¨ã—ã¦ Google ã® O3D ãŒã‚ã‚Šã¾ã™ãŒã€ WebGL ã¯ OpenGL ES ã‚’ç®¡ç†ã—ã¦ã„ã‚‹ Khronos ã‚°ãƒ«ãƒ¼ãƒ—ã‚’ä¸å¿ƒã« Google, Mozilla, Opera, NVIDIA, AMD ã¨ã„ã£ãŸä¼æ¥ãŒå‚ç”»ã—ã¦ãŠã‚Šã€æ¨™æº–åŒ–ã¨ã„ã†é¢ã§ã¯ãƒªãƒ¼ãƒ‰ã—ã¦ã„ã¾ã™ã€‚ ã¾ã ç–å®šä¸ã®è¦æ ¼ãªã®ã§ä»Šå¾Œå¤‰åŒ–ã™ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒï¼ˆWebGL 1.0 ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸï¼‰ã€å°‘ãªãã¨ã‚‚ç¾çŠ¶ã® WebKit ã®å®Ÿè£…ã«ã¤ã„ã¦ã¯ä½¿ã„æ–¹ãŒã‚ã‹ã£ãŸã®ã§ã€æœ¬æ—¥ã¯ãã‚Œã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ WebGL ã¯ Web ä¸Šã®æœ€ã‚‚é‡è¦ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ A
ykog 2009/11/19
webkit

3d

cg

webgl

opengl

javascript
ãƒªãƒ³ã‚¯
1