загрузка...

Google I/O 2011: WebGL Techniques and Performance

Gregg Tavares WebGL is in most major browsers. Learn the techniques needed to get the maximum performance from WebGL. We'll go over how to draw the most models, particles and grass systems, creative use of uv offsets and other effects.
Категория: Science & Technology
Время: 00:39:06
Теги: Google I/O 2011 HTML5 JS webgl GL Graphics Canvas
 

ROME: "WebGL: The Technology Behind '3 Dreams of Black'"

Experience "3 Dreams of Black" at www.ro.me "3 Dreams of Black" is Chris Milk's new interactive film, created in WebGL with some friends from Google, for Danger Mouse & Daniele Luppi's ROME, featuring Jack White & Norah Jones. The project is a Chrome Experiment (www.chromeexperiments.com that showcases some of the latest web technologies in modern browsers like Google Chrome. In building "3 Dreams of Black", we've had the opportunity to build many tools, libraries, and models. We've fully opened up the source code and made it available for web developers to tinker with us at www.ro.me In addition to the code, a few other highlights include eight WebGL demos, a fun model viewer for interacting with some of the animals from the web experience, and the Three.js 3D library used for building the experience. In addition, a big part of the project was to define a good pipeline for getting all the animals and environment models right in WebGL -- for this, we extended Blender with custom plugins so we could manipulate and export the data with ease.
Категория: Science & Technology
Время: 00:02:09
Теги: rome webgl html5 dreams black danger mouse daniele luppi jack white norah jones Google Chrome Chrome Experiment 3 Dreams of Black Chris Milk interactive 3D music video interactive film technology tech video
 

Google Maps meets WebGL

Go to maps.google.com Using WebGL technology, Google MapsGL is an experimental project which enables a richer maps experience with immersive 3D buildings, smoother transitions between imagery, fluid transitions into Streetview and more, directly in your browser and all without a plugin.
Категория: Science & Technology
Время: 00:01:09
Теги: Google Maps webgl
 

WebGL Water Simulation

A realtime pool of water rendered using WebGL with reflection, refraction, caustics, and ambient occlusion. The pool is simulated with a heightfield and contains a sphere that can interact with the water's surface. madebyevan.com
Категория: Science & Technology
Время: 00:00:55.500
Теги: webgl water simulation reflection refraction caustics realtime
 

WebGL 101

A WebGL instructional video by Erik Moller, Intro www.youtube.com 01 - www.youtube.com 02 - www.youtube.com 03 - www.youtube.com 04 - www.youtube.com 05 - www.youtube.com 06 - www.youtube.com 07 - www.youtube.com 08 - www.youtube.com Matrix www.youtube.com 09 - www.youtube.com 10 - www.youtube.com 11 - www.youtube.com 12 - www.youtube.com 13 - www.youtube.com 14 - www.youtube.com Credits www.youtube.com
Категория: Education
Время: 01:54:20.250
Теги: webgl 101 javascript opengl
 

+Chrome Developer: WebGL Hangout

Is the light on? Is the camera pointed in the right direction?
Категория: Science & Technology
Время: 00:43:56.250
Теги: Google Chrome webgl
 

WebGL Debugging

An quick overview about how to debug WebGL applications.
Категория: Science & Technology
Время: 00:06:22.500
Теги: Debugging webgl Chrome Google Chrome GLSL Unit webgl Inspector
 

WebGL Terrain Editing

Editing terrain in WebGL. This demo is located at robchadwick.com The drawing operations are all computed on the GPU, so interaction should be fast and fluid. Ambient occlusion, soft shadows, and atmosphere volume shadows are raytraced on the GPU. Samples are accumulated over time, and take about 60 frames to converge to a nice smooth image. Direct lighting uses spherical harmonics, and the landscape is normal mapped. Texturing uses a texture atlas. Built with OSGJS.
Категория: Science & Technology
Время: 00:03:48.750
Теги: webgl Terrain 3d modeling HTML5 raytracing GPU
 

WebGL Team Fortress 2

WebGL renderer for Source Engine levels I wrote and demoed at onGameStart. Source code is available from Github: github.com You can read more technical details at my blog: blog.tojicode.com
Категория: Science & Technology
Время: 00:02:05.250
Теги: webgl Team Fortress 2 Source Engine ongamestart
 

iOS RAGE rendered with WebGL

A WebGL Demo I built for my presentation at OnGameStart in Poland this september (www.ongamestart.com). Renders levels from the iOS version of id Software's RAGE in a browser. See more details on this demo and other WebGL projects at my Blog, http See my blog post about building this demo at: blog.tojicode.com See my documentation on the iOS RAGE format here: goo.gl
Категория: Science & Technology
Время: 00:02:57
Теги: webgl Rage ongamestart
 
<<Prev | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | Next>>