Loading video...

Video Failed to Load

Go Home

I made a quick little threejs previewer for patina outputs. paste the json, click apply, preview it within threejs on a plane or sphere with an HDRI or basic lighting (via the Three Lights option in the HDRI dropdown)

codetaur's profile picture

Codetaur

6,852 subscribers

54,218 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

threejs globe with satellites, ERA5 wind data, HDRI lighting, etc
1:00

threejs globe with satellites, ERA5 wind data, HDRI lighting, etc

Codetaur

92,562 views • 3 months ago

Here's an improved version of it, swapped out studio lighting with an hdri, and some improvements on the jelly as well will add to my threejs agent skills soon
0:44

Here's an improved version of it, swapped out studio lighting with an hdri, and some improvements on the jelly as well will add to my threejs agent skills soon

Scott

21,583 views • 1 month ago

Image to Light - the first AI implementation test on for lighting estimation, and it's🔥 It can generate 360 HDRI light based on just one reference image. Ideal for capturing the lighting from real photos and creating renderings with backplates. I had planned any AI implementation for later, but thanks to Ulrich Forkel for sharing great resources, I couldn't postpone playing with it. #threejs #webgl #ai
0:36

Image to Light - the first AI implementation test on for lighting estimation, and it's🔥 It can generate 360 HDRI light based on just one reference image. Ideal for capturing the lighting from real photos and creating renderings with backplates. I had planned any AI implementation for later, but thanks to Ulrich Forkel for sharing great resources, I couldn't postpone playing with it. #threejs #webgl #ai

max

42,495 views • 2 years ago

procedural roots on arbitrary mesh in threejs with three-mesh-bvh
0:29

procedural roots on arbitrary mesh in threejs with three-mesh-bvh

Codetaur

23,055 views • 7 months ago

I moved the bitmap ui layer into the threejs scene itself instead of injecting it between the three scene and the CRT shader
0:24

I moved the bitmap ui layer into the threejs scene itself instead of injecting it between the three scene and the CRT shader

Codetaur

15,848 views • 7 months ago

made my threejs "pixel screen" shader more generic. give it a 2D grid of pixels and it does the rest. so obviously, bad apple.
0:53

made my threejs "pixel screen" shader more generic. give it a 2D grid of pixels and it does the rest. so obviously, bad apple.

Codetard

19,438 views • 1 year ago

ok patina is so much fun to play with now that I can the outputs like this. I do wish this was just the UI in fal though
0:33

ok patina is so much fun to play with now that I can the outputs like this. I do wish this was just the UI in fal though

Codetaur

14,068 views • 6 months ago

moving shader controls inside the CRT's ui. built with threejs / webgpu
0:51

moving shader controls inside the CRT's ui. built with threejs / webgpu

Codetaur

21,043 views • 4 months ago

well I was back to working on my threejs crt shader with fable before they killed it so... now wtf do I do
0:39

well I was back to working on my threejs crt shader with fable before they killed it so... now wtf do I do

Codetaur

37,902 views • 4 months ago

Pushing my 3D Rive scripts further, with a focus on product visualization. ✓ Material controls ✓ Depth of field ✓ Motion blur ✓ HDRI lighting The scripts will soon be available on the Rive Marketplace to try out in Early Access!
0:50

Pushing my 3D Rive scripts further, with a focus on product visualization. ✓ Material controls ✓ Depth of field ✓ Motion blur ✓ HDRI lighting The scripts will soon be available on the Rive Marketplace to try out in Early Access!

Sanu Sagar

13,388 views • 1 month ago

trying to figure out the best way to gigantic 10000x10000 32bit geotiffs in threejs. no idea what I am doing
0:26

trying to figure out the best way to gigantic 10000x10000 32bit geotiffs in threejs. no idea what I am doing

Codetaur

21,113 views • 1 year ago

some volumetric testing in threejs
0:22

some volumetric testing in threejs

Codetaur

14,867 views • 9 months ago

NEW video of the UAP Sphere Network released by US Government: I like this one because it clearly shows the difference between the three Type 1 spheres flying in a triangular/V formation… With a separate Type 2 sphere positioned next to them. In Patrick Jackson model: The three forward spheres establish the target’s position across a two-dimensional plane. The fourth sphere functions somewhat like a rangefinder or depth-calculation node, supplying distance information. Together, the four use trilateration to track an object in three-dimensional space…potentially as part of a targeting or planetary-defense system.
8:06

NEW video of the UAP Sphere Network released by US Government: I like this one because it clearly shows the difference between the three Type 1 spheres flying in a triangular/V formation… With a separate Type 2 sphere positioned next to them. In Patrick Jackson model: The three forward spheres establish the target’s position across a two-dimensional plane. The fourth sphere functions somewhat like a rangefinder or depth-calculation node, supplying distance information. Together, the four use trilateration to track an object in three-dimensional space…potentially as part of a targeting or planetary-defense system.

Jordan Crowder

36,105 views • 24 days ago

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…
1:01

The Live Globe is back on Sphere 100% live data, rendered in real-time, built with threejs, React, and a lot of shaders 3…2…1…

tobi lutke

73,140 views • 10 months ago

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders
0:30

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders

AA

47,343 views • 5 months ago

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:
0:38

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:

Meng To

134,797 views • 1 month ago

⚡️Live: You don't always need to use 3D elements in #threejs. In this example, a simple plane with a normal/displacement texture and lights that follows the mouse gives nice effects😍 The source code is here: #threejsJourney #r3f
1:40

⚡️Live: You don't always need to use 3D elements in #threejs. In this example, a simple plane with a normal/displacement texture and lights that follows the mouse gives nice effects😍 The source code is here: #threejsJourney #r3f

Anderson Mancini

47,570 views • 3 years ago

wildfire + smoke visualization, built with threejs + mapbox
0:33

wildfire + smoke visualization, built with threejs + mapbox

Codetaur

59,814 views • 4 months ago

i just built an "assemble a pc for dummies" threejs app with step by step instructions 🤯 we live in the craziest timeline.
2:30

i just built an "assemble a pc for dummies" threejs app with step by step instructions 🤯 we live in the craziest timeline.

kitze 🛠️ tinkerer.club

24,419 views • 23 days ago

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f
1:04

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

mike douges

56,802 views • 3 years ago