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を利用ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ルページやアプリケーシ
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
WebGL MQOビュワー
WebGLã«ã‚ˆã‚‹MQOビュワー â—‹ã¯ã˜ã‚ã« ã“ã‚Œã¯html5ã®WebGLを使用ã—ãŸMQOビュワーã§ã™ã€‚ WebGLã«å¯¾å¿œã—ãŸãƒ–ラウザã§MQOデータを見るã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸç‰¹å¾´ã¨ã—ã¦Flashã‚„Canvasã§ä½œã£ãŸãƒãƒªã‚´ãƒ³ãƒ“ュワーよりも高速ã«å‹•ä½œã—ã¾ã™ã€‚ WebGLã¯OpenGL2.0をブラウザ上ã®JavaScriptã§å®Ÿè¡Œã§ãるよã†ã«ã—ãŸãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ OpenGL2.0ãªã®ã§GPUã®ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®æ©æµã‚’å—ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã™ã§ã«WebGLãŒå‹•ä½œã™ã‚‹ç’°å¢ƒãŒã‚る人ã¯æ¬¡ã®ã‚µãƒ³ãƒ—ルをクリックã—ã¦ãã ã•ã„。 WebGLãŒå‹•ä½œã—ãªã„人ã¯ã€Œã‚µãƒ³ãƒ—ルを見るãŸã‚ã«å¿…è¦ãªã‚‚ã®ã€ã®é …目をèªã‚“ã§æº–å‚™ã—ã¦ãã ã•ã„。 ・Minefield(開発版Firefox)ã«ã‚ˆã‚‹ä¾‹ ○サンプルã«ã¤ã„㦠リンクをクリックã™ã‚‹ã¨ã‚µãƒ³ãƒ—ルã®ãƒšãƒ¼ã‚¸ã¸é£›ã³ã¾ã™ã€‚ 「Could not initialise W
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://dl.dropbox.com/u/6213850/WebGL/nyanCat/nyan.html
{{#tags}}- {{label}}
{{/tags}}