GitHub - gnlnx/livecode: online live coding environment...inspired by impromptu and ProcessingYou 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
HTML5ã«ã‚ˆã‚‹ã‚²ãƒ¼ãƒ プãƒã‚°ãƒ©ãƒ 本「Learning HTML5 Game Programming: A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL〠- å¼·ç«ã§é€²ã‚
扱ã£ã¦ã‚‹å†…容ã¯ä»¥ä¸‹ã€‚ Canvas SVG WebGL 目次ã¯ã“ã¡ã‚‰ã€‚ Chapter 1. Introducing HTML5 K.Moving beyond Basic HTML Bridging the Divide Getting Things Done with Web Workers and Web Sockets Application Cache Database API Web Storage Geolocation Getting Users’ Attention with Notifications Media Elements HTML5 Drawing APIs Conveying Information with Microdata Summary Chapter 2. Setting Up Your Development Environment Develo
WebGLプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ãŸã‚ã®jQueryプラグイン - å¼·ç«ã§é€²ã‚
@mike_acton pokes around WebGL and jQuery » #AltDevBlogADay http://altdevblogaday.org/2011/04/18/mike_acton-pokes-around-webgl-and-jquery/ ã“ã®ãƒ—ラグインを使ã†ã¨ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘る様ã«ãªã‚‹ã¿ãŸã„ã§ã™ã€‚ $.glProgram var bump_reflect_program_config = { VertexProgramURL: './shaders/bump_reflect.vs', FragmentProgramURL: './shaders/bump_reflect.fs', }; bump_reflect_program = new $.glProgram( gl, bump_reflect_program_config, ProgramLoa
travisglines.com
travisglines.com Buy this domain. 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
SenchaãŒä½œæˆã—ãŸWebGLå‘ã‘ã®ãƒ©ã‚¤ãƒ–ラリ「PhiloGL〠- å¼·ç«ã§é€²ã‚
Ext JSフレームワークãªã©ã§çŸ¥ã‚‰ã‚Œã‚‹SenchaãŒWebGLå‘ã‘ã®ãƒ©ã‚¤ãƒ–ラリ「PhiloGLã€ã‚’作æˆã—ãŸã¿ãŸã„ã§ã™ã€‚ PhiloGL http://www.sencha.com/blog/introducing-philogl-a-webgl-javascript-library-from-sencha-labs/ ライセンスã¯MITライセンス。 プãƒã‚°ãƒ©ãƒ ã®è¨˜è¿°æ–¹æ³•ã¯ã“ã®æ§˜ã«ãªã‚‹ã¿ãŸã„ã§ã™ã€‚ //Create application PhiloGL('canvasId', { camera: { position: { x: 0, y: 0, z: -7 } }, scene: { lights: { enable: true, ambient: { r: 0.5, g: 0.5, b: 0.5 }, directional: { color: { r: 0.7, g: 0.7, b
HMD(VR920)使ã£ã¦WebGL内を見渡ã—ã¦ã¿ãŸ(試作) - 最高ã®ã‚³ãƒ³ãƒ”ューティング環境ã¨ã¯ï¼Ÿ
HMDã®VR920ã«ã¯åŠ 速度センサーãŒã¤ã„ã¦ã„ã‚‹ã®ã§ã€ãれを使ã†ã¨ã€é¡”ã‚’ã©ã“ã«å‘ã‘ã¦ã„ã‚‹ã®ã‹åˆ†ã‹ã‚Šã¾ã™ã€‚ ãã®æƒ…å ±ã‚’ã€node.jsã®ã‚¢ãƒ—リを経由ã—ã¦WebSocketã«é€ã‚‹ã¨ã€é¡”ã®å‘ãã§WebGL内ã®è¦–点ã®æ–¹å‘ã‚’å‹•ã‹ã—ã¦ã€WebGL内を見渡ã›ã¾ã™ã€‚ ä¸å®Œå…¨ãªéƒ¨åˆ†ãŒå¤šã„ã®ã§è©¦ä½œã§ã™ãŒã€åˆ¥ãªä½œæ¥ã«ç§»ã‚‹ã®ã§ä¸€æ—¦ãƒã‚¹ãƒˆã—ã¾ã™ã€‚ デモムービー 実ç¾æ–¹æ³•ã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ 1.VR920 --> 2.VR920ã®SDKã®ã‚µãƒ³ãƒ—ãƒ«ã‚’æ”¹é€ ã—ãŸã‚¢ãƒ—リ --[TCP]--> 3.ãƒãƒ¼ã‚«ãƒ«Node.jsサーãƒãƒ¼ --[WebSocket(SocketIO)]--> 4.ブラウザã§WebGL(scene.js)を使ã£ã¦è¡¨ç¤º "2.VR920ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’æ”¹é€ ã—ãŸã‚¢ãƒ—リ" HelloTracker2ã‚’æ”¹é€ ã€‚é©å½“ã«ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã—ã¦TCPã§æŠ•ã’る。 æ”¹é€ ç‚¹ã®diff: http://ndruger.lolipop.jp/ha
Kinectを使ã£ã¦ãƒ–ラウザã®WebGL内を動ã„ã¦ã¿ãŸ - 最高ã®ã‚³ãƒ³ãƒ”ューティング環境ã¨ã¯ï¼Ÿ
Kinectã‚’è²·ã£ãŸã®ã§ã€æœ€è¿‘熱ã„WebGLã®å…¥åŠ›ã¨ã—ã¦ä½¿ã£ã¦ã¿ãŸã€‚ éŠã³ãƒ»ãƒ‡ãƒ¢ç”¨ã§æ±Žç”¨çš„ã«ã¯ä½œã£ã¦ãªã„。 デモムービー ムービーã§ã¯Chrome10ã®WebGLã§Kinect入力ã®æ£’人間ãŒå‹•ã„ã¦ã¾ã™ã€‚ Firefox4 / Safari5ã¨ã‹ã§ã‚‚å‹•ãã¾ã™ã€‚ Firefox3ã§ã‚‚å‹•ã‹ãªãã¯ãªã„ã§ã™ãŒã€WebGLéžå¯¾å¿œãªã®ã§æª„é‡ã§ã™ã€‚ ã‚„ã£ã¦ã‚‹ã“ã¨ã¨ãã‚Œãžã‚Œã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ 1.Kinect --> 2.OpenNI(PC用ã®Kinect対応フレームワーク)を使ã£ãŸã‚¢ãƒ—リ --[TCP]--> 3.ãƒãƒ¼ã‚«ãƒ«Node.jsサーãƒãƒ¼ --[WebSocket(SocketIO)]--> 4.ブラウザã§WebGL(three.js)を使ã£ã¦è¡¨ç¤º 最åˆã¯DepthJSを使ãŠã†ã¨ã—ãŸã‘ã©ã€ç‰¹å®šã®ãƒ–ラウザã§ã—ã‹å‹•ã‹ãªã„拡張らã—ãã€OpenCVã¨ã‹ã‚‚é¢å€’ã ã¨æ€ã£ã¦ã„ãŸæ™‚ã«ã€ä¸‹è¨˜ã®ã‚µã‚¤ãƒˆã§OpenNIã‹ã‚‰ç°¡å˜
Learning WebGL
GDC, GTC and 3D city planning lead this week’s WebGL stories. CALL FOR SUBMISSIONS: WebGL artists, the call for submissions to the 3D Web Fest is open. Deadline to submit is April 8th (project doesn’t need to be done till late April). Don’t delay; submit today! Stockholm-based Agency9’s Johan Göransson and team just released support for iOS and Android for a streaming WebGL 3DMaps and City Planner
HMDã®3Dã«é–¢ã™ã‚‹å…¥åŠ›æ–¹å¼ã®æ•´ç†ã¨ã€WebGLã®ç«‹ä½“視ã®æ¤œè¨Ž - 最高ã®ã‚³ãƒ³ãƒ”ューティング環境ã¨ã¯ï¼Ÿ
知らãªã„ã“ã¨ãŒå¤šã„分野ã®ãƒ¡ãƒ¢ãªã®ã§ã€é–“é•ã„ãŒå¤šæ•°ã‚ã‚‹ã‹ã‚‚。 æ–¹å¼ å…¥åŠ›æ–¹å¼ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒªãƒ¼ãƒ–æ–¹å¼ youtube 3dã®"Interleaved rows, columns or checkerboard"ã«ç›¸å½“。縦or横orãƒã‚§ãƒƒã‚¯ã®1pxã”ã¨ã«å…¥ã‚Œæ›¿ãˆã€‚ サイドãƒã‚¤ã‚µã‚¤ãƒ‰æ–¹å¼ youtube 3dã®"Side by side"ã«ç›¸å½“。視点ã®ãšã‚ŒãŸç”»åƒã‚’横ã«ä¸¦ã¹ã‚‹ã€‚ ã‚¢ãƒŠã‚°ãƒªãƒ•æ–¹å¼ youtube 3dã®"Colored Glasses"ã«ç›¸å½“。 ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚·ãƒ¼ã‚±ãƒ³ã‚·ãƒ£ãƒ«æ–¹å¼ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒªãƒ¼ãƒ–æ–¹å¼ã¨åŒã˜ï¼Ÿ ãƒ•ãƒ¬ãƒ¼ãƒ ã‚·ãƒ¼ã‚±ãƒ³ã‚·ãƒ£ãƒ«æ–¹å¼ ãƒ•ãƒ¬ãƒ¼ãƒ ã”ã¨ã«å…¥ã‚Œæ›¿ãˆã€‚HMDã®å…¥åŠ›æ–¹å¼ã§ã¯é€šå¸¸ä½¿ã‚ã‚Œãªã„。(2011/01/10 [ä¿®æ£]: VR920ã®æ©Ÿå™¨ã¸ã®å…¥åŠ›ã¯ã“ã‚ŒãŒä½¿ã‚ã‚Œã¦ã„ã‚‹)。3DTVã®å‡ºåŠ›ã¨ã—ã¦ã‚·ãƒ£ãƒƒã‚¿ãƒ¼æ–¹å¼ã®ãƒ¡ã‚¬ãƒã¨åŒæ™‚ã«åˆ©ç”¨ã•ã‚Œã‚‹ã€‚ HMDã®ä¾‹ Wrap920 PC以外ã®ãƒ¡ãƒ‡ã‚£ã‚¢æ©Ÿå™¨ç”¨ã€‚
OpenGLãªã«ãã‚Œã†ã¾ã„ã®?? ã¨ã„ã†äººã®ãŸã‚ã®WebGLã®å§‹ã‚æ–¹ - hagino3000's blog
追記：例題ã®é ‚点シェーダーã§ä½•ã‚’ã—ã¦ã„ã‚‹ã‹èª¬æ˜Žã‚’è¿½åŠ ã—ã¾ã—㟠追記：動作環境ã®æ‰€ä¿®æ£ã—ã¾ã—ãŸã€IE9ã§ã¯å‹•ä½œã—ã¾ã›ã‚“。 皆ã•ã‚“ã¯ã˜ã‚ã¾ã—ã¦ã€è’å·æ™ºå‰‡ã§ã™ã€‚ã“ã®è¨˜äº‹ã¯JavaScript Advent Calendarã®21日目ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Google I/Oã‚„Firefox Developers Conferenceã§è¯éº—ãªãƒ‡ãƒ¢ãŒãƒãƒªãƒãƒªå‡ºã¦ãã‚‹ã«ã‚‚ã‹ã‹ã‚らãšã€å®Ÿéš›ã«ä½¿ã£ã¦ã„る人ãŒç•°å¸¸ãªã¾ã§ã«å°‘ãªã„WebGLã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚対象èªè€…ã¯WebGLã«èˆˆå‘³ãŒã‚ã‚‹or手を出ã—ã¦ã¿ãŸã‘ã©ã‚¯ã‚½é›£ã—ãã†ã ã—æ—¢ã«è«¦ã‚ãã†ã€ã¨ã„ã†äººã§ã™ã€‚ WebGLã®æ¦‚è¦ WebGLã¯OpenGL ES 2.0ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯APIã‚’Canvasè¦ç´ 上ã§ä½¿ãˆã‚‹æ§˜ã«ã—ãŸç‰©ã§ã™ã€‚OpenGL ESã¯OpenGLã®çµ„ã¿è¾¼ã¿æ©Ÿå™¨å‘ã‘ã®ã‚µãƒ–セットã§ã€iPhoneã‚„android端末ã«ã‚‚æ載ã•ã‚Œã¦ã„ã¾ã™ã€‚OpenGL ESãª
Node.jsã¨WebSocketã¨WebGLを使ã£ã¦ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯3D対戦アクションゲームを作ã£ã¦ã¿ãŸ(試作) - 最高ã®ã‚³ãƒ³ãƒ”ューティング環境ã¨ã¯ï¼Ÿ
ã¨ã‚Šã‚ãˆãšè©¦ä½œã¨ã—ã¦ä¸‹è¨˜ã§ä½œã£ãŸå¥´ã‚’3D化ã—ã¦ã¿ãŸã€‚上下移動ãŒãªã„ã—アクションãŒåœ°å‘³ãªã®ã§WebGLã®ãƒ‡ãƒ¢ã«å‘ã‹ãªã„ã‘ã©ã€‚ http://d.hatena.ne.jp/ndruger/20101123/1290493871 デモ http://syspri.org/test/websocket_tile_3d/client/src/websocket_tile_3d.html ゲームã—ã¦æ¥½ã—ã‚るよã†ã«ã¯ä½œã£ã¦ã¾ã›ã‚“ ã‚ャラクターãŒæŽ¥ç¶šã—ã¦ã„るブラウザã®æ•°(+[ダミープレイヤーãŒ1人])ã ã‘表示ã•ã‚Œã¾ã™ 動作ã¯å…¨ã¦ã®ãƒ–ラウザã«åæ˜ ã•ã‚Œã¾ã™ã€‚複数ã®ãƒ–ラウザ or windowã§å‹•ã‹ã™ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ WebSocket + WebGLを使ã†ã®ã§Firefox4.xã®ä¸€éƒ¨ã¨Chromeã®æœ€æ–°ç‰ˆã§ã—ã‹å‹•ãã¾ã›ã‚“。ã¾ãŸã€WebGLã®åˆ©ç”¨ã®ãŸã‚グラフィックボードãŒãƒ—ãƒã‚°ãƒ©ãƒžãƒ–ルシェーダーをæŒã£ã¦ãªã„
Chromeã®Dev版ã§WebGLãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ONã« - å¼·ç«ã§é€²ã‚
Chromeã®Dev版ã§WebGLãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ONã«ãªã£ãŸã¿ãŸã„ã§ã™ã€‚ 今ã¾ã§ã¿ãŸã„ã«å¼•æ•°ä»˜ãã§èµ·å‹•ã—ãªãã¦ã‚‚WebGLãŒæœ‰åŠ¹ã«æˆã£ã¦ã„ã¾ã™ã€‚ ※ã‚ãã¾ã§é–‹ç™ºè€…版ãªã®ã§è‰²ã€…ã¨è‡ªå·±è²¬ä»»ã§è©¦ã—ã¾ã—ょã†ã€‚ Dev版を使ã£ãŸå¾Œã€é€šå¸¸é…布版ã®æœ€æ–°ã®ã‚‚ã®ã‚’ç«‹ã¡ä¸Šã’ã‚‹ã¨ã“ã‚“ãªè¡¨ç¤ºãŒå‡ºã‚‹æ§˜ã«ãªã‚Šã¾ã—ãŸorz ã§ã‚‚ã¾ãã€ã“れも自己責任。 ã“ã¡ã‚‰ã«ã“ã†ãªã£ãŸæ™‚ã®å¯¾å‡¦æ³•ã‚’書ãã¾ã—ãŸã€‚ Chromeã®Dev channel版ã¨é€šå¸¸ãƒªãƒªãƒ¼ã‚¹ç‰ˆã¨ã‚’å…±å˜ã•ã›ã‚‹æ–¹æ³• - å¼·ç«ã§é€²ã‚ http://d.hatena.ne.jp/nakamura001/20101005/1286287073 æƒ…å ±ã‚„DLå…ˆã¯ã“ã¡ã‚‰ã€‚ Google Chrome Releases: Dev Channel Update http://googlechromereleases.blogspot.com/2010/09/dev-channel-u
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
WebKitã®Nightly Builds版ã«ã‚‚WebGLæ載 - å¼·ç«ã§é€²ã‚
(10/02/25 追記) WebGLã®é–¢æ•°åãªã©ã®å¤‰æ›´ã«ã‚ˆã‚Šãƒ–ラウザã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã¯å‹•ä½œã—ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ WebGLã®ã‚µãƒ³ãƒ—ルãŒå‹•ä½œã—ãªããªã£ãŸ - å¼·ç«ã§é€²ã‚ http://d.hatena.ne.jp/nakamura001/20100224/1267028558 WebKitã®Nightly Builds版ã«ã‚‚WebGLã®æ©Ÿèƒ½ãŒæ載ã•ã‚ŒãŸçŠ¶æ…‹ã§ãƒ“ルドã•ã‚ŒãŸã‚‚ã®ãŒæä¾›ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ Surfin’ Safari - Blog Archive » WebGL Now Available in WebKit Nightlies http://webkit.org/blog/603/webgl-now-available-in-webkit-nightlies/ DLã¯ã“ã¡ã‚‰ã‹ã‚‰ ※ç¾åœ¨ã¯ã¾ã Mac版(Leopard ã‹ Snow Leopard)ã®ã¿å¯¾å¿œã¿ãŸã„ã§ã™ã€‚
Preview of WebKit's WebGL / Canvas 3D - Wolfire Games Blog
Yesterday, I was updating my local checkout of WebKit and I noticed a few tests for "WebGL" scroll by (view commit). Apparently, a big WebGL patch has quietly landed. With a name like "WebGL", I couldn't help but investigate. What is WebGL? WebGL is basically an initiative to bring 3D graphics into web browsers natively, without having to download any plugins. This is achieved by adding a few thin
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - drojdjou/J3D: J3D - WebGL demos & experiments
DailyJS: Processing 1.2, Canvas and WebGL Benchmarks, What is WebGL?
webglsamples - Project Hosting on Google Code
three.jsã®äººç‰©ã‚’æç”»ã™ã‚‹ã‚µãƒ³ãƒ—ルãŒæã„ä½ãƒªã‚¢ãƒ« - å¼·ç«ã§é€²ã‚
{{#tags}}- {{label}}
{{/tags}}