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

Drunkar id:Drunkar

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

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

ç‰©ç†æ¼”ç®—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã® Oimo.js ä½œè€…ãŒè´ˆã‚‹æœ€é«˜ã®å®Ÿé¨“å®¤ï¼ ã‚ã¾ã‚Šã®ã‚«ãƒƒã‚³ã‚ˆã•ã«æ€ã‚ãšçµ¶å¥ã—ã¾ã—ãŸ - WebGL ç·æœ¬å±±
å²ä¸Šæœ€é«˜ã® WebGL Labsï¼ ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ã€javascript ã®ç‰©ç†æ¼”ç®—ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦éžå¸¸ã«æœ‰åãª Oimo.js ã®ä½œè€…ã•ã‚“ãŒä½œã£ãŸã€Example é›†ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ã‚¿ã‚¤ãƒˆãƒ«ã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ã€Œ Labs ã€ã¨ã ã‘è¨˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ã—ã‹ã—ãã®å†…å®¹ã¯åœ§å·»ã®å……å®Ÿåº¦ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„é…è‰²ã€ç”»é¢é·ç§»ã®æ–¹æ³•ãªã©ã€ã‚¦ã‚§ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦ã„ã‚ã„ã‚ãªæ„å‘³ã§ã‹ãªã‚Šå®Œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ™ãƒ¼ã‚¹ã¯ three.js å®Ÿè£… ç‹¬è‡ªã®ã‚³ãƒ¼ãƒ‰ã‚‚ã‹ãªã‚Šæ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€3D è¡¨ç¾ã®ãƒ™ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã‚‹ã®ã¯ three.js ã§ã™ã€‚å®Ÿéš›ã« three.js ã§å®Ÿè£…ã‚’è¡Œã†å ´åˆã«ã¯éžå¸¸ã«å‚è€ƒã«ãªã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¯ä¸å¤®ã«ä½œè€…ã•ã‚“ã®ã‚ˆãåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãŒç½®ã‹ã‚Œã¦ã„ã¾ã™ã€‚ãã®å‘¨å›²ã«ã¯ã‚µãƒ¼ã‚¯ãƒ«ä¸Šã« Examples ãŒå±•é–‹ã•ã‚Œã‚‹ä»•çµ„ã¿ã§ã™ãã€‚æžã®ã‚ˆã†ã«ä¼¸ã³ã‚‹ãã‚Œãžã‚Œã®å°ã•ãªã‚µãƒ¼ã‚¯ãƒ«ãŒã€ã™
Drunkar 2015/03/08
webGL

3D

three.js
ãƒªãƒ³ã‚¯
Moon by Ai Weiwei & Olafur Eliasson
Turn nothing into something â€“ make a drawing, make a mark.
Drunkar 2013/12/02
three.jsã§çƒä½“ã®ã‚»ãƒ«ä¸Šã«æ›¸ãè¾¼ã¿ãŒã§ãã‚‹ã€‚è‰¾æœªæœªã¨Olafur Eliassonã®çŸ¥ååº¦ãŒã‚ã‚‹ã‹ã‚‰ã§ãã‚‹é¢ç™½ã•ã ã‚ˆãªã‚

art

three.js

