GitHub - jnmaloney/WebGui: An example demo of IMGUI (Immediate Mode GUI) on the web. Using only WebGL, GLFW and ImGui. Suitable for being compiled to web assembly (WASM).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
Microsoftã®ãƒ‡ãƒ¼ã‚¿å¯è¦–化ツール「SandDanceã€ãŒã‚ªãƒ¼ãƒ—ンソース化
å…¬å¼ã‚µã‚¤ãƒˆ æ¦‚è¦ SandDanceã¯ã€WebGLを用ã„ãŸBIツールã§å·¨å¤§ãªãƒ‡ãƒ¼ã‚¿ã‚»ãƒƒãƒˆã‚’ç´ æ—©ãå¯è¦–化ã—ã€è¤‡æ•°ã®ãƒ“ュー間を滑らã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ã§æ–°ãŸãªçŸ¥è¦‹ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã‚‹BIツールã ãã†ã§ã™(å…¬å¼ã‚µã‚¤ãƒˆã‚ˆã‚Š) サンプル画åƒã§ã‚‚カッコã„ã„アニメーションãŒç›®ã‚’引ãã¾ã™ã€‚ deck.glã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãƒšãƒ¼ã‚¸ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¦ã€å€‹äººçš„ã«èˆˆå‘³ã‚’æŒã£ã¦ã„ãŸã®ã§ã™ãŒã€å…ˆæ—¥Microsoftã®å…¬å¼ãƒ–ãƒã‚°ã§ã‚ªãƒ¼ãƒ—ンソース化ã•ã‚Œã‚‹ã“ã¨ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ Microsoft open sources SandDance, a visual data exploration tool - Open Source Blog Github ã‚„ãŸã‚‰ãƒ‘ーティクルãŒé£›ã³äº¤ã£ã¦ã‚«ãƒƒã‚³ã„ã„ã§ã™ã€‚ 慣れãªã„ã¨ç„¡æ„味ãª3Dãƒãƒ£ãƒ¼ãƒˆã¨ã‹ä½œã£ã¦ã—ã¾ã„ã‹ããªã„å±ã†ã•ã¯ã‚ã‚Šã¾ã™ãŒã€å†…部ã§ã¯Deck.glã‚„Veg
WebGLã§ã‚¨ãƒã‚²ãƒ¼é¢¨ã«éƒ¨åˆ†ãƒ¢ã‚¶ã‚¤ã‚¯ã—ã¦ã¿ãŸ - Qiita
ステンシルãƒãƒƒãƒ•ã‚¡ï¼ˆãƒžã‚¹ã‚¯å‡¦ç†ï¼‰ã«ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼é©ç”¨ã—ã¦ã€éƒ¨åˆ†çš„ã«ãƒ¢ã‚¶ã‚¤ã‚¯ã•ã›ã¦ã¿ã¾ã—ãŸã€‚ Live2D WebGL版ã¨åˆã‚ã›ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ã§ãã¾ã™â™ª （エãƒã‚²ãƒ¼ç”¨ã®ç´ æã‚’æŒã£ã¦ã„ãªã„ã®ã§å…¬å¼ã‚µãƒ³ãƒ—ルã§ãƒ†ã‚¹ãƒˆï¼‰ ・Live2Dã§éƒ¨åˆ†ãƒ¢ã‚¶ã‚¤ã‚¯ãƒ‡ãƒ¢ 上記デモページã§ã¯ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³åˆ‡æ›¿ã¨ãƒ¢ã‚¶ã‚¤ã‚¯ç®‡æ‰€ã®åˆ‡æ›¿ãŒã§ãã¾ã™ã€‚ モザイクã¯ä¸€éƒ¨ã®æ画オブジェクトã”ã¨ã«ã‹ã‘られるよã†ã«å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ ãã®ãŸã‚ã€æ画オブジェクトãŒå‹•ãã¨ãƒ¢ã‚¶ã‚¤ã‚¯éƒ¨åˆ†ã‚‚å‹•ãã¾ã™ã£ï¼ WebGLã®æŠ€è¡“ã¨ã—ã¦ã¯ã€ä»¥ä¸‹ã®ã‚‚ã®ã‚’使ã„ã¾ã—ãŸã€‚ １）モザイクシェーダー ２）ステンシルãƒãƒƒãƒ•ã‚¡ ３）フレームãƒãƒƒãƒ•ã‚¡ ４）Live2Dã®WebGLæç”» 開発環境 ・Live2D WebGL SDK 2.0.04_1 ・SDKã®Simpleプãƒã‚¸ã‚§ã‚¯ãƒˆã‚’カスタムモザイクシェーダー部分ã®å®Ÿè£… モザイクシェーダーã¯ä»¥ä¸‹ã®è¨˜äº‹ã‚’å‚考ã«ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸ
家æ—ã§è€ƒãˆãŸã„ã€‚æ ¼å®‰ã‚¹ãƒžãƒ›ã®ãƒ¡ãƒªãƒƒãƒˆã€ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ
ã¡ã‚‡ã£ã¨å‰ã‹ã‚‰ã€å¤§æ‰‹ã‚ャリアより回線を借りã¦ã‚µãƒ¼ãƒ“ス展開をã—よã†ã¨ã™ã‚‹MVNOã®è©•åˆ¤ãŒè‰¯ã„よã†ã§ã™ã€‚トップ３ã‚ャリアより料金ãŒæ ¼æ®µã«å®‰ã„SIMカードを売ã£ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€SIMフリー端末ã®å£²ã‚Œè¡ŒããŒã™ã”ã„ã“ã¨ã«ãªã£ã¦ã„ã¾ã™ã€‚ å‚考リンク：UQモãƒã‚¤ãƒ«ã‚ャッシュãƒãƒƒã‚¯ スマホやタブレットãªã©ã§ã€æ¯Žæœˆæ•°ç™¾å††ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆå¯èƒ½ãªæ ¼å®‰SIMã‚’æä¾›ã—ã¦ãŠã‚Šã¾ã™ã€‚超ビギナーã®æ–¹ã§ã‚‚é¸æŠžã—ã‚„ã™ã„よã†ã«ã€ä½¿ã„方別ã«ãŠã™ã™ã‚ã‚’ã”紹介ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ æ ¼å®‰SIMã«é–¢ã—ã¦ã¯ã€ã²ã¨æœˆ500円代ã§ã‚‚始ã‚ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ãŒã€ãƒ‡ãƒ¼ã‚¿é€šä¿¡å®¹é‡ãƒ—ランãŒï¼’ã¤ã‚ã‚Šã¾ã™ã®ã§ã€æ¯”較・検討ã™ã‚‹ã“ã¨ãŒå¿…é ˆã§ã™ã€‚ã•ã—ã‚ãŸã£ã¦2GBã¨3GBã§ã€ãã‚Œãžã‚Œæœˆã”ã¨ã«ã„ãらå–られるã‹ã§æ¯”較ã™ã‚‹ã®ãŒãŠã™ã™ã‚ã¨ãªã‚Šã¾ã™ã€‚ ã€Œæ ¼å®‰ã‚¹ãƒžãƒ›ãŠã™ã™ã‚ランã‚ングã€ã‚’制作ã—ã¾ã—ãŸã€‚ã©ã†ã„ã£ãŸæ ¹æ‹ ã§ãã®æ ¼å®‰ã‚¹ãƒžãƒ›ã‚’ãŠã™ã™ã‚ã™ã‚‹ã®ã‹ï¼Ÿå€‹ã€…ã®ãƒ—ラスè¦ç´ ã¨ãƒžã‚¤ãƒŠã‚¹
WebGLã§ä¼ã‚る立体地図コンテンツ。 御嶽山噴ç«æ™‚ã®è¨¼è¨€ã‚’集ã‚ãŸã€ŽNHK 御嶽山「噴ç«ã®è¨¼è¨€ã€ã€é–‹ç™ºç§˜è©± - WebGL ç·æœ¬å±±
御嶽山噴ç«æ™‚ã€ãã®å ´ã«ã„ãŸäººãŸã¡ã®è¨¼è¨€ã‚’集ã‚ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„『NHK 御嶽山「噴ç«ã®è¨¼è¨€ã€ã€ã€‚ Three.jsã®åˆ©ç”¨ã‚„DOMã¨ã®é€£æºãªã©ã€è£½ä½œè€…ã®ç«‹å ´ã‹ã‚‰ã€WebGLã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作る利点や注æ„ã™ã¹ã点ã«ã¤ã„ã¦èªžã‚Šã¾ã™ã€‚ ※本稿ã¯å®Ÿéš›ã«ã‚µã‚¤ãƒˆä½œæˆã«é–¢ã‚ã£ãŸé¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã”ã‚“ã•ã‚“ã‹ã‚‰ã”寄稿ã„ãŸã ãã¾ã—ãŸï¼ã€€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ 50å以上ã®æ–¹ãŒäº¡ããªã‚Šã€æˆ¦å¾Œæœ€æ‚ªã®ç«å±±ç½å®³ã¨ãªã£ãŸ2014å¹´9月27æ—¥ã®å¾¡å¶½å±±å™´ç«ã€‚ 『NHK 御嶽山「噴ç«ã®è¨¼è¨€ã€ã€ã¯ã€å¾¡å¶½å±±ã®å™´ç«æ™‚ã€ãã®å ´ã«ã„ãŸäººãŸã¡ã®è¨¼è¨€ã‚’集ã‚ãŸWebサイトã§ã™ã€‚ 3Dモデル上ã«ãƒ—ãƒãƒƒãƒˆã•ã‚ŒãŸè¨¼è¨€ã‚’クリックã—ãŸã‚Šã€ã‚«ãƒ¡ãƒ©ã‚’自由ã«å‹•ã‹ã—ã¦ã€å¾¡å¶½å±±ã‚’眺ã‚ã‚‹ã“ã¨ã§ã€å™´ç«å½“時ã®çŠ¶æ³ã‚’見るã“ã¨ãŒã§ãã¾ã™ã€‚ 今回ã¯ã€é–‹ç™ºã‚’担当ã—ãŸé¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã€å…¨é¢WebGLã§åˆ¶ä½œã—ãŸæœ¬ã‚µã‚¤ãƒˆã®å†…容ã«ã¤ã„ã¦ã€åˆ¶ä½œé¢
Flood - WebGLを使ã£ãŸ3Dプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç’°å¢ƒ
MOONGIFTã¯ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアを紹介ã™ã‚‹ãƒ–ãƒã‚°ã§ã™ã€‚2021å¹´07月16æ—¥ã§æ›´æ–°åœæ¢ã—ã¾ã—㟠3Dモデリングã£ã¦èžãã¨ä½•ã¨ãªãæ•·å±…ãŒé«˜ãæ„Ÿã˜ã‚‰ã‚Œã¾ã™ã‚ˆã。専用ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’使ã£ã¦ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰/アプリã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨ã¯å…¨ãç•°ãªã‚‹ãƒ—ãƒã‚»ã‚¹ã‚’辿るよã†ãªæ°—ãŒã—ã¾ã™ã€‚ ã—ã‹ã—3Dプリンタも出ã¦ãã¦ã„る今ã€ç„¡è¦–ã™ã‚‹è¨³ã«ã¯ã„ãã¾ã›ã‚“。ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒFloodã€Webブラウザベースã®ãƒ“ジュアルプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç’°å¢ƒã§ã™ã€‚ Floodã®ä½¿ã„æ–¹ Floodã§ã¯æ•°å€¤ã‚’入力ã—ã¦ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã™ã‚‹ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã™ã‚‹æ„Ÿè¦šã«è¿‘ã„ã¨è¨€ãˆã‚‹ã‹ã‚‚知れã¾ã›ã‚“。ã¾ãŸã€ãƒ“ジュアルプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç’°å¢ƒã¨ã—ã¦3Dプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã¶ã®ã«ã´ã£ãŸã‚Šã§ã™ã€‚ãªãŠWebGLを使ã£ã¦ã„ã¾ã™ã®ã§ã€ãã‚Œã«å¯¾å¿œã—ãŸãƒ–ラウザã§ã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ Floodã¯node/JavaScript製ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆMIT License
超弾幕もå¯èƒ½ï¼Ÿ WebGL高速化ã®ã‚¹ã‚¹ãƒ¡
今日ã®ãƒ†ãƒ¼ãƒž WebGL高速化ã®ã‚¹ã‚¹ãƒ¡ 今回ã¯ã‚ãã¾ã§ã‚‚ WebGL 特有ã®é«˜é€ŸåŒ– TIPS ã§ã™ã€‚ WebGL ã«ã‚ã¾ã‚Šãªã˜ã¿ã®ãªã„方もã„らã£ã—ゃるã¨æ€ã†ã®ã§â€¦â€¦ ãã‚‚ãã‚‚ WebGL ã£ã¦ï¼Ÿã€€ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰ç°¡å˜ã«è§£èª¬ã—ã¾ã™ã€‚
sourceforge.jp
We’re getting things ready Loading your experience… This won’t take long.
Babylon.js - WebGLを高度ã«æ“ã‚‹3Dグラフィックスフレームワーク MOONGIFT
WebGLを使ãˆã°é«˜åº¦ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒæã‘ã‚‹ã¨ã„ã†ã®ã¯åˆ†ã‹ã£ã¦ã„ã¦ã‚‚ã€å®Ÿéš›ã©ã‚Œç¨‹åº¦ã®ã“ã¨ãŒã§ãã‚‹ã®ã‹ã¯ã‚µãƒ³ãƒ—ルãŒã‚ã¾ã‚Šå¤šãã‚ã‚Šã¾ã›ã‚“。ãã‚Œã ã‘グラフィックスã®ä½œã‚Šè¾¼ã¿ãŒå¤§å¤‰ã¨ã„ã†ã“ã¨ã§ã—ょã†ã€‚ ãã‚“ãªä¸ç™»å ´ã—ãŸã®ãŒBabylon.jsã€WebGLを扱ã†ãŸã‚ã®JavaScriptフレームワークã§ã™ã€‚Babylon.jsを駆使ã™ã‚Œã°3Dゲームã ã£ã¦ä½œæˆã§ãã‚‹ã¨ã®ã“ã¨ã§ã™ã€‚ デモã§ã™ã€‚WebãªãŒã‚‰70MBã‚‚ã‚ã‚Šã¾ã™ã€‚ マウスやã‚ーボードã§è¦–点を変ãˆãŸã‚Šå‹•ã回ã£ãŸã‚Šã§ãã¾ã™ã€‚ グラフィックスã¯ã‹ãªã‚Šå¥‡éº—ã§ã™ã€‚ ãƒãƒœãƒƒãƒˆã®ãƒ‡ãƒ¢ã€‚é•·ç´°ã„部分ãŒä½•ã‹ã¨ã„ã†ã¨â€¦ スライドを引ã£å¼µã‚Šã ã—ã¦ãã¾ã™ã€‚ ã“ã¡ã‚‰ã¯å¿ƒè‡“をモデリングã—ãŸãƒ‡ãƒ¢ã€‚ マイクãƒã‚½ãƒ•ãƒˆã‚«ãƒ•ã‚§ã€‚ å¹¾ã¤ã‹ã®ãƒ‡ãƒ¢ã¯çŸ¢å°ã‚ーã§ã¯ãªãã€å‚¾ãセンサーを使ã£ã¦è¦–点ã®æ“作ãŒã§ãã¾ã™ã€‚MacBook Proãªã©ã‚’æŒã£ã¦å‹•ã‹ã›ã°3D空間を動ã回れるよã†ã«ãªã£ã¦ã„ã¾
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
SculptGL - A WebGL sculpting app
SculptGL is a small sculpting application powered by JavaScript and webGL.
Microsoftã€æœ€æ–°ã®Vine広告ã§ï½¢Internet Explorerï½£ã§ï½¢WebGL｣をサãƒãƒ¼ãƒˆã™ã‚‹äº‹ã‚’示唆 | æ°—ã«ãªã‚‹ã€è¨˜ã«ãªã‚‹â€¦
Microsoftã¯ã“ã‚Œã¾ã§ï½¢WebGLï½£ã®æŽ¡ç”¨ã«ã¨ã¦ã‚‚消極的ã§ã—ãŸãŒã€æœ¬æ—¥ã€åŒç¤¾ãŒå…¬é–‹ã—ãŸVine広告ã‹ã‚‰æ¬¡æœŸInternet Explorerã§ï½¢WebGL｣をサãƒãƒ¼ãƒˆã™ã‚‹äº‹ã‚’計画ã—ã¦ã„る事ãŒæ˜Žã‚‰ã‹ã«ãªã‚Šã¾ã—ãŸã€‚ ãã®åºƒå‘ŠãŒä¸‹è¨˜å‹•ç”»ã§ã™ãŒã€åºƒå‘Šã®ã‚¿ã‚¤ãƒˆãƒ«ã¯ï½¢What’s next｣（次ã¯ä½•ï¼Ÿï¼‰ã¨ãªã£ã¦ãŠã‚Šã€åºƒå‘Šã®ä¸ã§â€IEå¿â€ãŒâ€IE10″ã«å¯¾ã—ï½¢HTML5? What’s next; WebGL?ï½£ã¨èžã„ã¦ã„ã¾ã™ã€‚
Cesium: The Platform for 3D Geospatial
WSB Transforms Constructability Reviews with Cesium and 3D Tiles in Bentley Infrastructure Cloud Connect The most costly risk to major infrastructure projects isn't bad weather or poor funding: it's the risk that slips past the constructability review. If not caught soon enough, a single contradiction—like major utility conflicts or an unworkable traffic management plan—triggers millions in wasted
よりリアルãªWebGLを実ç¾ã•ã›ã‚‹GLSL実装·glsl.js MOONGIFT
glsl.jsã¯WebGLã«ãŠã„ã¦GLSLを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ ゲームや3Dをリアルã«è¿‘ã¥ã‘ã‚‹ãŸã‚ã«å¿…è¦ãªè¦ç´ ã®ä¸€ã¤ãŒã‚·ã‚§ãƒ¼ãƒ€ï¼ˆãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°/シェーディング）ã§ã™ã€‚OpenGLã§ã¯åŠ¹çŽ‡çš„ãªã‚·ã‚§ãƒ¼ãƒ€ã‚’実ç¾ã™ã‚‹ãŸã‚ã«GLSL（OpenGL Shading Language）を開発ã—ã¾ã—ãŸãŒã€WebGLã®ä¸–ç•Œã«ãŠã‘ã‚‹GLSLã¨ã—ã¦ç´¹ä»‹ã™ã‚‹ã®ãŒglsl.jsã§ã™ã€‚ ã“ã¡ã‚‰ã¯ã“ãã“ãã¨è‰²ãŒå¤‰ã‚るデモ。 全体ãŒå¤‰ã‚ã£ã¦æ ¼å¥½ã„ã„ã§ã™ã€‚ ボールãŒé£›ã³äº¤ã†ãƒ‡ãƒ¢ã€‚ スプライト画åƒã®ãƒžãƒªã‚ªãŒç§»å‹•ã™ã‚‹ãƒ‡ãƒ¢ã€‚ デモ動画 デモ動画 glsl.jsã¯WebGLã®ã‚µãƒ–セットã«ãªã‚Šã¾ã™ã€‚JavaScriptã§ãƒã‚¸ãƒƒã‚¯å‡¦ç†ã‚’è¡Œã£ãŸå¾Œã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å‡¦ç†ã‚’glsl.jsãŒè¡Œã„ã¾ã™ã€‚ソースを見るã¨æ™®é€šã«GLSLãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§ç§»æ¤ã‚‚容易ã‹ã‚‚知れã¾ã›ã‚“。 glsl.jsã¯JavaScript製ã€Apache Lice
膨大ãªãƒ‡ãƒ¼ã‚¿ã‚’瞬時ã«æ画。WebGLã‚’ã¤ã‹ã£ãŸãƒ’ートマップ·WebGL Heatmap MOONGIFT
WebGL Heatmapã¯WebGLを使ã£ã¦é«˜é€Ÿã«å‹•ä½œã™ã‚‹ãƒ’ートマップライブラリã§ã™ã€‚ ヒートマップをæã“ã†ã¨æ€ã†ã¨ã¾ãšå¿…è¦ãªã®ãŒãƒã‚¤ãƒ³ãƒˆã®è†¨å¤§ãªãƒ‡ãƒ¼ã‚¿ã§ã€ãれらを集計ã—ã¦ã‚µãƒžãƒ©ã‚¤ã‚ºã—ã¦ä¸å¤®ã‚’濃ãã€å‘¨è¾ºã«ã„ãã«å¾“ã£ã¦è–„ããªã‚‹ã‚ˆã†ã«è¨ˆç®—ã—ã¦â€¦ã¨çµæ§‹è¤‡é›‘ãªæ„Ÿã˜ãŒã—ã¾ã™ã€‚ã—ã‹ã—WebGL Heatmapを使ã†ã¨é«˜é€Ÿã«ã€ã‹ã¤æ»‘らã‹ãªæç”»ãŒå¯èƒ½ã§ã™ã€‚ デモã§ã™ã€‚ Webページ全体ã«ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã•ã›ãŸå ´åˆã€‚ WebGL Heatmapã§ã¯ä¸€ç§’é–“ã«50万ã®ãƒ‡ãƒ¼ã‚¿ã‚’æç”»å¯èƒ½ã¨ã—ã¦ã„ã¾ã™ã€‚ãã®ãŠé™°ã‚‚ã‚ã£ã¦ã€ã‹ãªã‚Šã¬ã‚‹ã¬ã‚‹ã¨æ»‘らã‹ãªæç”»ãŒå¯èƒ½ã§ã™ã€‚ãŸã ã—WebGLをサãƒãƒ¼ãƒˆã—ãŸãƒ–ラウザやCanvasã«å¯¾å¿œã—ã¦ã„ãªã‘ã‚Œã°ä½¿ãˆã¾ã›ã‚“ã®ã§ã”注æ„を。 WebGL Heatmapã¯HTML5/JavaScript製ã€MIT License/GPL/BSD Licenseã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã§ã™ã€‚ MOONG
多彩ãªè¡¨ç¾åŠ›ã®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ã¯ã“ã‚Œã¾ã§è§£èª¬ã—
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - aaasen/github_globe: A visualization of GitHub users throughout the globe
demo3d
http://www.gooengine.com/demofiles/pearl-boy/index.html
Goodboy Digital
{{#tags}}- {{label}}
{{/tags}}