background preloader

WebGL Water

WebGL Water
Loading... 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: Raytraced reflections and refractions Analytic ambient occlusion Heightfield water simulation * Soft shadows Caustics (see this for details) ** * requires the OES_texture_float extension** requires the OES_standard_derivatives extension Tile texture from zooboing on Flickr

http://madebyevan.com/webgl-water/

Related:  Do Online Now GuysHTML5 & WebGLElectronic Interactive Artblenderrobsonfernandez

WebGL Water Simulation" by Evan Wallace From the Author: A pool of water rendered 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. 40 Beautiful Free HTML5 & CSS3 Templates Dec 01 2011 Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all.

// Animated Gifs 01 - Matthew DiVito // MOTION // GRAPHIC // DESIGN // Animated Gifs 01 What started as a little experiment has grown into something more. Selections from my blog mrdiv.tumblr.com retro_break january 22, 2012 shatter march 16, 2012 reset march 19, 2012 Inaccessible is Accessible If your a 3d modeller who works with blender(or other software) and knows very little or no coding, this tutorial is for you. In a few easy steps you can convert your existing models to webgl and put them on your website. . tutorial is with Blender and x3d.. but other software can be used as well. note: also check out and for no hassle online model hosting. Sketchfab.com now works on android devices(in webgl supporting browsers.. and i think ICS)! Good job Sketchfab team!

Create Something. Donate Login Remember Me Create An Account Forgot Password Otomata - Online Generative Musical Sequencer 16 Jul 2011 Click on the grid below to add cells, click on cells to change their direction, and press play to listen to your music. Update: Click here to get Otomata for your iPhone / iPod / iPad! Official facebook page: Also this reddit page has many examples: And there is a subreddit for Otomata:

Echo Test The first section of this page will let you do an HTML5 WebSocket test against the echo server. The second section walks you through creating a WebSocket application yourself. You can also inspect WebSocket messages using your browser. Try it out Nudge Select 1 of 8 different Sound Patterns from the small Matrixes icons on the right. Use your mouse to draw notes on each 16 Step Matrix. Adjust the volume of the iNudge. Click MORE for advanced adjustment abilities. For each Pattern, adjust Volume, Mute, Clear, or set Audio Pan from Left to Right. Click on the Tempo numbers and click up or down to change the overall Tempo. Blender export — X3DOM v1.4-dev documentation Converting Blender scenes into X3DOM webpages is pretty simple: Blender already supports direct X3D export even so there are some issues (Don Brutzman wrote about). Blender Version 2.4 seems to export some more nodes (e.g. lights), but in general it works. We will explore this more in the future, but an exported X3D file (such as the little horse shown below) may afterwards be easily be integrated into an HTML webpage using X3DOM. Just finish your model in Blender and export to x3d file format (see next image). There are two ways to get your X3D data into the HTML page, and both include no coding at all: You can embed the X3D file by hand in a (X)HTML page, but this may include some hand-tweaking.

Create an animation online with AnimateStar ABCya is the leader in free educational computer games and mobile apps for kids. The innovation of a grade school teacher, ABCya is an award-winning destination for elementary students that offers hundreds of fun, engaging learning activities. Millions of kids, parents, and teachers visit ABCya.com each month, playing over 1 billion games last year. Apple, The New York Times, USA Today, Parents Magazine and Scholastic, to name just a few, have featured ABCya’s popular educational games. ABCya’s award-winning Preschool computer games and apps are conceived and realized under the direction of a certified technology education teacher, and have been trusted by parents and teachers for ten years.

Fluid simulation with Turing patterns Fps: Fluid simulation with Turing patterns (sort of) This demo is built on the Reaction-Diffusion template from the WebGL playground and Evgeny Demidov's fluid simulation. Anyway, this implementation does not use the OpenGL extension OES_TEXTURE_FLOAT. Instead a 16bit "minifloat" buffer is used here.The extension might still be a good start for optimization!To be correct these aren't real "Turing patterns", though the dots are quite characteristic. What you see is actually the simpler kind of one-component Reaction-Diffusion equations.

GoJS Overview - HTML5 Canvas JavaScript Library for Diagrams GoJS Overview GoJS is a fast and powerful JavaScript library for implementing interactive diagrams in HTML5 web applications. The design of GoJS is similar to the design of our other diagramming controls and to GoXam in particular. Unusual Long Exposure Firework Photographs by David Johnson While attending the International Fireworks Show in Ottawa, Canada earlier this month photographer David Johnson had his camera in hand to document the night. When Spain’s entry into the competition begin he decided to try something a little different resulting in the photos you see here which are unlike any long exposure firework shots I’ve ever seen. Via email David tells me how he accomplished the effect: The technique I used was a simple refocus during the long exposure. Each shot was about a second long, sometimes two. I’d start out of focus, and when I heard the explosion I would quickly refocus, so the little stems on these deep sea creature lookalikes would grow into a fine point.

Realistic Bubble Material? did some testing 1 - why don't we see the floor in render ? 2 -also if you increase the big emission circle at top larger then it wash out the buble a lot so seems to be valid only in darkness or almost darkness with small light sources! this effect might be use for north light may be if possible to show in a larger bubble = sky thanks happy 2.5 1. see node setup for the floor.. :)

Related:  MathsJavascriptCienciaCGI