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
多彩ãªè¡¨ç¾åŠ›ã®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ã¯ã“ã‚Œã¾ã§è§£èª¬ã—
HTML5関連技術ã®WebGL(three.js)ã¨Flash(Away3D)ã®ãƒ‘フォーマンス比較 | ClockMaker Blog
HTML5関連技術ã§ã‚ã‚‹WebGL (three.js ライブラリを使用)ã§ã©ã‚Œã ã‘ã®ã‚ªãƒ–ジェクトを表示ã§ãã‚‹ã®ã‹æ°—ã«ãªã£ãŸã®ã§ã€Flash(Away3Dライブラリを使用)ã¨ãƒ‘フォーマンスを比較ã—ã¦ã¿ã¾ã—ãŸã€‚WebGL対応ブラウザã§ã‚ã‚‹Google Chromeã‚„Firefoxç‰ã§ã”覧ãã ã•ã„。 HTML Demo (Primitive Version) HTML Demo (Primitive Version Ex) HTML Demo (Optimum Version) Flash Demo (Primitive Version) Flash Demo (Optimum Version) è¨‚æ£ â€»[2013/01/16 23:50追記] 匿åã•ã‚“ã‚„three.jsã®é–‹ç™ºè€…ã§ã‚ã‚‹Mr.doobã•ã‚“ã‹ã‚‰ã‚³ãƒ¡ãƒ³ãƒˆã§ã€ã‚¸ã‚ªãƒ¡ãƒˆãƒªã®ä½œæˆéƒ¨åˆ†ã§æœ€é©åŒ–ãŒè¶³ã‚Šãªã„æ—¨ã®æŒ‡æ‘˜ã‚’é ‚ãã¾ã—ãŸã€‚ジオメトリを無駄
多彩ãªè¡¨ç¾åŠ›ã®WebGLを扱ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€
多彩ãªè¡¨ç¾åŠ›ã®WebGLを扱ã„ã‚„ã™ãã™ã‚‹ã€ŒThree.jsã€ï¼šWebグラフィックをãƒãƒƒã‚¯ã™ã‚‹ï¼ˆ5）（4/5 ページ） 特殊効果 ã¾ã‚‹ã§ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚²ãƒ¼ãƒ æ©Ÿã®ã‚ˆã†ãªã€æ´¾æ‰‹ãªç‰¹æ®ŠåŠ¹æžœã‚‚WebGLãŒå¾—æ„ã¨ã™ã‚‹ã¨ã“ã‚ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“Three.jsã«ã‚‚ã€ãã†ã—ãŸç‰¹æ®ŠåŠ¹æžœã‚’サãƒãƒ¼ãƒˆã™ã‚‹æ©Ÿèƒ½ãŒæ載ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã“ã§ã¯ã€ãれらã®ä¸ã‹ã‚‰ä»£è¡¨çš„ãªã‚‚ã®ã‚’4ã¤è§£èª¬ã—ã¾ã™ã€‚ パーティクルシステムフォグ レンズフレア ãƒã‚¹ãƒˆãƒ—ãƒã‚»ã‚¹ ã“れらã®ç‰¹æ®ŠåŠ¹æžœã‚’å–り入れるã“ã¨ã§ã€ã‚ˆã‚Šã‚¤ãƒ³ãƒ‘クトãŒå¼·ãè¦‹æ „ãˆã®è‰¯ã„æ˜ åƒè¡¨ç¾ãŒã§ãã¾ã™ã€‚ã„ãšã‚Œã‚‚ç°¡å˜ã«ä½¿ãˆã‚‹ã®ã§ã€ãœã²æ´»ç”¨ã—ã¦ãã ã•ã„。 パーティクルシステムパーティクルシステムã¯ã€ç´°ã‹ã„スプライトを大é‡ã«è¡¨ç¤ºã—ã¦å„種効果を実ç¾ã—ã¾ã™ã€‚WebGLã¯è¡¨ç¤ºå‡¦ç†ã®ã»ã¨ã‚“ã©ã‚’高速ãªGPUã§å®Ÿè¡Œã™ã‚‹ã®ã§ã€ä»–ã®APIã§ã¯ä¸å¯èƒ½ãªã»ã©è†¨å¤§ãªæ•°ã®ãƒ‘ーティクルãŒã„ã¨ã‚‚ç°¡å˜ã«è¡¨ç¤ºã§ãã¾ã™ã€‚ Three.
日記 | ヨモツãƒãƒƒãƒˆ
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 混在ã§ã
Opera News
Gaming, Opera GX Opera GX now lets you control every detail of your browser, with more customization options... November 20th, 2024 With the latest update, Opera GX now expands its modding features, giving you even more ways to completely transform your... Desktop Get Spotify Premium with Opera One R2’s new Music Player November 19th, 2024 Spotify becomes the default music player in Opera One R2.
WebGLやウェブカム対応ã®æœ€æ–°ãƒ–ラウザーOpera 12公開 (1/3)
10月11日（ç¾åœ°æ™‚間）ã€Opera SoftwareãŒé–‹å‚¬ã™ã‚‹ãƒ—レスイベント「Up North Webã€ãŒä»Šå¹´ã‚‚ノルウェーã®é¦–都オスãƒã§é–‹å‚¬ã•ã‚ŒãŸã€‚創立15周年を記念ã—ã¦ã€æ˜¨å¹´ã‹ã‚‰å§‹ã¾ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆï¼ˆé–¢é€£è¨˜äº‹ï¼‰ã€‚ 今回ã¯ã€ŒWeb everywhereã€ã‚’テーマã«æ®ãˆã¦ã„る。パソコンå‘ã‘（Desktop版）ã®ãƒ–ラウザーã¯ã‚‚ã¡ã‚ã‚“ã ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã‚„組ã¿è¾¼ã¿å¸‚å ´å‘ã‘ã®è£½å“ã€åºƒå‘Šé…信サービスã€HTML 5＋CSS3ãªã©ã‚¦ã‚§ãƒ–標準技術ã«å¯¾ã™ã‚‹å–り組ã¿ãªã©ã‚‚ç©æ¥µçš„ã«ã‚¢ãƒ”ールã—ã¦ã„る。 編集部ã§ã¯ã‚ーパーソンã¸ã®å€‹åˆ¥å–æã™ã‚‹æ©Ÿä¼šã‚’å¾—ãŸã®ã§ã€æ•°å›žã«åˆ†ã‘ã¦ãã®å†…容を紹介ã™ã‚‹ã€‚第1回ã¯ãƒ—レスイベントã§ç™ºè¡¨ã•ã‚ŒãŸé–‹ç™ºä¸ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ŒOpera 12ã€ã®è¦‹ã©ã“ã‚ã«ã¤ã„ã¦ã¿ã¦ã„ã“ã†ã€‚ ブラウザーも「巻ã物ã€ã‹ã‚‰ã€Œæœ¬ã€ã¸ã¨å½¢æ…‹ãŒé€²åŒ– ウェブブラウザーã¨ã„ã†ã¨ã€HTML 1.0ã¨NCSA MosaicãŒç™»å ´ã—ãŸé»Žæ˜ŽæœŸ
IEWebGL - WebGL for Internet Explorer
IEWebGL v1.1.4 Released - Fixed WebGL error logging to browser console. - Added some CORS textures support. - Fixed buffer range checking in glDrawElements(). - Fixed convertion of FP values from JS (made it system locale invariant). IEWebGL v1.1.3 Released - Fixed issues with first frame rendering. - Delete WebGL objects that were deleted are no longer bound to the GL context.
WebGL スライド共有サービスを作りã¾ã—㟠- hakobera's blog
先々週末ã«å‚åŠ ã—㟠第５回 WebGL 勉強会ã§ã¤ã‹ã£ãŸ WebGL 3D プレゼンãŒå¥½è©•ã ã£ãŸã®ã§ã€é€±æœ«å‹¢ã„ã§å…±æœ‰ã‚µãƒ¼ãƒ“スを作ã£ã¦ã¿ã¾ã—ãŸã€‚ WebGLeit - Share Your WebGL Slide Google アカウントãŒã‚ã‚Œã°ã€èª°ã§ã‚‚ã”利用ã«ãªã‚Œã¾ã™ã€‚ WebGL ãŒæœ‰åŠ¹ãª Chrome 9 以上ã‹ã€FireFox 4 β11 ã ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ãŒ 3D ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ä»–ã®ãƒ–ラウザã®æ–¹ã¯ã€æ™®é€šã® HTML プレゼンã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã¯ãšã§ã™ã€‚ スライドã®ã‚¯ãƒªãƒƒã‚¯ã§é€²ã‚€ã€ãƒ‰ãƒ©ãƒƒã‚°ã§ã‚¹ãƒ©ã‚¤ãƒ‰å›žè»¢ã€ãƒ›ã‚¤ãƒ¼ãƒ«ã§æ‹¡å¤§ç¸®å°ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãªãŠã€æ—¢çŸ¥ã®å•é¡Œã¨ã—ã¦ã€Mac ã® Chrome ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã®åŠåˆ†ãらã„ãŒç™½ããªã£ã¦ã“ã¨ã€Windows 版㮠Chrome ã§ç·¨é›†ç”»é¢ãŒã‚‚ã®ã™ã”ãé‡ã„ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ã“ã®è¾ºã¯ WebGL ã®å®Ÿè£…ã®å•é¡Œãªã®ã‹ã€ã‚¢ãƒ—リã®å•é¡Œãªã®ã‹ã¯èª¿æŸ»ä¸ã§ã™ã€‚
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ãª
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/
Buy Instagram Likes - 100% Real & Instant | Just $1.49
http://atnd.org/events/21978
{{#tags}}- {{label}}
{{/tags}}