PixiJS v4The HTML5 Creation EngineCreate beautiful digital content with the fastest, most flexible 2D WebGL renderer.
CesiumJS
3D geospatial visualization for the webCesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use. Developers across industries, from aerospace to smart cities to drones, use CesiumJS to create interactive web apps for sharing dynamic geospatial data. Built on open formats, CesiumJS is des
Unreal Engine | The most powerful real-time 3D creation tool
GamesFilm & TVArchitectureAutomotive & TransportationBroadcast & live eventsSimulation With Unreal Engine, you can bring amazing real-time experiences to life using the world’s most advanced real-time 3D creation tool. From first projects to the most demanding challenges, our free and accessible resources and inspirational community empower everyone to realize their ambitions.
ブラウザã§3Dグラフィックを扱ã†WebGLã€æœ€æ–°ç‰ˆ 2.0ã®ãƒ‰ãƒ©ãƒ•ãƒˆç‰ˆãŒå…¬é–‹
ブラウザã§3Dグラフィックを扱ã†WebGLã€æœ€æ–°ç‰ˆ 2.0ã®ãƒ‰ãƒ©ãƒ•ãƒˆç‰ˆãŒå…¬é–‹ 増井 雄一郎（FrogApps, Inc.） 2013/9/16ã€WebGL Working Groupã¯ãƒ–ラウザã§3Dグラフィックを扱ã†WebGLã®æœ€æ–°ç‰ˆ WebGL 2.0ã®ãƒ‰ãƒ©ãƒ•ãƒˆç‰ˆãŒå…¬é–‹ã—ã¾ã—ãŸã€‚ WebGL 2 Specification WebGL 2ã®æœ€å¤§ã®ç‰¹å¾´ã¯ã€2012å¹´10月ã«æ¨™æº–化ã•ã‚ŒãŸçµ„ã¿è¾¼ã¿å‘ã‘3DグラフィックAPIã®OpenGL ES 3.0ã®æ©Ÿèƒ½ã‚’ベースã«ã—ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ OpenGL ESã¯3Dグラフィックをサãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã®APIã§ã€WebGLã§ã¯ã“ã®æ©Ÿèƒ½ã‚’ブラウザ内ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã€ã‚²ãƒ¼ãƒ æ©Ÿã®3Dグラフィックã®ã‚ˆã†ãªé«˜åº¦ãª3D表ç¾ã‚’Javascriptã‹ã‚‰æ“作ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ æ—¢ã«å¤šãã®ãƒ–ラウザã§ã¯WebGL 1をサãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€ã™ã§ã«ã‚²ãƒ¼ãƒ ã‚’ä¸å¿ƒã«ä½¿ã‚
THREE.js ã§ã®è¼ªéƒç·šè¡¨ç¤º
４日目 nakamura001 ã•ã‚“ã®ã€ŒPhiloGL ã§ã®ã‚«ãƒ¡ãƒ©ã®ç§»å‹•å‡¦ç†ã€ã«ç¶šãã¾ã—ã¦ã€JavaScript Advent Calendar 2011（WebGLコース）５日目担当㮠3DCG Arts ã®è§’（@santarh）ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€THREE.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを用ã„ã¦ã€ç°¡æ˜“çš„ãªè¼ªéƒç·šæ画を行ã„ã¾ã™ã€‚ライブラリã®å°Žå…¥ã«ã¤ã„ã¦ã¯ã€ï¼’日目 yomotsu ã•ã‚“ã®ã€ŒTHREE.js 㧠WebGLã€ãŒã¨ã¦ã‚‚解りやã™ã„解説ã«ãªã£ã¦ã„ã¾ã™ã€‚ æ¦‚è¦ ã¾ãšã€3DCG ã«ãŠã„ã¦ã®è¼ªéƒç·šè¡¨ç¾ã™ã‚‹æ‰‹æ³•ã®ã²ã¨ã¤ã¨ã—ã¦ã€ç”»åƒå‡¦ç†ã®æ‰‹æ³•ã‚’用ã„ã¦è¼ªéƒæ¤œå‡ºã‚’è¡Œãªã†æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®æ–¹æ³•ã§ã¯ã€ã‚·ã‚§ãƒ¼ãƒ€ã‚’書ãå¿…è¦ãŒã‚ã‚Šã€å°Žå…¥é›£æ˜“度ãŒé«˜ããªã‚Šã¾ã™ã€‚ãã“ã§ã€ Mesh ã§è¼ªéƒç·šã‚’æãã“ã¨ãŒã§ãる昔ãªãŒã‚‰ã®æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ 輪éƒç·šã‚’表示ã—ãŸã„ Mesh ã«å¯¾ã—ã¦ã€å転ã—㟠Mesh を用æ„ã—ã¾ã™ã€‚
WebGL Advent calender 3日目
ãã‚Œã§ã¯ï¼“日目ã€WebGL Advent Calender書ãã‚ˆãƒ¼ï¼ 1日目edvakfã•ã‚“ãŒåŸºæœ¬çš„ãªWebGLã®è€ƒãˆæ–¹ã«ã¤ã„ã¦ã€2日目yomotsuã•ã‚“ãŒThree.jsã§WebGLã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ ã©ã¡ã‚‰ã‚‚ソースコードや図を交ãˆã¦ã®ä¸å¯§ãªè§£èª¬ãªã®ã§æ˜¯éžèªã‚“ã§ã¿ã¦ãã ã•ã„ï¼ ã§ã€ç§ã®è¨˜äº‹ã¯Three D Libraryã«ã¤ã„ã¦ã€‚ 内容ã¯WebGL経験者å‘ã‘ã«ãªã‚‹ã®ã§edvakfã•ã‚“ã®è¨˜äº‹ã‚’èªã‚“ã§ã‹ã‚‰èªã‚€ã¨ã„ã„ã¨æ€ã„ã¾ã™ï¼ ã•ã¦ã€WebGLを直接書ãã¨ã€Œæ‰‹ç¶šããŒå¤šã„ãªãƒ¼é¢å€’ã ãªãƒ¼ã€ã¨æ€ã‚ã‚ŒãŸæ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ã€‚ 一方ã§Three.jsã¯æ‰‹ç¶šããŒå°‘ãªãç°¡å˜ã§ã™ãŒã€Œä¿ºã¯ã‚·ã‚§ãƒ¼ãƒ€ã‚’ガンガン書ããŸã„ã‚“ã よï¼ã€ã¨ã„ã†äººã«ã¯å‘ã„ã¦ã„ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ãã“ã§ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã¯Three D Libraryã§ã™(ç•¥ã—ã¦TDL。ãŠã‚„？ã ã‚Œã‹ããŸã‚ˆã†ã )。 http://code.googl
日記 | ヨモツãƒãƒƒãƒˆ
blog移行ã—ã¾ã—ãŸã€‚æ–°ã—ã„blogã§æ›´æ–°ã‚’続ã‘ã¦ã„ã¾ã™ã€‚ XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々ã®å‡ºæ¥äº‹2012å¹´7月8日日曜日 ブãƒã‚°ä½œã‚ŠãªãŠãã†ã‹ãªãƒ¼ã¨æ€ã£ã¦ã€ã“ã® Webサイト ã‚’ã¿ãªãŠã—ã¦ãŸã‚‰ã€Web ページã®ãƒ¡ã‚¿æƒ…å ±ã¨ã—ã¦ãƒ€ãƒ–リンコア (RDF) を混在ã•ã›ã¦ã„ãŸã“ã¨ã‚’æ€ã„出ã—ãŸã€‚ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã«ã‹ã‘ã‚Œã°ã€ã‚°ãƒ©ãƒ•ã‚‚å–り出ã›ã¦ ã¿ãŸã„ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ã§ã‚‚çµå±€ã‚ã¾ã‚Šæ„味ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ OGP ã¨ã‹ã‚ã‚Šã¾ã™ã—ã。 Web ページ㯠XHTML ã«ã—ã¦ãŸã‘ã©ã€ãƒ–ãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã§å‚照先ã®ãªã„数値å‚ç…§ã¨ã‹æ··ãœã‚‰ã‚Œã‚‹ã¨ XML パースエラーã«ãªã‚‹ã—ã€XML ã ã‹ã‚‰ä»–ã®èªžå½™æ··åœ¨ã§ãã‚‹ã‘ã©ã€RDF ãらã„ã—ã‹æ··ãœã¦ãªã‹ã£ãŸã—ã€XHTML æ„味ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ HTML ã« SVG 混在ã§ã
JavaScript Advent Calendar 2011/WebGLコースåˆæ—¥ã€WebGLã®åŸºæœ¬çš„ãªè€ƒãˆæ–¹ - by edvakf in hatena
JavaScript Advent Calendar 2011 å‚åŠ è€…å‹Ÿé›†ï¼ - by edvakf in hatena ↑ã¾ã ã¾ã å‚åŠ è€…å‹Ÿé›†ä¸ã§ã™ã€‚ WebGL駅ä¼ã¯ã€ã‚‚ã—25人ã«æº€ãŸãªã‹ã£ãŸã‚‰ã€æœ€å¾Œã®äººã®æ¬¡ã®æ—¥ã‹ã‚‰åƒ•ãŒä¸€äººã§èµ°ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ãƒã‚¿ã¨æ™‚間的余裕ãŒç¶šãé™ã‚Šâ€¦ ãªã‚“ã¦ã“ã¨ã‚’言ã£ã¦ãŠããªãŒã‚‰ã€å®Ÿã¯åƒ•è‡ªèº«ã¯WebGLã‚‚3Dプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚‚åˆã‚ã¦2ヶ月ã®åˆå¿ƒè€…ãªã®ã§ã€è‡ªåˆ†ãŒWebGLを始ã‚ã‚‹ã¨ãã«ã©ã†ã„ã†è§£èª¬ãŒæ¬²ã—ã‹ã£ãŸã‹ã¨ã„ã†ã“ã¨ã‚’考ãˆãªãŒã‚‰å…¥é–€ç·¨ã‚’書ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚（WebGL駅ä¼ã®ä»–ã®å‚åŠ è€…ã®æ–¹ã€…ã«ã¯ã¤ã¾ã‚‰ãªã„内容ã ã¨æ€ã„ã¾ã™ãŒï¼‰ WebGLプãƒã‚°ãƒ©ãƒ ã®æµã‚Œã¯ãŠãŠã¾ã‹ã«è¨€ã£ã¦ã“ã‚Œã ã‘ã§ã™ã€‚ シェーダーを用æ„ã™ã‚‹ é ‚ç‚¹åº§æ¨™ã‚’ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã«æŠ•ã’ã‚‹ フレームã”ã¨ã«ãƒ‘ラメータを変ãˆã¦ã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ãƒ—ãƒã‚°ãƒ©ãƒ を走らã›ã‚‹ シェーダーã¯é ‚点（vertex）シェーダーã¨ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆï¼ˆfra
WebGLã§GPGPU - デー
下ã®ã‚¤ãƒ©ã‚¹ãƒˆèª¿ã®ã‚„ã¤ã‚’爆速ã«ã—よã†ã¨æ€ã£ã¦è©¦ã—ãŸã€‚（ã¾ã イラスト調ã®ã»ã†ã¯å®Ÿè£…ã—ã¦ãªã„ã§ã™ï¼‰ WebGL GPGPU Sample Code WebGLã§è¨ˆç®—ã‚’è¡Œã†æ–¹æ³•ã¯ã€ GPUå´ã¸å…¥åŠ›ãƒ‡ãƒ¼ã‚¿ã‚’テクスãƒãƒ£ã¨ã—ã¦è»¢é€ 出力サイズã®ç”»é¢ã«ãƒ•ãƒ¬ãƒ¼ãƒ ãƒãƒƒãƒ•ã‚¡ã‚ªãƒ–ジェクトをè¨å®šã—ã¦ç”»é¢ã‚µã‚¤ã‚ºã®å››è§’ã‚’æç”» ã“ã®ã¨ãã®ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆã‚·ã‚§ãƒ¼ãƒ€ãƒ¼ã§ãƒ†ã‚¯ã‚¹ãƒãƒ£(入力データ)ã‚’å‚ç…§ã—ã¦è¨ˆç®—を行ㆠjavascriptå´ã‹ã‚‰çµæžœã‚’èªã‚€ ã¨ã—ã¦ã„ã¾ã™ã€‚ 基本的ã«ã¯OpenGLã§ã‚„ã‚‹å ´åˆã¨åŒã˜ãªã®ã§ã€ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆãŒã¨ã¦ã‚‚å‚考ã«ãªã‚Šã¾ã™ã€‚ OpenGLã«ã‚ˆã‚‹å®Ÿè£…方法 - Satoshi OHSHIMA's web site (今è½ã¡ã¦ã‚‹ã¿ãŸã„ã§ã™ãŒã€ãã®ã†ã¡å¾©æ´»ã™ã‚‹ã“ã¨ã‚’願ã£ã¦ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ãŠãã¾ã™) 「GPGPU シェーダã€ã¨ã‹ã§ã‚°ã‚°ã‚Œã°ã€å¤ã®GPGPU手法ã«é–¢ã™ã‚‹PDFç‰ãŒã„ã£ã±ã„ヒットã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ オレオレ計
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
Lesson 0: Getting started with WebGL | Learning WebGL
Lesson 1 >> [This post has been updated several times since it was originally written, as things have moved on a bit since it was originally published in October 2009... to the best of my knowledge, information is correct as of 17 January 2012.] The first step in trying out WebGL is to get a browser that supports it. How you do that depends on whether you want to look at cool WebGL demos or develo
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - tangrams/tangram: WebGL map rendering engine for creative cartography
http://www.scenejs.org/
{{#tags}}- {{label}}
{{/tags}}