webglsamples - Project Hosting on Google CodeCode Archive Skip to content Google About Google Privacy Terms
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 Cheat Sheet - Nihilogic
WebGL has been getting a fair amount of buzz lately - and rightfully so, because it is cool. For those that don't know, WebGL is the 3D extension of the Canvas element, based on OpenGL ES 2.0. Having a standardized low-level graphics API like that available in the browser is pretty exciting stuff if you ask me. 3D canvas graphics has been long underway and not until just recently did it get to an
WebGLã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¯imgã§ã‚‚ã§ãã¾ã—ãŸã€‚ - ラシウラ
WebGLã§ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’使ㆠ- ラシウラã®ç¶šãã§ã™ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€canvasåŒæ§˜ã«imgã§ã‚‚WebGLã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ã«ä½¿ãˆã¾ã—ãŸã€‚座標系ã¯ã‚„ã¯ã‚Šç”»åƒã®å·¦ä¸ŠãŒ(0,0)ã§ã™ã€‚canvas2dã§ã“れらã¨åŒæ§˜ã«æ‰±ãˆã‚‹videoã‚¿ã‚°ã§ã‚‚ãŠãらãåŒæ§˜ã«ãƒ†ã‚¯ã‚¹ãƒãƒ£åˆ©ç”¨ãŒã§ããã†ã§ã™ã€‚ http://gist.github.com/216810 上下å転ã™ã‚‹ã«ã¯ã„ã‚ã„ã‚ã‚„ã‚Šã‹ãŸãŒã‚ã‚Šã¾ã™ãŒã€ã“ã“ã¯vertex shaderã®ã‚³ãƒ¼ãƒ‰ã§ texCoord = coord; ã‚’ texCoord = mat2(1.0, 0.0, 0.0, -1.0) * coord; ãªã©ã¨ã€å¤‰æ›´ã™ã‚‹ã®ãŒã„ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 1ファイル完çµã«ã“ã ã‚ã£ã¦ã„ã‚‹ãŸã‚ã€ã‚³ãƒ¼ãƒ‰ä¸ã®imgã‚¿ã‚°ã«ã¯dataスã‚ームã®URIã§ç”»åƒã‚’埋ã‚込んã§ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“httpãªurlã§ã‚‚ã€PNGã§ãªãã¦ã‚‚OKã§ã™ã€‚ ã¡ãªã¿ã«PNGファイルã‹
WebGLã§ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’使ㆠ- ラシウラ
WebGLã§æ›¸ã„ã¦ã¿ã‚ˆã† - ラシウラã®ã¤ã¥ãã§ã™ã€‚ WebGLã¯ã»ã¨ã‚“ã©OpenGLãã®ã¾ã¾ã®APIã§ã™ãŒã€ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¯canvasè¦ç´ を使ã†ã‚ˆã†ã«ãªã£ã¦ã„るよã†ã§ã€ã“ã®ã‚ãŸã‚Šã®ã‚„ã‚Šæ–¹ã¯ã¡ã‚‡ã£ã¨ç‰¹æ®Šã«ãªã£ã¦ã„るよã†ã§ã™ã€‚最åˆã€OpenGL風ã«RGBAé…列を作ã£ã¦å…¨ã機能ã›ãšå¤§å¤‰ã§ã—ãŸã€‚(追記:imgã‚‚åŒæ§˜ã®æ–¹æ³•(texImage2D)ã§ãƒ†ã‚¯ã‚¹ãƒãƒ£ã«ä½¿ãˆã¾ã™) (ã‚ã¨ãƒ”ッã‚ングãらã„ã‚„ã‚Œã°ã€ãŸã„ã¦ã„ã®ã“ã¨ã¯WebGLã§ã§ãるよã†ã«ãªã‚‹ã¯ãš) 例 http://gist.github.com/215896 上ãŒWebGL表示ã§ã€ä¸‹ãŒãƒ†ã‚¯ã‚¹ãƒãƒ£ã«ä½¿ã†canvasã§ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒ‰ã§ã¯ã€ãƒ†ã‚¯ã‚¹ãƒãƒ£åº§æ¨™ã‚’ã€å››è§’å½¢ã®(-0.5, -0.5)ã‚’(0,0), (0.5, 0.5)ã‚’(1.0, 1.0)ã¨ãªã‚‹ã‚ˆã†ã«æ›¸ã„ã¦ã¾ã™ã€‚ã©ã†ã‚‚canvasテクスãƒãƒ£ã¯ã€å·¦ä¸ŠãŒ(0, 0)ã§ã€å³ä¸‹ãŒ(1.0, 1.0)ã«
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}