Three.js

Explore the creation of a 3D glass portal with React Three Fiber, with optimized rendering using Gaussian Splatting and integrating real-world objects.

A beginner friendly introduction to 3D Gaussian Splats and tutorial on how to train them.

December 21, 2023

3D Gaussian Splatting is a recent volume rendering method useful to capture real-life data into a 3D space and render them in real-time. The end results are similar to those from Radiance Field methods (NeRFs), but it's quicker to set up, renders faster, and delivers the same or better quality.

Radiance Field methods have revolutionised the visualisation synthesis of scenes captured with multiple photos or videos.

Representing and rendering dynamic scenes has been an important but challenging task. Especially, to accurately model complex motions, high efficiency is usually hard to guarantee. To achieve...

A method for synthesizing novel views of complex scenes by optimizing an underlying continuous volumetric scene function using a sparse set of input views.

Discover amazing ML apps made by the community

Radiance Field methods have revolutionised the visualisation synthesis of scenes captured with multiple photos or videos.

JavaScript Gaussian Splatting library.

Simple USD Viewer based on Autodesk's USD WASM Fork

Threlte is a 3D framework for Svelte that lets you rapidly build interactive 3D apps for the web

Learn how to create a 3D dataviz with Svelte and Three.js

Creating experiences for the web was never so easy. Iterate at blazing speeds, using the tools and workflows you love.

Get exclusive tips and insights from 3DCG Creator Hiroshi Kanazawa throughout 21 online classes.

Teaching a creative code course inside of Blender Using Blender as a Photoshop alternative Recreate something like Flash 5 and actionscript 2.0 in Blender

Rigging is the key to making a 3D character ready to animate, but everyone finds it so intimidating. Even I was afraid of it at first. But now I find it beau...

Our Blender render farm allows you to monitor & manage your projects with ease thanks to the cloud. Enjoy hassle-free blender rendering with us.

Get exclusive tips and insights from 3DCG Creator Hiroshi Kanazawa throughout 21 online classes.

Background

A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

I would like to let the computer draw something. It should look like a human is drawing something on a paper, with random values. This is my try: function setup() { createCanvas(500, 500);