JavaScript
ãƒªãƒ³ã‚¯
three.jsã§éŠã‚“ã§ã¿ã‚‹ï¼ˆï¼™ï¼‰ Â« Everyday Pieces ::
å‰å›žã‹ã‚‰ã ã„ã¶æ—¥ãŒçµŒã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ ãƒŸã‚¯ã•ã‚“ã«ç‰©ç†æ¼”ç®—ã‚’é©ç”¨ã™ã¹ããƒãƒžãƒãƒžã‚„ã£ã¦ãŠã‚Šã¾ã—ãŸã€‚ ãŸã æ®‹å¿µãªãŒã‚‰æœŸå¾…ã—ãŸã‚ˆã†ã«ã¯ãªã£ã¦ãã‚Œã¦ã¾ã›ã‚“ã€‚ ã‚ˆãåˆ†ã‹ã‚‰ãªã‹ã£ãŸã‚Šã€ã†ã¾ãè¡Œã£ã¦ãã‚Œãªã‹ã£ãŸã‚Šã€ è‡ªåˆ†ã®åŠ›ä¸è¶³ãªæ‰€ãŒå¤§ãã„ã¨æ€ã†ã®ã§ã™ãŒã€ JavaScriptã§ã¯è·ãŒé‡ã„ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã—ã°ã‚‰ãå‹•ä½œã•ã›ã‚‹ã¨ãƒãƒ³ã‚°ã‚¢ãƒƒãƒ—ã—ãŸã‚Šã—ã¾ã™ãƒ»ãƒ»ãƒ»(^_^;) ã“ã‚Œä»¥ä¸Šã¯ã†ã¾ãè¡Œããã†ã«ãªã„æ„Ÿã˜ãªã®ã§ã€ ä¸é€”åŠç«¯ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ã“ã®è¾ºã‚Šã§ã€†ã«ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã§ã‚‚ã€ãã‚Œãªã‚Šã«å¾—ãŸã‚‚ã®ãŒãªã„ã“ã¨ã‚‚ãªã„ã®ã§ã€ ãã‚Œã‚’ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ å‰å›žã§ã‚‚è§¦ã‚Œã¾ã—ãŸãŒã€ three.jsã§ç‰©ç†æ¼”ç®—ã‚’ã‚„ã‚‹ã«ã¯ã€ Bulletã®JavaScriptç‰ˆã§ã‚ã‚‹ammo.jsã‚’ä½¿ã„ã¾ã™ãŒã€ three.jsã‹ã‚‰ã¯ç›´æŽ¥ammo.jsã‚’ä½¿ã„ã¾ã›ã‚“ã€‚ physi.jsã‚’ä»²ä»‹ã—ã¦ãã®æ©Ÿèƒ½
Drunkar 2013/06/22
three.js

JavaScript
ãƒªãƒ³ã‚¯
Examples created by Yomotsu using THREE.js
Examples created by Yomotsu using THREE.js basic cube basic cube with textures load collada model load converted MMD models ray_basic ray_basic2 collitsion_detection_with_Ray MD2 model with actions kind of a TPS game triangle which is created from Vertex geom_from_vertex geom_from_vertex2 geom_from_vertex3 geom_from_vertex4 geom_from_vertex5 geom_from_vertex6 geom_from_vertex7 texture_using_2Dcanv
Drunkar 2013/02/25
Three.js

JavaScript
ãƒªãƒ³ã‚¯
Using STL format in Three.js Â· Issue #455 Â· mrdoob/three.js
Drunkar 2012/11/28
three.js

CG
ãƒªãƒ³ã‚¯
Three.js ã«ã‚ˆã‚‹é ‚ç‚¹ãƒ‡ãƒ¼ã‚¿ã®å–ã‚Šè¾¼ã¿ã¨æç”» ï¼ˆã‚¤ãƒˆã‚«ãƒ¯ã®å½¢çŠ¶ãƒ‡ãƒ¼ã‚¿ï¼‰
ç‰¹å®šéžå–¶åˆ©æ´»å‹•æ³•äººnatural science ã¯ã€çŸ¥çš„å¥½å¥‡å¿ƒãŒã‚‚ãŸã‚‰ã™å¿ƒè±Šã‹ãªç¤¾ä¼šã®å‰µé€ ã«ã‚€ã‘ã¦ã€ ç¾ä»£ç¤¾ä¼šã§ã¯å®Ÿæ„Ÿã™ã‚‹æ©Ÿä¼šã®å°‘ãªã„ç§‘å¦ã‚„æŠ€è¡“ã®ãƒ—ãƒã‚»ã‚¹ã‚’å¯è¦–åŒ–ãƒ»å…±æœ‰åŒ–ã™ã‚‹å ´ã¥ãã‚Šã‚’é€šã˜ã¦ã€ ç§‘å¦ã‚’åˆ‡ã‚Šå£ã¨ã—ãŸåœ°åŸŸã¥ãã‚Šã‚’ç›®æŒ‡ã™ã€è‹¥æ‰‹ä¸»ä½“ã®å›£ä½“ã§ã™ã€‚ã€€|ã€€More â‰« Three.js ã¨ã¯ã€HTML5ã§æ–°ã—ãç™»å ´ã™ã‚‹ canvas è¦ç´ ã« Javascript ã‚’åˆ©ç”¨ã—ã¦æç”»ã™ã‚‹éš›ã«ã€ä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦çŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§æœ¬ã‚µã‚¤ãƒˆã§ã¯ã€canvas è¦ç´ ã«æç”»ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’ GPU ä¸Šã‹ã‚‰ç›´æŽ¥åˆ©ç”¨ã™ã‚‹ WebGL ã¨å‘¼ã°ã‚Œã‚‹APIã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã€Three.jsã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ æœ¬ç¨¿ã§ã¯ã€JAXAãŒå…¬é–‹ã—ã¦ã„ã‚‹å°æƒ‘æ˜Ÿã‚¤ãƒˆã‚«ãƒ¯ã®å½¢çŠ¶ãƒ‡ãƒ¼ã‚¿ã‚’åˆ©ç”¨ã—ã¦ã€ã‚¦ã‚§ãƒ–ä¸Šã§ã‚¤ãƒˆã‚«ãƒ¯ã®ï¼“æ¬¡å…ƒçš„ã«æç”»ã™ã‚‹ã“ã¨è¡Œã„ã¾ã™ã€‚ ã‚ã‚‹ç¨‹åº¦ãƒªã‚¢ãƒ«ãªå½¢çŠ¶ã‚’å®Ÿç¾ã—ã‚ˆã†ã¨ã™ã‚‹ã¨é ‚ç‚¹ãƒ‡ãƒ¼ã‚¿ãŒè†¨å¤§ã¨ãªã‚Šã€ãƒžã‚¦ã‚¹
Drunkar 2012/11/28
three.js

