[WebGL] Three.jsã§ã‚¸ã‚ªãƒ¡ãƒˆãƒªã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚·ãƒ³ã‚°ã‚’使ã£ã¦ãƒ¢ãƒ‡ãƒ«ã‚’レンダリングã™ã‚‹ - Qiitaç¾çŠ¶ã€é€šå¸¸ã®ãƒ•ãƒãƒ¼ã§ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚“ã§ãれをãã®ã¾ã¾ã‚¸ã‚ªãƒ¡ãƒˆãƒªã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚·ãƒ³ã‚°ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹æ–¹æ³•ã¯ãªã„よã†ã§ã™ã€‚ ãªã®ã§ã€ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã¿ã€è‡ªå‰ã§å‡¦ç†ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ （ãŸã ã€ãƒ‰ã‚ュメントも整備ã•ã‚Œã¦ãŠã‚‰ãšã€ã‚‚ã—ã‹ã—ãŸã‚‰ã¾ã 安定ã—ã¦ã„ãªã„ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã€åˆ©ç”¨ã™ã‚‹å ´åˆã¯è‡ªå·±è²¬ä»»ã§ãŠé¡˜ã„ã—ã¾ã™ï¼‰ ã¡ãªã¿ã«ä»Šå›žã®è§£èª¬ç”¨ã«ä½œã£ãŸã‚µãƒ³ãƒ—ルã¯Githubã«ä¸Šã’ã¦ã‚ã‚Šã¾ã™ã€‚ （動作デモã¯ã“ã¡ã‚‰ï¼‰ ジオメトリインスタンシングã£ã¦ï¼Ÿ ã•ã¦ã€ã¾ãšã‚¸ã‚ªãƒ¡ãƒˆãƒªã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚·ãƒ³ã‚°ã¨ã¯ãªã«ã‹ã€‚ WebGLã§ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã‚¨ãƒžã•ã‚“ã®ã“ã¡ã‚‰ã®è¨˜äº‹ï¼ˆWebGLã«ãŠã‘るジオメトリインスタンシング（ANGLE_instanced_arrays）をä¸å¯§ã«èª¬æ˜Žã—ã¦ã¿ã‚‹ï¼‰ãŒã¨ã¦ã‚‚分ã‹ã‚Šã‚„ã™ã書ã‹ã‚Œã¦ã„ã‚‹ã®ã§èªã‚€ã“ã¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ ã–ã£ãり言ã†ã¨ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã§è¨€ã†ã¨ã“ã‚ã®ã‚¯ãƒ©ã‚¹ãƒ»ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã®é–¢ä¿‚をジオメトリ
![[WebGL] Three.jsã§ã‚¸ã‚ªãƒ¡ãƒˆãƒªã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚·ãƒ³ã‚°ã‚’使ã£ã¦ãƒ¢ãƒ‡ãƒ«ã‚’レンダリングã™ã‚‹ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1c24267b663eedf241c806f641fc3d2f587ef8e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNTYxNiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTYwMDMwMzY2Mz9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz00YWVlZmJkNWZiMmZkYWUyOWM0Yzk5ZDJmOTJiMjZlYQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D39d93af82d0822915255df0c881cf200%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCV2ViR0wlNUQlMjBUaHJlZS5qcyVFMyU4MSVBNyVFMyU4MiVCOCVFMyU4MiVBQSVFMyU4MyVBMSVFMyU4MyU4OCVFMyU4MyVBQSVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MiVCOSVFMyU4MiVCRiVFMyU4MyVCMyVFMyU4MiVCNyVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MyVBMiVFMyU4MyU4NyVFMyU4MyVBQiVFMyU4MiU5MiVFMyU4MyVBQyVFMyU4MyVCMyVFMyU4MyU4MCVFMyU4MyVBQSVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTkwYmJhMGU5OGYzNzJhYTQ3NjZmY2ViZTg1ODllYTU0%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBlZG9fbTE4JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ODM0NTU3N2U0MjQ2ZTA3MjZjZmFhMTNjYjIwODJkMWE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dd5c76d6d7a2924be9e6d3908783e508b)
[連載]ã‚„ã£ã¦ã¿ã‚Œã°è¶…ç°¡å˜ï¼ WebGL 㨠GLSL ã§å§‹ã‚ã‚‹ã€ã¯ã˜ã‚ã¦ã®ã‚·ã‚§ãƒ¼ãƒ€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ˆï¼‘） - Qiita![[連載]ã‚„ã£ã¦ã¿ã‚Œã°è¶…ç°¡å˜ï¼ WebGL 㨠GLSL ã§å§‹ã‚ã‚‹ã€ã¯ã˜ã‚ã¦ã®ã‚·ã‚§ãƒ¼ãƒ€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ˆï¼‘） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b4ac64ffa82f742b1cc247b750241d63287c021/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzk2MzglMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODgxNzY_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9YmQwMTUzMjY3OTAzYmE1YzVhN2M5NTA5MzhlNzNlMjY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D775279297ca5bd41d556aaad83b2496a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU5JTgwJUEzJUU4JUJDJTg5JTVEJUUzJTgyJTg0JUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThDJUUzJTgxJUIwJUU4JUI2JTg1JUU3JUIwJUExJUU1JThEJTk4JUVGJUJDJTgxJTIwV2ViR0wlMjAlRTMlODElQTglMjBHTFNMJTIwJUUzJTgxJUE3JUU1JUE3JThCJUUzJTgyJTgxJUUzJTgyJThCJUUzJTgwJTgxJUUzJTgxJUFGJUUzJTgxJTk4JUUzJTgyJTgxJUUzJTgxJUE2JUUzJTgxJUFFJUUzJTgyJUI3JUUzJTgyJUE3JUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgyJUIzJUUzJTgzJUJDJUUzJTgzJTg3JUUzJTgyJUEzJUUzJTgzJUIzJUUzJTgyJUIwJUVGJUJDJTg4JUVGJUJDJTkxJUVGJUJDJTg5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MjQ4MzE5MjA3NTdlZDE2NDY1NjA3NzExODM5Mzk5ZTQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBkb3hhcyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTJhYzc1M2I4NmNkOGNlZmQ5MTE0NTVmNzI0MzZkNDJj%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2a35881caae29c1a370cc2bdce01fbc7)
js4k intro - GLSL editor
ãŠã‚Œãƒ¡ãƒ¢, Canvasç³»JavaScriptライブラリ一覧
PhiloGL: A WebGL Framework for Data Visualization, Creative Coding and Game Development
Shadertoy BETA
水曜日ã®ã‚«ãƒ³ãƒ‘ãƒãƒ© OFFICIAL SITE
[JavaScript] Canvasã‚„WebGLãŒä½¿ãˆã‚‹ã‹ãƒã‚§ãƒƒã‚¯ã—ãŸã„![[JavaScript] Canvasã‚„WebGLãŒä½¿ãˆã‚‹ã‹ãƒã‚§ãƒƒã‚¯ã—ãŸã„](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c35180033ae4020a0e0c1b662cd0d153d918e3f/height=288;version=1;width=512/http%3A%2F%2Fwww.inazumatv.com%2F_fb%2Ffb_inazumatv2.png)
スマートフォンブラウザã®WebGL対応状æ³èª¿æŸ»(2013å¹´7月版）
Ocean Wave Simulation
逆射影変æ›ã§ãƒžã‚¦ã‚¹ä½ç½®ã‚’3D空間ã«è¡¨ç¤ºã—ã¦ã¿ã‚‹ - Qiita
Intro to Pixel Shaders in Three.js — Airtight Interactive
wgld.org | WebGL: シェーダã®è¨˜è¿°ã¨åŸºç¤Ž |
ã“ã“最近ã®Web地図周辺ã®å‹•å‘ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
GLSLを使ã£ã¦ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã®è¡¨ç¾ã‚’ï¼ Three.jsã§ã®ã·ã‚‹ã·ã‚‹ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã®ä½œã‚Šæ–¹ - ICS MEDIA
多彩ãªè¡¨ç¾åŠ›ã®WebGLを扱ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€
Hack The WebGL(WebGL勉強会)
Learning WebGL
ENOUGH
CesiumJS
{{#tags}}- {{label}}
{{/tags}}