Web GL
1.0K views | +0 today
Follow
Web GL
WebGL is a new web technology that brings hardware-accelerated 3D graphics to the browser without installing additional software.
Curated by Youyouk
Your new post is loading...
Your new post is loading...
Scooped by Youyouk
Scoop.it!

Animated Heat Distortion Effects with WebGL | Codrops

Animated Heat Distortion Effects with WebGL | Codrops | Web GL | Scoop.it
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.
No comment yet.
Scooped by Youyouk
Scoop.it!

voxel.css • Demo

voxel.css • Demo | Web GL | Scoop.it
Youyouk's insight:

Voxel.css makes it easy to render 3D. It supports all image types and includes GPU acceleration and CSS3 transitions.

Homepage: http://voxelcss.com/

No comment yet.
Scooped by Youyouk
Scoop.it!

30 Stunning WebGL Examples and Demos in Action • 1stwebdesigner

30 Stunning WebGL Examples and Demos in Action • 1stwebdesigner | Web GL | Scoop.it
WebGL is a new API based on JavaScript that allows you to create 3D and 2D interactive graphics. Check out some 30 amazing WebGL examples and demos here.
No comment yet.
Scooped by Youyouk
Scoop.it!

GLSL Transition Example

GLSL Transition Example | Web GL | Scoop.it
Youyouk's insight:

GLSL-Transition is a fantastic project by Gaëtan Renaudeau that leverages the powers of WebGL Shaders (GLSL) to create amazing transition effects.

No comment yet.
Scooped by Youyouk
Scoop.it!

Move a Cube With Your Head or Head-Tracking with WebGL - Learning Three.js

Move a Cube With Your Head or Head-Tracking with WebGL - Learning Three.js | Web GL | Scoop.it
This post is about head tracking and how to use it in 3D.
It is surprisingly easy to do with the suitable libraries.
We will experiment with …
No comment yet.
Scooped by Youyouk
Scoop.it!

HexGL: un jeu HTML5 et WebGL entre FZéro et WipeOut !

HexGL: un jeu HTML5 et WebGL entre FZéro et WipeOut ! | Web GL | Scoop.it
HexGL is a futuristic racing game built by Thibaut Despoulain (BKcore) using HTML5, Javascript and WebGL. Come challenge your friends on this fast-paced 3D game!
No comment yet.
Scooped by Youyouk
Scoop.it!

30 WebGL Experiments That Are Just Wow!

30 WebGL Experiments That Are Just Wow! | Web GL | Scoop.it
Behold, for a great tool with great promises is coming to your eyes.
No comment yet.
Scooped by Youyouk
Scoop.it!

Most impressing HTML5 with WebGL demonstrations – Script Tutorials

Most impressing HTML5 with WebGL demonstrations – Script Tutorials | Web GL | Scoop.it
Most impressing WebGL demonstrations...
No comment yet.
Scooped by Youyouk
Scoop.it!

Chrome Experiments - WebGL Experiments

Chrome Experiments - WebGL Experiments | Web GL | Scoop.it
A site that showcases cool experiments for both JavaScript and web browsers.
No comment yet.
Scooped by Youyouk
Scoop.it!

The Aviator: The Game | Codrops

The Aviator: The Game | Codrops | Web GL | Scoop.it
Demo of the game: The Making of 'The Aviator': Animating a Basic 3D Scene with Three.js
No comment yet.
Scooped by Youyouk
Scoop.it!

Creating a 3D game with Three.js and WebGL - Build New Games

Creating a 3D game with Three.js and WebGL - Build New Games | Web GL | Scoop.it
Creating a 3D Game With Three.js and WebGL Jul 24th, 2013 | by Nikhil Suresh .gist, .gist-file { max-height: none !important; } Prerequisites A …
No comment yet.
Scooped by Youyouk
Scoop.it!

Chrome Experiments - "WebCam Mesh" by Felix Turner

Chrome Experiments - "WebCam Mesh" by Felix Turner | Web GL | Scoop.it
This demo connects HTML5 WebCam input to a WebGL 3D Mesh. It creates a 3D depth map by mapping pixel brightness to Z-depth. Perlin noise is used for the ripple effect and CSS3 filters are used for color effects.
No comment yet.
Scooped by Youyouk
Scoop.it!

HTML5 + WebGL: 3D Our Web

HTML5 + WebGL: 3D Our Web | Web GL | Scoop.it
I remember the first time of watch “Avatar”; I was totally impressed by the astonishing 3D effects. It makes me feel like I’m the part of the movie.
No comment yet.
Scooped by Youyouk
Scoop.it!

Creating a Keyboard Sensitive 3D Twisted Images in #WebGl – Script Tutorials

Creating a Keyboard Sensitive 3D Twisted Images in #WebGl – Script Tutorials | Web GL | Scoop.it
Twisting images - WebGL lesson #2...
No comment yet.
Scooped by Youyouk
Scoop.it!

Superbe démo des possibilités offertes par le #WebGL

Superbe démo des possibilités offertes par le #WebGL | Web GL | Scoop.it
Check out “3 Dreams of Black” – a new an interactive film by Chris Milk. With music from the album “Rome” by Danger Mouse, Daniele Luppi, featuring Jack White and Norah Jones.
No comment yet.