[B! three.js] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

three.jsã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

è¶…ç°¡å˜ã«3DCGã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªä½œã£ãŸ - aikeâ€™s blog
ãƒ–ãƒ©ã‚¦ã‚¶ã§WebGLãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦3DCGãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ãšã„ã¶ã‚“èº«è¿‘ãªã‚‚ã®ã«ãªã‚Šã¾ã—ãŸã€‚ã¨æ›¸ã„ã¦ã‚‹ãã°ã‹ã‚‰é•å’Œæ„Ÿã‚’æ„Ÿã˜ã‚‹ãã‚‰ã„ç”Ÿã®WebGLã‚’JavaScriptã§æ›¸ãã®ã¯æ•·å±…ãŒé«˜ã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ã§ããªãã¯ãªã„ã‘ã©å‰æã¨ãªã‚‹çŸ¥è˜ãŒã‹ãªã‚Šå¿…è¦ãªæ„Ÿã˜ã€‚ three.jsãŒç™»å ´ã—ãŸã¨ãã¯ã€ã“ã‚Œã§æ™®é€šã«3DCGãŒã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ä¸€æ°—ã«ã²ã‚ã¾ã‚Šã¾ã—ãŸã€‚ã¨ã¯ã„ãˆã€ãã‚Œã§ã‚‚ã¾ã ã‚„ã‚‹ã“ã¨ã¯å¤šãã€ç”»é¢ã«å››è§’ã„ç®±ã‚’è¡¨ç¤ºã™ã‚‹å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ãã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãƒ»ã‚·ãƒ¼ãƒ³ã‚’ä½œæˆ ãƒ»ãƒ©ã‚¤ãƒˆã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ã‚«ãƒ¡ãƒ©ã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ãƒžãƒ†ãƒªã‚¢ãƒ«ã‚’ä½œæˆã€è‰²ã‚’æŒ‡å®š ãƒ»BoxGeometryã‚’ä½œæˆã€ã‚µã‚¤ã‚ºã‚’æŒ‡å®š ãƒ»ãƒ¡ãƒƒã‚·ãƒ¥ã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ¼ã‚’ä½œæˆ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ«ãƒ¼ãƒ—å‡¦ç† ã“ã‚Œã‚‰ã®ã²ã¨ã¤ã§ã‚‚é–“é•ãˆãŸã‚Šãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ãŒé©åˆ‡ã§ãª
beth321 2015/01/30
()

æŠ€è¡“

"box

three.js

3DCG

JavaScript

ã‚ã¨ã§èªã‚€

WebGL

3D

ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
RiftSketch: Live coding in VR with the Oculus Rift, Firefox WebVR, JavaScript and Three.js
I built a live-coding web app for the Oculus Rift where you code in JavaScript using Three.js and watch the world change around you in real-time. It's quite a niche application since you need to have an Oculus Rift, be a JavaScript programmer *and* be sufficiently familiar with Three.js but, if you fit that criteria, it's a surprisingly engaging experience! If happen to have a Rift and you want
beth321 2014/10/06
vr

app

css

Three.js

Oculus Rift

WebVR

oculus

ã‚ã¨ã§èªã‚€

3D

