GitHub - jagenjo/webglstudio.js: A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more.
WebGLStudio.js is an open-source, browser-based 3D graphics suite. You can edit scenes and materials, design effects and shaders, code behaviours, and share your work - all within a browser using standard web technologies. Some important WebGLStudio.js features: A full 3D graphics engine (LiteScene.js) that supports multiple lights, shadowmaps, realtime reflections, custom materials, postFX, skinn
GitHub - microsoft/SandDance: Visually explore, understand, and present your data.
Visually explore, understand, and present your data. By using easy-to-understand views, SandDance helps you find insights about your data, which in turn help you tell stories supported by data, build cases based on evidence, test hypotheses, dig deeper into surface explanations, support decisions for purchases, or relate data into a wider, real world context. SandDance uses unit visualizations, wh
Interior Visualization
Showcase of illumination possibilities using WebGL. Made with PlayCanvas. Illumination technique used here is: Realtime direct shadowmapping with time blended lighmaps for global illumination on: walls, ceiling and floor. For furniture we use spherical harmonics L2 with spatial and time blending for ambient light. Reflections made with time blended box projected cubemaps for image based lighting o
Jeeliz eyewear virtual try-on
Effortlessly integrate Jeeliz into your eyewear e-commerce site with a simple code snippet insertion on your product pages. Experience an instant, auto-generated virtual try-on feature that is sure to elevate customer engagement and satisfaction. Our platform stands out by offering a hassle-free experience. Say goodbye to complex product listings, lengthy waiting periods, and cumbersome API implem
次世代仕様ã®WebGPUã¨ã¯ï¼Ÿã€€æ¬¡æœŸmacOSã§ã®OpenGLéžæŽ¨å¥¨åŒ–ã¯WebGLã«å½±éŸ¿ã‚’ã‚‚ãŸã‚‰ã™ã®ã‹ - ICS MEDIA
次世代仕様ã®WebGPUã¨ã¯ï¼Ÿ 次期macOSã§ã®OpenGLéžæŽ¨å¥¨åŒ–㯠WebGLã«å½±éŸ¿ã‚’ã‚‚ãŸã‚‰ã™ã®ã‹ ウェブã®3Dグラフィックスを扱ã†æ–°ã—ã„仕様ã¨ã—ã¦ã€WebGPUãŒæ案ã•ã‚Œã¦ã„ã¾ã™ã€‚広ãæ™®åŠã—ãŸWebGLãŒã‚ã‚‹ä¸ã§ã€WebGPUã¨ã¯ã©ã†ã„ã£ãŸç›®çš„ã§ç”Ÿã¾ã‚Œã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿã€€æœ¬è¨˜äº‹ã§ã¯WebGLã¨WebGPUã®é•ã„ã¨ã€è¿‘æ³ã‚’紹介ã—ã¾ã™ã€‚ æ¥ç•Œã‚’震撼ã•ã›ãŸAppleã®OpenGLéžæŽ¨å¥¨åŒ– 今月6月上旬ã«é–‹å‚¬ã•ã‚ŒãŸWWDC 18ã§ç™ºè¡¨ã•ã‚ŒãŸmacOS 10.14 Mojaveã¨iOS 12ã®ã‚¦ã‚§ãƒ–ページã§ã¯ã€OpenGL/OpenCLãŠã‚ˆã³OpenGL ESã‚’éžæŽ¨å¥¨åŒ–ã™ã‚‹æ—¨ãŒè¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚macOS 10.14ã¨iOS 12ã§OpenGLç‰ã¯å¼•ã続ã動作ã™ã‚‹ã‚‚ã®ã®ã€Metalã¸ã®ç½®ãæ›ãˆã‚’呼ã³ã‹ã‘ã¦ã„ã¾ã™ã€‚ â–²What’s New in macOSã«ã¯OpenGLã¨OpenC
Infinitown | A WebGL Experiment by Little Workshop
This WebGL experiment is an attempt to create a procedural city that feels alive and is fun to watch. First, we generate a finite grid of random city blocks. Then, using some tricks, the viewpoint wraps around this grid, which creates the illusion of an endless cityscape. Made with: Three.js, Blender, Unity. Models by VenCreations.
deck.gl
deck.gl is a WebGL-powered framework for visual exploratory data analysis of large datasets.
Playing with fire – WebGL fire simulation
Playing with fire – WebGL fire simulation August 17, 2016 Back in the early nineties, the demoscene was in love with a simple fire effect, that generally looked something like this: Fire demo by Iguana - screenshot by pouet.net That doesn’t look much like real fire, but with some simple tweaks you can get something that looks good, runs on most graphics hardware and is easy to implement: Clear Try
ブラウザーã®3D表ç¾ã‚‚ã“ã“ã¾ã§æ¥ãŸï¼WebGLを使ã£ãŸé©šãã®Webサイト
ブラウザーã§3次元コンピュータグラフィックスを表... / WebGLを使ã£ãŸ3Dè¡¨ç¾ / SculptGLä»–...å…¨13件 ブラウザーã§3次元コンピュータグラフィックスを表示ã•ã›ã‚‹ãŸã‚ã®æ¨™æº–仕様「WebGLã€ã€‚Microsoftã‚‚é‡ã„腰を上ã’ã€æ¬¡æœŸãƒãƒ¼ã‚·ãƒ§ãƒ³ã®ã€ŒIE11ã€ã‹ã‚‰WebGLを標準サãƒãƒ¼ãƒˆã™ã‚‹ã“ã¨ãŒæ±ºå®šã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã¾ã™ã¾ã™ç›®ã«ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆãã†ã§ã™ã€‚ ãã‚“ãªã€åœ§å€’çš„ãª3D表ç¾ãŒå¯èƒ½ãªWebGLを使ã£ãŸé©šãã®Webサイトを集ã‚ã¾ã—ãŸã€‚
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ～WebGLライブラリThree.js 入門（１ï¼ï¼“）～
HTML5ã¨WebGL åˆã‚ã«HTML5ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¾ã™ã€‚HTML5ã¨ã¯ã“ã‚Œã¾ã§ã®Webページ作æˆè¨€èªžã§ä¸»æµã ã£ãŸHTML4ã‚„XHTMLã®å¾Œç¶™è¨€èªžã®ã“ã¨ã§ã€ 2008å¹´ã«è‰æ¡ˆãŒã¾ã¨ã‚られã€2014å¹´ã¾ã§ã«ã‚¦ã‚§ãƒ–ブラウザå„社ã¸ã®æ£å¼å‹§å‘Šã‚’目指ã—ã¦ç–定ãŒé€²ã‚られã¦ã„ã¾ã™ã€‚ HTML5㯠2012å¹´1月ã§ã‚‚ã¾ã 「è‰æ¡ˆã€æ®µéšŽã§ã€ä»•æ§˜ã‚‚æµå‹•çš„ãªæº–備段階ã§ã‚ã‚‹ãŒã€é–‹ç™ºå´ã‹ã‚‰ã‚‚ユーザå´ã‹ã‚‰ã‚‚éžå¸¸ã«æ³¨ç›®ãŒé›†ã‚られã¦ã„ã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ã«æŒ™ã’られã¦ã„ã‚‹ã®ãŒã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å°é ã«ã‚ˆã‚‹æƒ…å ±ç«¯æœ«ã®å¤šæ§˜åŒ–ã¸ã®å¯¾å¿œã®ãŸã‚ã§ã™ã€‚ã¤ã¾ã‚Šã€æ§˜ã€…ãªWEBコンテンツã®ã‚¯ãƒã‚¹ãƒ—ラットフォーム化ã¸ã®é‡è¦ãªè²¢çŒ®ãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚スマートフォンã®ç™»å ´ã¾ã§ã¯ã€Adobe社ãŒæä¾›ã™ã‚‹ FLASH ãŒå‹•ç”»ã‚„オーディオãªã©ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
アップルã€ã€ŒiAdã€ã§WebGLグラフィックスをサãƒãƒ¼ãƒˆã¸
MicrosoftãŒWebGLã¸ã®ã‚»ã‚ュリティ懸念を示ã™ä¸€æ–¹ã§ã€Appleã¯ã‚¦ã‚§ãƒ–ブラウザã§3Dグラフィックスを表示ã•ã›ã‚‹ãŸã‚ã®åŒæŠ€è¡“ã‚’å–り入れよã†ã¨ã—ã¦ã„る。 「Safariã€ãŒãƒ™ãƒ¼ã‚¹ã¨ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースブラウザ「WebKitã€ã®ãƒŠã‚¤ãƒˆãƒªãƒ¼ãƒ“ルドã«ã¯WebGLã®ã‚µãƒãƒ¼ãƒˆãŒå«ã¾ã‚Œã¦ã„ã‚‹ãŒã€Appleã¯WebGLã‚’æ£å¼ã«ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã¤ã‚‚ã‚Šã‹ã©ã†ã‹ã«ã¤ã„ã¦ã¯æ˜Žã‚‰ã‹ã«ã—ã¦ã„ãªã‹ã£ãŸã€‚ã—ã‹ã—ã€Appleã®ã‚る社員ãŒå…ˆé€±ã€WebGLã¯ã€ŒiOS 5ã€ã«ãŠã„ã¦ã€ã€ŒiAdã€ã®ã¿ã‚’対象ã«åˆ©ç”¨å¯èƒ½ãªé¸æŠžè‚¢ã®1ã¤ã¨ã™ã‚‹äºˆå®šã§ã‚ã‚‹ã¨è¿°ã¹ãŸã€‚ Appleã®Chris Marrinæ°ã¯ã€WebGLã®ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã§ã€ã€ŒWebGLã¯ã€iOS 5ã«ãŠã„ã¦ä¸€èˆ¬çš„ã«ã¯æä¾›ã•ã‚Œãªã„。iAd開発者ã®ã¿ãŒåˆ©ç”¨å¯èƒ½ã¨ãªã‚‹äºˆå®šã§ã‚ã‚‹ã€ã¨è¿°ã¹ãŸã€‚ 「iPhoneã€ã‚„「iPadã€ä¸Šã«ã†ã£ã¨ã†ã—ã„「Flashã€ã®åºƒå‘ŠãŒè¡¨ç¤ºã•ã‚Œãªã„ã“ã¨ã‚’ã‚
Google I/O ã® WebGL セッションãŒç´ 晴らã—ã„ã®ã§ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’紹介ã—ã¦ã¿ã‚‹ - WebOS Goodies
今週ã¯ã¿ã‚“㪠Google I/O ã«æ°—ã‚’å–られã¦ã„ã‚‹ã ã‚ã†ã‹ã‚‰ã€ãƒ–ãƒã‚°ã®æ›´æ–°ã¯ã‚µãƒœã‚ã†ã‹ãªâ€¦ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ãªã‚“ã¨ãªã動画を見ã¦ã¿ãŸ WebGL セッションã®å†…容ãŒã‚ã¾ã‚Šã«ç´ 晴らã—ã‹ã£ãŸã®ã§ã€ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’ã”紹介ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ WebGL を活用ã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„パフォーマンス Tips ãªã©ãŒè§£èª¬ã•ã‚Œã¦ã„ã¦ã€ WebGL ã«é–¢ã‚ã£ã¦ã„ã‚‹æ–¹ã¯å¿…見ã§ã™ã€‚ã¾ãŸã€ã‘ã£ã“ã†è¦‹æ „ãˆã®è‰¯ã„デモãŒã„ã‚ã„ã‚出ã¦ãã‚‹ã®ã§ã€ã€ŒWebGL ã£ã¦ãªã«ï¼Ÿã€ã¨ã„ã†æ–¹ã§ã‚‚楽ã—ã見れるã¨æ€ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€è§£èª¬ã•ã‚Œã¦ã„る内容をãã¡ã‚“ã¨ç†è§£ã™ã‚‹ã«ã¯ WebGL ã®åŸºç¤ŽçŸ¥è˜ãŒå¿…é ˆã§ã™ã€‚ã‚‚ã—セッションを見ã¦èˆˆå‘³ã‚’æŒãŸã‚ŒãŸã‚‰ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã‚‚ãœã²ã”å‚ç…§ãã ã•ã„ã¾ã›ã€‚ å‰åŠã¯å‡¦ç†ã‚’ GPU ã¸ç§»è¡Œã—ã¦ãƒ‘フォーマンス改善ã™ã‚‹ä¾‹ 最åˆã«ã¾ãš WebGL ã®åŸºæœ¬æ¦‚念を説明。ãã®å¾Œã€å††ã‚„立方体ãªã©ã®ã‚ªãƒ–ジェクトをアニメーシ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
PlayCanvas - The Web Graphics Creation Platform
GitHub - jeromeetienne/AR.js: Efficient Augmented Reality for the Web - 60fps on mobile!
GPU.js - GPU accelerated Javascript
GitHub - chinedufn/collada-dae-parser: Parse collada .dae 3d animation files into a WebGL friendly JSON format
GitHub - Erkaman/wireframe-world: An infinite wireframe world in WebGL
Stuff in Space | stuffin.space
http://www.voodoojs.com/
{{#tags}}- {{label}}
{{/tags}}