Home

Awesome

J3D

J3D was a WebGL based 3D engine. I used it for my personal experiments and demos. It's a playground rather than a production environment. It consists of a Javascript rendering engine and a C#/Unity3d scene exporter.

Most of the demos should work in all WebGL enabled browsers, including Chrome, Firefox, Opera 12 Alpha and Safari (with WebGL enabled) on desktop. Some demos only run in alpha/nightly builds of selected browsers. Some demos run in Firefox on Android.

UPDATE 2022: I reviewed the demos & experiments and updated them when necessary. WebGL is widely suported in 2022, so the experiments should work in any browser, including mobile. I also created an archive web page with all the experiments.

J3D was created by Bartek Drozdz.

Tutorials

How to create a cube Unity exporter tutorial

<!-- ## API Docs [API documentation](http://everyday3d.com/j3d/apidocs/) ## Articles [Shaders tutorial in .net magazine](http://www.netmagazine.com/tutorials/create-amazing-webgl-effects-shaders) ## Projects [![Sundance Rectify](/thumbs/proj_rectify.jpg)](http://holotype.co/project/rectify) [![Tool Christmas Card](/thumbs/proj_toolxmas.jpg)](http://demo.toolprototype.com/toolxmas/) ## Demos & experiments [![Hello Cube](/thumbs/001_hellocube.jpg)](https://j3d.bartekdrozdz.com/demo/000_HelloCube.html) [![Lights](/thumbs/002_lights.jpg)](https://j3d.bartekdrozdz.com/demo/001_Lights.html) [![Scene exported from Unity3d](/thumbs/003_scene.jpg)](https://j3d.bartekdrozdz.com/demo/002_Scene.html) [![Cubemap / Reflective material / Skybox](/thumbs/004_skybox.jpg)](https://j3d.bartekdrozdz.com/demo/003_Cubemap.html) [![Glass / Refraction, reflection, fresnel, chromatic dispersion](/thumbs/005_glass.jpg)](https://j3d.bartekdrozdz.com/demo/004_Glass.html) [![1.000.000 static particles (or more :)](/thumbs/006_particles.jpg)](https://j3d.bartekdrozdz.com/demo/005_Particles.html) [![Particle stream](/thumbs/007_stream.jpg)](https://j3d.bartekdrozdz.com/demo/006_Particle_animation.html) [![Texture tile and offset](/thumbs/008_tileoffset.jpg)](https://j3d.bartekdrozdz.com/demo/007_TileAndOffset.html) [![Lightmapped scene](/thumbs/009_lightmap.jpg)](https://j3d.bartekdrozdz.com/demo/008_Lightmap.html) [![Basic filter](/thumbs/010_basicfilter.jpg)](https://j3d.bartekdrozdz.com/demo/009_BasicFilter.html) [![Toon shading](/thumbs/011_toon.jpg)](https://j3d.bartekdrozdz.com/demo/010_ToonShading.html) [![Plasma Effect](/thumbs/012_plasma.jpg)](https://j3d.bartekdrozdz.com/demo/011_Plasma.html) [![Particle Rain](/thumbs/013_rain.jpg)](https://j3d.bartekdrozdz.com/demo/012_ParticleRain.html) [![Paper](/thumbs/014_paper.jpg)](https://j3d.bartekdrozdz.com/demo/013_Paper.html) [![Head](/thumbs/015_head.jpg)](https://j3d.bartekdrozdz.com/demo/014_Head.html) [![Persistence](/thumbs/016_persistence.jpg)](https://j3d.bartekdrozdz.com/demo/015_Persistence.html) [![Blur](/thumbs/017_blur.jpg)](https://j3d.bartekdrozdz.com/demo/016_BlurFilter.html) [![Scene management](/thumbs/018_sceneman.jpg)](https://j3d.bartekdrozdz.com/demo/017_SceneManagement.html) [![Globe](/thumbs/019_sphere.png)](https://j3d.bartekdrozdz.com/demo/018_Sphere.html) [![Terrain shader](/thumbs/020_terrain.jpg)](https://j3d.bartekdrozdz.com/demo/019_Terrain.html) [![Webcam texture (Canary, Opera Labs)](/thumbs/023_webrtc.jpg)](https://j3d.bartekdrozdz.com/demo/022_Webcam.html) [![Webcam particles (Canary, Opera Labs)](/thumbs/024_webcamParticles.jpg)](https://j3d.bartekdrozdz.com/demo/023_Webcam_Particles.html) -->