超簡å˜ã«3DCGã§ãã‚‹JavaScriptライブラリ作ã£ãŸ - aike’s blogブラウザã§WebGLãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦3DCGプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ãšã„ã¶ã‚“身近ãªã‚‚ã®ã«ãªã‚Šã¾ã—ãŸã€‚ã¨æ›¸ã„ã¦ã‚‹ãã°ã‹ã‚‰é•å’Œæ„Ÿã‚’æ„Ÿã˜ã‚‹ãらã„生ã®WebGLã‚’JavaScriptã§æ›¸ãã®ã¯æ•·å±…ãŒé«˜ã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ã§ããªãã¯ãªã„ã‘ã©å‰æã¨ãªã‚‹çŸ¥è˜ãŒã‹ãªã‚Šå¿…è¦ãªæ„Ÿã˜ã€‚ three.jsãŒç™»å ´ã—ãŸã¨ãã¯ã€ã“ã‚Œã§æ™®é€šã«3DCGãŒã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ä¸€æ°—ã«ã²ã‚ã¾ã‚Šã¾ã—ãŸã€‚ã¨ã¯ã„ãˆã€ãã‚Œã§ã‚‚ã¾ã ã‚„ã‚‹ã“ã¨ã¯å¤šãã€ç”»é¢ã«å››è§’ã„箱を表示ã™ã‚‹å ´åˆä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒ を書ãã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãƒ»ã‚·ãƒ¼ãƒ³ã‚’ä½œæˆ ãƒ»ãƒ©ã‚¤ãƒˆã‚’ä½œæˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ・カメラを作æˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ・マテリアルを作æˆã€è‰²ã‚’指定 ・BoxGeometryを作æˆã€ã‚µã‚¤ã‚ºã‚’指定 ・メッシュを作æˆã€ä½ç½®ã¨å‘ãã‚’è¨å®šã€ã‚·ãƒ¼ãƒ³ã«è¿½åŠ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ¼ã‚’ä½œæˆ ãƒ»ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ«ãƒ¼ãƒ—å‡¦ç† ã“れらã®ã²ã¨ã¤ã§ã‚‚é–“é•ãˆãŸã‚Šãƒ‘ラメーターãŒé©åˆ‡ã§ãª
three.jsã«ã‚ˆã‚‹ WebGLワークショップ
最新版ã§å¦ã¶Three.js入門 - 手軽ã«WebGLを扱ãˆã‚‹3Dライブラリ - ICS MEDIA
Three.jsã®ãƒ«ãƒ¼ãƒ„!? Flashã®3Dã‹ã‚‰ã®ç³»å›³ã‚’眺ã‚ã¦ã¿ã‚‹ | ClockMaker Blog
エフェクト作æˆå…¥é–€è¬›åº§ Three.jsç·¨ ゲーム演出ã«å½¹ç«‹ã¤ãƒžã‚°ãƒžè¡¨ç¾ã®ä½œã‚Šæ–¹ - ICS MEDIA
WebGL Skybox Texture Mapping – Creative Development
Three.js : WebGL Cube テクスãƒãƒ£ãƒ‘ノラマ背景ã®ç”»åƒé…ç½®ãŒè§£ã‚‹è¡¨ç¤º
THREE.CubeTextureLoaderã§Skyboxã™ã‚‹ - Qiita
JavaScript — Skybox and environment map in Three.js
three.js - Three js alphaMap material artefacts - Stack Overflow
What does Material.alphaTest mean?
Transparent texture in pointCloudMaterial and depth-buffer
using renderOrder in three.js
Transparent textures behaviour in WebGL
Transparent objects in Three.js
three.js: how to control rendering order
Edit fiddle - JSFiddle - Code Playground
Three.js - billboard effect, maintain orientation after camera pans
Three.js : マテリアルã§è¨å®šã•ã‚Œã‚‹ overdraw: true ã¯ã€ã‚»ã‚°ãƒ¡ãƒ³ãƒˆã®å¢ƒç•Œã§ã‚る白ã„線を消ã™æ©Ÿèƒ½ã§ã™
Three.js(r57) : THREE.Texture ã®ãƒ—ãƒãƒ‘ティã®æ„味
{{#tags}}- {{label}}
{{/tags}}