CG
ãƒªãƒ³ã‚¯
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ã€ãƒ†ã‚ã‚¹ãƒˆã€å†™çœŸã€å‹•ç”»ã‚’å…±æœ‰ã§ãã¾ã™ã€‚
Drunkar 2012/11/25
JavaScript

three.js
ãƒªãƒ³ã‚¯
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Drunkar 2012/11/25
ã©ã†è¦‹ã¦ã‚‚ã»ã‚€ã»ã‚€

three.js

ã‚·ã‚§ãƒ¼ãƒ€
ãƒªãƒ³ã‚¯
Issue while using dat.GUI in a three.js example
I tried to use dat.GUI in the following three.js example. I just did the following code changes to add a GUI to adjust mesh opacity. var loader=new THREE.VTKLoader(); loader.load ("models/vtk/bunny.vtk", function(geom){ var mesh = new THREE.Mesh(geom, material ); mesh.doubleSided=true; mesh.position.setY(-0.09); scene.add( mesh ); var gui = new dat.GUI(); var view = this; view.Opacity = 0.2; var m
Drunkar 2012/11/25
three.js

tips
ãƒªãƒ³ã‚¯
Using SketchUp Models
Sketchup â†’ Collada Click on the menu it em File > Export > 3D Model.... Choose COLLADA File (.dae) as export type. If you want to export the textures, click on Options and make sure that Export Texture Maps is checked. Click on Export. SketchUp will create a Collada file named your-model.dae and a folder named your-model that contains the model's textures. Collada â†’ Three.js Make sure you download
Drunkar 2012/11/24
three.js

tips

CG

sketchup
ãƒªãƒ³ã‚¯
ShadowMap doesn't work with PlaneGeometry, but works with CubeGeometry? Â· Issue #1637 Â· mrdoob/three.js
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Drunkar 2012/11/24
three.js

CG

tips
ãƒªãƒ³ã‚¯
å¤šå½©ãªè¡¨ç¾åŠ›ã®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ã¯ã“ã‚Œã¾ã§è§£èª¬ã—
Drunkar 2012/11/24
webGL

JavaScript

three.js
ãƒªãƒ³ã‚¯
ãƒãƒªã‚´ãƒ³ã¨ãƒ†ã‚¯ã‚¹ãƒãƒ£ - ãšã£ã¨å›ã®ã‚¿ãƒ¼ãƒ³
THREE.jsã«ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¸ã‚ªãƒ¡ãƒˆãƒªãŒè±Šå¯Œã§ã€ã„ã‚ã„ã‚ãªãƒ¢ãƒ‡ãƒ©ãƒ¼ã‹ã‚‰ã®ã‚¤ãƒ³ãƒãƒ¼ãƒˆã‚‚å®¹æ˜“ãªã‚ˆã†ã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒžçš„ã«ã¯ãƒãƒãƒãƒã¨åº§æ¨™ã‚’æŒ‡å®šã—ãŸå›³å½¢ã‚‚è¡¨ç¤ºã—ã¦ã¿ãŸã„ã€‚ã¨ã„ã†ã“ã¨ã§ã‚„ã£ã¦ã¿ã¾ã™ã€‚ HTML å‰å›žã¨ä¸€ç·’ã€‚ <!doctype html> <html lang="en"> <head> <title>Polygon and Texture</title> <meta charset="utf-8"> <style>body { background-color:black; padding:0; margin:0; }</style> <script src="js/Three.js"></script> <script src="js/RequestAnimationFrame.js"></script> <script src="js/jquery-1.7.1.min.js
Drunkar 2012/11/23
three.js
ãƒªãƒ³ã‚¯
atpages.jpÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â atpages ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Drunkar 2012/11/22
three.js

JavaScript
ãƒªãƒ³ã‚¯
three.jsã¨dat.guiã§éŠã¶ - bate's blog
ãƒ†ã‚¹ãƒˆçš„ãªã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸã€‚ ã‚«ãƒ¡ãƒ©ã¯åˆ¶ç´„ä»˜ãã§çƒä¸Šã‚’å‹•ãã¾ã™ã€‚ http://dl.dropbox.com/u/67579260/sample.html ã‚³ãƒ¼ãƒ‰ã¯ã‚µãƒ³ãƒ—ãƒ«ã®æ”¹é€ ç¨‹åº¦ã®ã‚‚ã®ã€‚ <!doctype html> <html lang="en"> <head> <title>three.js, dat.GUI</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scala ble=no, minimum-scale=1.0, maximum-scale=1.0"> <style> body { font-family: Monospace; background-color: #f0f0f0; margin: 10px; overflow: hidden; }
Drunkar 2012/11/21
three.js

JavaScript
ãƒªãƒ³ã‚¯
Aerotwist - Home
Web Development Most of them will probably be about front-end performance work, or possibly broader coding things. The odd one will be tagged #personal or #opinion, so if you have the RSS feed you can filter those out if you don't want them! 18/Jun 2022 Dear Zach #update, #longtimenospeak 10/Dec 2016 ðŸŒŸ When everything's important, nothing is! ðŸŒŸ #performance, #loading 30/Aug 2016 Slicing SVG 9 Wa
Drunkar 2012/11/21
webGL

hpExample

three.js

JavaScript
ãƒªãƒ³ã‚¯
three.js css3d - periodic table
three.js css3d - periodic table. info.
Drunkar 2012/11/15
three.js

css3

hpExample
ãƒªãƒ³ã‚¯
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_
Drunkar 2012/09/14
webGL

three.js

JavaScript
ãƒªãƒ³ã‚¯
MortonOrder+å…«åˆ†æœ¨ã«ã‚ˆã‚‹è¡çªåˆ¤å®šãƒ©ã‚¤ãƒ–ãƒ©ãƒª | Blog in a well
ã”ç„¡æ²™æ±°ã—ã¦ãŠã‚Šã¾ã™ã€F22æ„›å¥½ä¼šã§ã™ã€‚å‰å›žã®æ›´æ–°ã‹ã‚‰2ãƒ¶æœˆè¿‘ãçµŒã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ãªã‚“ã¨ã‹ç”Ÿãã¦ã„ã¾ã™ã€‚ æœ€è¿‘ã¡ã‚‡ã“ã£ã¨Three.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ãŸWebGLã«æ‰‹ã‚’å‡ºã—ã¦ã„ã¾ã™ã€‚ã©ã‚“ãªã‚‚ã®ã‚’ä½œã£ã¦ã„ã‚‹ã‹ã¨ã„ã†ã¨ã€ç‰¹ã«ã‚²ãƒ¼ãƒ ãªã©ã®å½¢ã«ã¯ãªã£ã¦ã„ãªã„ã®ã§ã™ãŒã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«1:æŒ‡å®šç©ºé–“å†…ã‚’çƒä½“ãŒãƒ©ãƒ³ãƒ€ãƒ ã«ç§»å‹•ã—ã¦è·³ãè¿”ã£ãŸã‚Šã™ã‚‹(åº§æ¨™[0,0,0]ã‹ã‚‰[99,99,99]ã¾ã§ã®ç©ºé–“å†…ã®çƒä½“ã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãŒé»’è‰²ã«å¤‰åŒ–) ã‚µãƒ³ãƒ—ãƒ«2:æŒ‡å®šç©ºé–“å†…ã‚’çƒä½“ãŒé‡åŠ›ã®å½±éŸ¿ã‚’å—ã‘ãªãŒã‚‰ç§»å‹•ã—ã¦è·³ãè¿”ã£ãŸã‚Šã™ã‚‹ã€‚(Spaceã‚ãƒ¼ã§çƒä½“è¿½åŠ ã€Enterã‚ãƒ¼ã§çƒä½“ã‚’ãƒ©ãƒ³ãƒ€ãƒ åŠ é€Ÿ) è¦‹ã¦ã®é€šã‚Šã€ã¾ã Three.jsã®åŸºæœ¬ã‚’ç¢ºèªã—ã¦ã„ã‚‹ã¨ã„ã£ãŸæ®µéšŽã§ã™ã€‚ ã¨ã“ã‚ã§ã€ã“ã®æ‰‹ã®å¤§é‡ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å½“ãŸã‚Šåˆ¤å®šã‚’è¡Œã†æ™‚ã€ç·å½“ãŸã‚Šã§è·é›¢ã‚’ç¢ºèªã™ã‚‹ã¨ã‚‚ã®å‡„ã„å‡¦ç†é‡ãŒè¦æ±‚ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚100
Drunkar 2012/04/24
JavaScript

three.js

CG
ãƒªãƒ³ã‚¯
æœªæ¥æ´¾å›³ç”»å·¥ä½œ
Three.jsã¯ã˜ã‚ã®ä¸€æ©2012.04.13 Three.jsã‚’å§‹ã‚ã¦ã¿ãŸã„æ–¹ã®ãŸã‚ã«ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚«ãƒ¡ãƒ©ã¨ãƒ©ã‚¤ãƒˆãŒä¸€ã¤ãšã¤ã€‚ä¸€æžšã®æ¿ãƒãƒªã‚´ãƒ³ã«ã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«ä»˜ãã®PNGãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒžãƒƒãƒ”ãƒ³ã‚°ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã€index.htmlã‚’Chromeãªã©ã®WebGLãŒè¦‹ã‚Œã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§é–‹ã„ã¦ã¿ã¦ãã ã•ã„ã€‚é»’ã„èƒŒæ™¯ã®ä¸å¤®ã«ã‚¢ãƒ³ãƒ¢ãƒŠã‚¤ãƒˆä¸€åŒ¹ãŒè¡¨ç¤ºã•ã‚Œã€ãƒžã‚¦ã‚¹ãƒ‰ãƒ©ãƒƒã‚°ã§è¦–ç‚¹ã‚’å‹•ã‹ã™äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ã”è¦§ã®é€šã‚Šã€å¿…è¦æœ€å°é™ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚·ãƒ¼ãƒ³ãªã®ã§ã€Three.jsã§3DãŒã©ã®ã‚ˆã†ã«æ‰±ã‚ã‚Œã¦ã„ã‚‹ã‹ã‚’æŠŠæ¡ã—ã‚„ã™ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã‚½ãƒ¼ã‚¹ã®ã‚³ãƒ¡ãƒ³ãƒˆéƒ¨åˆ†ã«ç°¡å˜ãªè§£èª¬ã‚’å…¥ã‚Œã¦ã‚ã‚Šã¾ã™ã®ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ç§ã‚‚ã¾ã ã¾ã Three.jsã®å…¨è²Œã¯æŠŠæ¡ã—ãã‚Œã¦ã„ã¾ã›ã‚“ãŒã€ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ãã€WebGLã®å¯èƒ½æ€§ã‚’æ„Ÿã˜ã‚‹ã«ã¯ç´ æ™´ã‚‰ã—ã„ãƒ©ã‚¤ãƒ–
Drunkar 2012/04/15
three.js
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