javascript
ãƒªãƒ³ã‚¯
å…¨å¤©çƒãƒ‘ãƒŽãƒ©ãƒžå‹•ç”»ã‚’è¡¨ç¤ºã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªä½œã£ãŸ - aikeâ€™s blog
è¤‡æ•°å°ã®GoProã‚’çµ„ã¿åˆã‚ã›ã¦360åº¦ä¸Šã‚‚ä¸‹ã‚‚æ’®å½±ã§ãã‚‹å‹•ç”»ã‚«ãƒ¡ãƒ©ãŒä¸€éƒ¨ã§æµè¡Œã‚Šã¤ã¤ã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ ã“ã‚“ãªã‚„ã¤ã€‚ http://home360.co.jp/freedom360.html http://freedom360.us/ è¦ã¯RICOH THETAã®å‹•ç”»ç‰ˆãªã‚“ã§ã™ãŒã€å‹•ç”»ã¨ã„ã†ã“ã¨ã§æ©Ÿæã®ä¾¡æ ¼ã‚‚ã ã„ã¶é•ã†ã—ã€è¤‡æ•°ã®å‹•ç”»ã‚’åˆæˆã™ã‚‹ä½œæ¥ã‚‚ã¾ã ã¾ã ã‘ã£ã“ã†æ‰‹é–“ã‚‚æ™‚é–“ã‚‚ã‹ã‹ã‚Šã¾ã™ã€‚ ãã“ã¾ã§é ‘å¼µã£ã¦å‹•ç”»ã‚’ä½œã£ã¦ã‚‚ã€å…¬é–‹ãŒã¾ãŸå¤§å¤‰ã§ã™ã€‚ãƒ•ãƒªãƒ¼ã®ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¯ã‚ã‚Šã¾ã™ãŒ(ã“ã‚Œã¨ã‹)ã€è¦‹ã‚‹äººã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã›ã‚‹ã®ã¯ã¡ã‚‡ã£ã¨é¢å€’ã ã—ã€Flashã§ä½œã‚‰ã‚ŒãŸå…¨å¤©çƒå‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚‚è‰¯ã„ã‚‚ã®ãŒã„ã‚ã„ã‚ã‚ã‚‹ã‚‚ã®ã®ã€è‡ªç”±ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¦è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã§æ‰‹è»½ã«ä½¿ãˆã‚‹ã‚‚ã®ã¯ä»Šã¯ã¡ã‚‡ã£ã¨ãªã•ãã†ã§ã™ã€‚ ãã‚“ãªã‚ã‘ã§JavaScriptã®Three.jsã‚’ä½¿ã£ã¦ã•ãã£ã¨å…¨å¤©çƒå‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä½œã£ã¦ã¿
beth321 2014/07/27
JavaScript

ã“ã‚Œã¯ã™ã”ãã†

ã‚«ãƒ¡ãƒ©

camera

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

three.js

å…¨å¤©çƒ

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
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
beth321 2014/07/14
JavaScript

reference

webGL

Three.js

js

demo

library

3d

html5

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžã«ãŠã™ã™ã‚ã—ãŸã„Three.jsã®ã‚«ãƒ³ã‚¿ãƒ³3Dä½“é¨“ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã®ã³ã™ã‘ã§ã™ã€‚æœ€è¿‘æ¯Žæ—¥ãƒãƒ ã‚¹ã‚¿ãƒ¼ã«ãªã‚‹å¤¢ã‚’è¦‹ã¾ã™ã€‚ å‰å›žã®è¨˜äº‹ã€Œåœ§å€’çš„ãª3Dè¡¨ç¾ã«Webã®æœªæ¥ã‚’æ„Ÿã˜ã‚‹WebGLã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãƒ»ãƒ‡ãƒ¢20é¸ã€ã«ã¾ã¨ã‚ã¾ã—ãŸãŒã€WebGLã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒæœ€è¿‘è©±é¡Œã«ãªã£ã¦ã„ã¾ã™ãã€‚ å¾“æ¥ã®å¹³é¢ã§è€ƒãˆã‚‹Webã®æ™‚ä»£ã‹ã‚‰æ¬¡ã®æ™‚ä»£ã¸ã®ç§»ã‚Šå¤‰ã‚ã‚Šã‚’æ„Ÿã˜ã‚‹ä»Šæ—¥ã“ã®é ƒã§ã™ã€‚ ä»Šå›žã¯å®Ÿéš›ã«WebGLã‚’ä½¿ã£ãŸ3Dè¡¨ç¾ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã¾ã™ã€‚ JavaScriptã§è¨˜è¿°ã—ã¾ã™ãŒã€åˆå¿ƒè€…å‘ã‘ã«ã¾ã¨ã‚ãŸã®ã§ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžã‚„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã«ã‚‚ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã»ã—ã„ã§ã™ï¼å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰æ›¸ãã¨ã“ã‚ã¯5åˆ†ï¼ˆæ—©ã„äººãªã‚‰1åˆ†ï¼‰ã§ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚WebGLã¨ã¯ PCä¸Šã§3Dã‚’æç”»ã™ã‚‹ãŸã‚ã®æŠ€è¡“ã«OpenGLã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚OpenGLã¯3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹APIã¨ã‚‚å‘¼ã°ã‚Œã¦ã„ã¦ã€æ§˜ã€…ãªãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«å¯¾å¿œã—ã¦ãŠã‚Šã€åºƒãæ™®åŠã—ã¦ã„ã¾ã™ã€‚ ã“ã®OpenGLã‚’We
beth321 2014/07/14
webgl

