The Web Designer Pro @thewebdesignerpro - Tumblr Blog

WebGL Sunny Scenery

WebGL 3D demo of a beautiful, sunny, scenery, with lens flare & sky shader.

Check it out:

https://thewebdesignerpro.com/scenery.html

#three.js #webgl #3d #rendering #animation #canvas #html5 #lens flare #sky shader #sunrise #sunset

Deck.gl Bus Routes Visualization

WebGL, deck.gl, based on tripslayer, mapbox, openstreetmap, bus routes paths data visualization, demo by @armychiu.

Deck.gl 3D map, bus routes data visualization demo.

Check it out:

https://thewebdesignerpro.com/visualization/busroutes/

#deck.gl #webgl #mapbox #openstreetmap #3d #map #data #visualization #animation #rendering

Ocean Waves Simulation with Moonlight

WebGL demo of the moon, moonlight, stars, and ocean waves.

Check it out:

http://thewebdesignerpro.com/moonlight.html

#webgl #three.js #visualization #motion #animation

Surreal Tunnel

WebGL demo of a colorful, surreal, infinite tunnel effect.

Kinda psychedelic and relaxing. For best effect, turn-off the lights, and go full-screen.

Enjoy!

http://thewebdesignerpro.com/surrealtunnel.html

#webgl #three.js #endless tunnel #psychedelic #html5 audio #trippy #colorful

WebGL, Threejs, sky demo by @armychiu.

WebGL sky scene, with lens flares, demo.

Check it out:

http://thewebdesignerpro.com/sky.html

#webgl #three.js #shader #lens flare #low-poly #3d #rendering #animation

Ocean Waves Simulation with Sunset

WebGL Sunset, Ocean waves demo.

Check it out:

http://thewebdesignerpro.com/sunset.html

#webgl #three #animation #html5 canvas #html5 audio

WebGL 3D Dynamic Procedural Terrain. Misty mountains.

WebGL dynamic procedural terrain demo, using displacement shader.

Check it out:

http://thewebdesignerpro.com/proceduralterrain.html

#webgl #three.js #shader #html5 canvas #3d mesh #html5 audio

WebGL, Threejs, UFO Over The Sea demo. Cubemap, reflection, mirror, and water shader.

WebGL demo of a UFO hovering over the sea. Cubemap and water shader.

Check it out:

http://thewebdesignerpro.com/ufooverthesea.html

#webgl #three.js #cubemap #shader #html5 canvas

WebGL, Threejs Cubemap demo.

WebGL Cubemap demo. Infinite Torus Knot.

Check it out:

http://thewebdesignerpro.com/cubemap.html

#webgl #three.js #cubemap #torus knot #rendering

Audio Visualization - Blob Morph

WebGL Blob Morph, audio-reactive demo,

Check it out:

http://thewebdesignerpro.com/blobmorph.html

#webgl #three.js #morphing #html5 canvas #html5 audio

Starlight Express is a WebGL, Threejs, Infinite Tube demo.

Travel through the galaxy on the Starlight Express. All aboard!

WebGL demo of an infinite tube. Check it out:

http://thewebdesignerpro.com/starlightexpress.html

#webgl #three.js #animation #rendering #3d #audio

WebGL, Threejs, Flat Earth demo.

WebGL demo of a Flat Earth.

Check it out:

http://thewebdesignerpro.com/flatearth.html

#webgl #three.js #shader #displacement #canvas

WebGL 3D Blood Moon, Procedural Terrain.

WebGL demo of a Blood Moon, pyramids, and desert.

Check it out:

http://thewebdesignerpro.com/bloodmoon.html

#webgl #three.js #3d #canvas #rendering

WebGL 3D Procedural City. Lights at Night.

WebGL 3D Procedurally-generated city, with audio.

Check it out:

http://thewebdesignerpro.com/proceduralcity.html

#webgl #three.js #3d #canvas #audio #rendering

Infinite Rainbow Tunnel

A fun little WebGL experiment, infinite rainbow tunnel.

Check it out:

http://thewebdesignerpro.com/rainbowtunnel.html

#web #three.js #html5 #audio #canvas #javascript #3d

WebGL, Threejs, Earth, Moon, and Sun demo.

One of my earlier WebGL demos. It’s an Earth, Moon, and Sun simulation. Plus lens flare.

Check it out:

http://thewebdesignerpro.com/earthmoonsun.html

#webgl #three.js #javascript #html5 #audio #3d #rendering #animation #canvas #astronomy

Ocean Waves simulation

WebGL ocean waves simulation, with HTML5 Audio.

Check it out:

http://thewebdesignerpro.com/oceanwaves.html

#webgl #three.js #javascript #3d #rendering #animation #html5 #audio #canvas #demo

Trending Blogs

Recently Viewed Blogs

The Web Designer Pro