three.jsã§ã‚¸ã‚§ãƒãƒ©ãƒ†ã‚£ãƒ–アートã£ã½ã„ã“ã¨ã™ã‚‹ã®ã«å¿…è¦ãªçŸ¥è˜ - Processingä¸æ¯’者ã®å˜”å物
タイトルã®é€šã‚Šã€‚ 去年末ãらã„ã‹ã‚‰WebGLã¨ã„ã†ã‹three.jsã®å‹‰å¼·å§‹ã‚ã¦ã€ã‚る程度複雑ãªä½œå“ãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ç¾åœ¨7ã¤ã»ã©http://p5aholic.me/ã§ä½œå“を公開ã—ã¦ã„る。 点ã¨ç·šãŒç¹‹ãŒã£ã¦ã”ã«ã‚‡ã”ã«ã‚‡ã™ã‚‹ã‚„ã¤ã¨ã‹ã€è¿‘ã„点ã§é¢ä½œã£ã¦ã”ã«ã‚‡ã”ã«ã‚‡ã™ã‚‹ã‚„ã¤ã¨ã‹ã€ãã†ã„ã†ã®ã‚’three.jsã§ä½œã‚‹ã«ã¯ã©ã‚“ãªçŸ¥è˜ãŒå¿…è¦ã‹ã¨ã„ã†ã®ã‚’書ã„ã¦ãŠã。本当ã¯three.jsã®å…¥é–€ã‚µã‚¤ãƒˆä½œã£ã¦ä½“系的ã«è§£èª¬ã—ãŸã„ã¨ã“ã‚ã ã‘ã©ã€å…¥é–€ã‚µã‚¤ãƒˆã¯P5 Code Schoolã§æ‰‹ä¸€æ¯ã§ã™ã€‚入門サイトé‹å–¶ã™ã‚‹ã®ãã£ãé¢å€’ãªã‚“ã§ã™ã‚。 大å‰æ JavaScriptã¯ã‚ªãƒ–ジェクトã¨ã‹å«ã‚ã¦ã—ã£ã‹ã‚Šç†è§£ã—ã¦ã„ã‚‹ã“ã¨ã€‚ three.jsã®åŸºç¤ŽçŸ¥è˜ 当ãŸã‚Šå‰ã ã‘ã©ã€three.jsã®åŸºç¤Žã¯æŠ¼ã•ãˆã¦ãªã„ã¨ã„ã‘ãªã„。僕ã¯Learning Three.jsèªã‚“ã 。英語ã ã‘ã©ã™ã”ã„èªã¿ã‚„ã™ã„ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã€‚ Learni
A-Frame – Building Blocks for the VR Web
Subscribe to get updates on A-Frame and our VR projects! Subscribe
GPU本æ¥ã®æ€§èƒ½ã‚’引ã出ã™WebGLé ‚ç‚¹ãƒ‡ãƒ¼ã‚¿ä½œæˆæ³• - Qiita
ã“ã®è¨˜äº‹ã¯WebGL Advent Calendar 2015ã®ï¼™æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã”æ³¨æ„ æœ¬è¨˜äº‹ã¯2015年当時ã«æ›¸ã„ãŸè¨˜äº‹ãªã®ã§ã™ãŒã€GPUãŒGeForce 8x00シリーズ以é™ã€SIMDã‹ã‚‰SIMTã¨ã„ã†ä¸¦åˆ—実行形å¼ã«åˆ‡ã‚Šæ›¿ã‚ã£ãŸé ƒã‹ã‚‰çŠ¶æ³ãŒå¤§ãã変ã‚ã‚Šã¾ã—ãŸã€‚ 以å‰ã¯æœ¬è¨˜äº‹ã§ã‚‚紹介ã™ã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒªãƒ¼ãƒ–å½¢å¼ã®é ‚点データã®æ–¹ãŒé«˜é€Ÿã ã£ãŸã®ã§ã™ãŒã€ç¾åœ¨ã®GPUã§ã¯å¤šãã®ç’°å¢ƒã§éžã‚¤ãƒ³ã‚¿ãƒ¼ãƒªãƒ¼ãƒ–ã®æ–¹ãŒé«˜é€Ÿã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ AMD GPUã«ãŠã„ã¦ã‚‚ã€GCNアーã‚テクãƒãƒ£ï¼ˆPS4以é™ã®ä¸–代）ã‹ã‚‰ï¼ˆãã‚Œã¾ã§ã®VLIWã‹ã‚‰ï¼‰SIMTã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã€éžã‚¤ãƒ³ã‚¿ãƒ¼ãƒªãƒ¼ãƒ–を推奨ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ WebGLã¯åŸºæœ¬çš„ã«ãƒã‚¤ãƒ†ã‚£ãƒ–3D APIã¸ã®ãƒžãƒƒãƒ”ングã«éŽãŽãªã„ãŸã‚ã€ã“ã®å‚¾å‘ã¯ãŠãらãWebGLã§ã‚‚åŒæ§˜ã¨è€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒªãƒ¼ãƒ–(AoS)ã‚„éžã‚¤ãƒ³ã‚¿ãƒ¼ãƒªãƒ¼ãƒ–(SoA)ã¯CGをやる上ã§ã„ãšã‚Œé¿ã‘ã¦
WebGL Water
Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytrac
The Book of Shaders
by Patricio Gonzalez Vivo and Jen Lowe This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders. Contents About this book Getting started What is a shader? “Hello world!†Uniforms Running your shader Algorithmic drawing Shaping functions Colors Shapes Matrices Patterns Generative designs Random Noise Cellular noise Fractional brownian motion Fractals Image
Unity 5 ã® WebGL ã§å¤–部ã‹ã‚‰ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’与ãˆã‚‹æ–¹æ³•ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ - 凹ã¿Tips
ã¯ã˜ã‚ã« Unity 5 ã® WebGL 出力ã§ã€å¤–部（自分ã§æ›¸ã„㟠JavaScript ã®ã‚³ãƒ¼ãƒ‰ï¼‰ã‹ã‚‰ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’与ãˆãŸã„ã¨æ€ã„ã€è‰²ã€…調ã¹ã¦ã¿ã¾ã—ãŸã®ã§æƒ…å ±ã‚’å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚通常ã®ç”»åƒã‚’テクスãƒãƒ£ã¨ã—ã¦æŒ‡å®šã™ã‚‹æ–¹æ³•ã¨ã€base64 エンコードã—ãŸç”»åƒã‚’テクスãƒãƒ£ã¨ã—ã¦æŒ‡å®šã™ã‚‹æ–¹æ³•ã®ï¼’ã¤ã‚’紹介ã—ã¾ã™ã€‚ Unity 5 ã® WebGL ã«ã¤ã„ã¦ã¯ä»¥å‰ã®è¨˜äº‹ã‚’ã”å‚ç…§ãã ã•ã„。 Unity 5 x WebGL ã«ã¤ã„ã¦è©³ã—ã調ã¹ã¦ã¿ãŸ - 凹ã¿Tips デモ 後述ã®ã€Œbase64 エンコードã—ãŸç”»åƒã‚’与ãˆã‚‹ã€ã®å†…容ã«ãªã‚Šã¾ã™ã€‚Canvas ã«æã„ãŸçµµã‚’テクスãƒãƒ£ã¨ã—ã¦ã‚²ãƒ¼ãƒ 内ã§åˆ©ç”¨ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ 1. ç”»åƒã‚’テクスãƒãƒ£ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ 自分ã®ã‚µãƒ¼ãƒã«ç½®ã„ã¦ã‚るテクスãƒãƒ£ã‚’åæ˜ ä»¥ä¸‹ã®æ§˜ãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ãŸã‚¹ã‚¯ãƒªãƒ—トを Cube ã«ã‚¢ã‚¿ãƒƒãƒã—ã¾ã™ã€‚ using UnityEngine; us
Best Under Sink Water Filters - 33rd Square
Are you shopping for water filtration systems? Check out our list of the best under sink water filters, expertly selected to meet your household needs. Access to clean and safe water is a basic human need. By now you know that water plays a central role in the life of any organism, humans included. The need for clean and safe water for human consumption cannot be overemphasized. No matter the sour
Unity 5 x WebGL ã«ã¤ã„ã¦è©³ã—ã調ã¹ã¦ã¿ãŸ - 凹ã¿Tips
ã¯ã˜ã‚㫠本エントリ㯠Unity Advent Calendar 2014 8日目ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ Unity 5 ã‹ã‚‰ã¯ Build ターゲット㫠WebGL ãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚Unity 5 プリオーダå‘ã‘ベータ版ã§ç¾åœ¨è©¦ã™ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ Unity 2020.2b - Unity 今年㮠3/18 ã«è¡Œã‚れ㟠GDC2014 㧠Unity 5 ãŒç™ºè¡¨ã•ã‚ŒãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ WebGL 対応ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚日本ã§ã‚‚ 4/7ã€8 ã§è¡Œã‚れ㟠Unite 2014 ã«ãŠã„ã¦ã‚‚ WebGL ã«ã¤ã„ã¦ã®è¬›æ¼”ãŒã‚ã‚Šã€ãã®å‹•ç”»ã‚„講演資料を公å¼ã‚µã‚¤ãƒˆã‹ã‚‰é–²è¦§ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ http://japan.unity3d.com/blog/press/unity5 http://japan.unity3d.com/unite/unite2014/schedule Unity 㨠Web デプãƒã‚¤ãƒ¡
[連載]ã‚„ã£ã¦ã¿ã‚Œã°è¶…ç°¡å˜ï¼ WebGL 㨠GLSL ã§å§‹ã‚ã‚‹ã€ã¯ã˜ã‚ã¦ã®ã‚·ã‚§ãƒ¼ãƒ€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ˆï¼‘） - Qiita
ã¾ãšã¯æŒ‘戦ã—ã¦ã¿ã‚ˆã† シェーダを自分ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãªã‚“ã¦â€¦â€¦ ãã£ã¨ãŠé›£ã—ã„ã‚“ã§ã—ょ…… ã¨ã€ãŠæ€ã„ã®å¥¥æ§˜æ–¹ã€‚ãã‚“ãªã“ã¨ã¯ãªã„ã‚“ã§ã™ã€‚コツをã¤ã‹ã‚ã°æ„外ã¨æ¥½ã—ã‚ã¾ã™ã€‚当連載ã§ã¯ã€ã‚·ã‚§ãƒ¼ãƒ€ã¨ã„ã†ã‚‚ã®ã«å¯¾ã—ã¦æŠ±ã‹ã‚Œã¦ã—ã¾ã„ãŒã¡ãªã€æ¼ 然ã¨ã—㟠難ã—ãã†æ„Ÿ を払æ‹ã™ã¹ãã€ç°¡å˜ãªã‚·ã‚§ãƒ¼ãƒ€ã®è¨˜è¿°ã¨ãã®åŸºæœ¬ã«ã¤ã„ã¦è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 想定ã™ã‚‹èªè€… 当連載ã§ã¯ã€ã‚·ã‚§ãƒ¼ãƒ€ã£ã¦ãªã‚“ã‹é›£ã—ãã†â€¦â€¦ã¨ã‹ã€ã‚·ã‚§ãƒ¼ãƒ€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å§‹ã‚ã¦ã¿ãŸã„ã‘ã©â€¦â€¦ã¨ã‹ã€ãªã‚“ã¨ãªã興味をæŒã£ã¦ã‚‹ã‘ã©ã‚·ã‚§ãƒ¼ãƒ€ã‚’記述ã—ãŸã“ã¨ãŒãªã„方をèªè€…ã«æƒ³å®šã—ã¦ã„ã¾ã™ã€‚ ãŸã¨ãˆã° Unity ãªã©ã®ãƒ„ールã€ã‚ã‚‹ã„ã¯ãƒžã‚¤ãƒ³ã‚¯ãƒ©ãƒ•ãƒˆã®ã‚ˆã†ãªã‚²ãƒ¼ãƒ ã€ã¾ãŸã¯ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆãªã©ã§ã‚‚シェーダを自分ã§è¨˜è¿°ã™ã‚‹ã“ã¨ãŒã§ãるよã†ãªä¸–ã®ä¸ã§ã™ã€‚ãã£ã¨ã‚·ã‚§ãƒ¼ãƒ€ã«è§¦ã‚ŒãŸçµŒé¨“ã¯ç„¡é§„ã«ã¯ãªã‚‰ãªã„ã§ã—ょã†ã€‚ ã™ãã«æ¥å‹™ã§æ´»ã‹ã™ã¨ã‹ã€ãã†ã„ã†å£®å¤§ãªè©±ã¯ã•ã¦ãŠã„ã¦ã¾ãšã¯æ°—軽
![[連載]ã‚„ã£ã¦ã¿ã‚Œã°è¶…ç°¡å˜ï¼ 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)
WebGL ãŒåˆ‡ã‚Šé–‹ã Web ã®æœªæ¥
å‰èª¬ 時ã¯é¡ã‚Šâ€¦â€¦ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’書ã始ã‚ãŸé ƒ 「3DCG Meetup ã¯åˆå‚åŠ ã ã—ãªï¼ã€ å‰å›žã® Meetup ã§ç™»å£‡ã•ã‚ŒãŸè¥¿ç”°ã•ã‚“(@knockknockjp)ãŒå…¬é–‹ã—ã¦ãã‚Œã¦ã„ã‚‹ã€WebGL をテーマã«ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã‚‚見ã¦ã¿ã‚‹ã‹â€¦â€¦
超弾幕もå¯èƒ½ï¼Ÿ WebGL高速化ã®ã‚¹ã‚¹ãƒ¡
今日ã®ãƒ†ãƒ¼ãƒž WebGL高速化ã®ã‚¹ã‚¹ãƒ¡ 今回ã¯ã‚ãã¾ã§ã‚‚ WebGL 特有ã®é«˜é€ŸåŒ– TIPS ã§ã™ã€‚ WebGL ã«ã‚ã¾ã‚Šãªã˜ã¿ã®ãªã„方もã„らã£ã—ゃるã¨æ€ã†ã®ã§â€¦â€¦ ãã‚‚ãã‚‚ WebGL ã£ã¦ï¼Ÿã€€ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰ç°¡å˜ã«è§£èª¬ã—ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
早稲田大å¦æ¼”劇åšç‰©é¤¨åŽè”µå“3Dデータベース
WebGLã¨3D物ç†æ¼”算ライブラリã®çµ„ã¿åˆã‚ã›ã‚’試ã—ã¦ã¿ã‚‹ - Qiita
Making WebGL Dance
CesiumJS
HTML5Experts.jp
SPECIAL.T by Nestlé
dfltweb1.onamae.com – ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}