html5

ãƒ–ãƒ©ã‚¦ã‚¶

3D

Javascript

three.js

WEB

WEBãƒ‡ã‚¶ã‚¤ãƒ³

jQuery

*webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
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

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ WebGLã¯ã¨ã¦ã‚‚é«˜åº¦ãªæŠ€è¡“ã§ã‚ã‚‹ä¸€æ–¹ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚å†—é•·ãªæº–å‚™ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä¸€æ–¹ã§ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é€šã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ãŒã‚ã‚‹three.jsã‚’é€šã—ã¦ã€WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ã‚¸ãƒ§ãƒ³ã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65ã‚’åˆ©ç”¨ã—ã¾ã™) three.jsã‚’æ‰‹ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰‹ã«å…¥ã‚Œã¾
beth321 2014/02/07
()

WebGL

JavaScript

three.js

3d

api

html5

HTML

tutorial

threejs
ãƒªãƒ³ã‚¯
WebGL and Three.js
32. <!doctype html> <html> //é ‚ç‚¹ <head> var vertices = new Float32Array([ <meta charset="utf-8"> 0.0, 0.5, 0.0, <title>webgl demo</title> -0.5, -0.5, 0.0, <script> 0.5, -0.5, 0.0 document.addEventListener('DOMContentLoaded', function(){ var canvas = document.querySelector('#glcanvas'); ]); var gl = canvas.getContext('experimental-webgl'); // é ‚ç‚¹ã®æ•° var verticesLength = 3; var vShaderSource = [ // gl_
beth321 2012/09/09
css

ã¾ã¨ã‚

css3

webgl

three.js

javascript

3D

html

programming

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

3D

HTML5

three.js

JavaScript

WebGL

development

js
ãƒªãƒ³ã‚¯
JavaScript 3Dãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®Three.jsã‚’è©¦ã™
ã“ã‚“ã«ã¡ã¯ã€‚ KRAYã‚¢ãƒ«ãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ ä»Šå›žã¯ã€æœ€è¿‘ã¡ã¾ãŸã§å™‚ã®Three.jsã§éŠã‚“ã§ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ http://github.com/mrdoob/three.js webglå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã¦ã„ã‚‹æ–¹ã¯ã€å³ä¸Šã«3Dã®ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsã‚’ä½¿ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã‚’ç°¡å˜ã«Javascriptã§å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ åŠä¿¡åŠç–‘ã§ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€ãŸã—ã‹ã«Three.jsã§ã¯ã€3Dç‰¹æœ‰ã®è¡Œåˆ—è¨ˆç®—ã‚„æ•°å¦çš„æ€è€ƒã‚’ã›ãšã¨ã‚‚ã€3Dã‚’è¡¨ç¤ºã€æ“ä½œã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ã€Œã¡ã‚‡ã£ã¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§3DãŒã§ãã‚‹ã€‚ã€ ã“ã®é¢ç™½ã•ã‚’çš†ã•ã‚“ã«å±Šã‘ãŸã„ã§ã™ã€‚ ç›®æ¬¡ ç«‹æ–¹ä½“ã‚’è¡¨ç¤ºã™ã‚‹ å…‰ã‚’ã‚ã¦ã‚‹ ãƒ†ã‚¹ã‚¯ãƒãƒ£ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ ãƒžã‚¦ã‚¹ã§å›žè»¢ã•ã›ã‚‹ ãƒžã‚¦ã‚¹ã§ç§»å‹•ã•ã›ã‚‹ ã‚¯ãƒªãƒƒã‚¯åˆ¤å®šã™ã‚‹ Three.js webä¸Šã«ã¯ã€HTML5ã®canvasã‚’åˆ©ç”¨ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·
beth321 2012/02/03
3D

canvas

*ã‚ã¨ã§èªã‚€

javascript

3d

html5

three.js

webgl

webã‚µãƒ¼ãƒ“ã‚¹

JS
ãƒªãƒ³ã‚¯
1