Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 4 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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,362 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 2 Jahren

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,032 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 11 Monaten

some volumetric testing in threejs
0:22

some volumetric testing in threejs

Codetaur

14,867 Aufrufe • vor 7 Monaten

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

72,869 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 4 Monaten

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

128,838 Aufrufe • vor 8 Tagen

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

wildfire + smoke visualization, built with threejs + mapbox

Codetaur

59,814 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 3 Jahren

⚡️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 Aufrufe • vor 3 Jahren

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader
0:22

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader

Codetard

82,084 Aufrufe • vor 11 Monaten

ascii fluid. in threejs / tsl / webgpu
0:48

ascii fluid. in threejs / tsl / webgpu

Codetaur

59,294 Aufrufe • vor 4 Monaten

It was time for a Three.js Journey update. I had so many things to announce, I made a little video 🎬 The links: - First Three.js Project: - Debug UI: - Materials: - Challenges: - Selection: - Discount: #threejsJourney #threeJs
3:54

It was time for a Three.js Journey update. I had so many things to announce, I made a little video 🎬 The links: - First Three.js Project: - Debug UI: - Materials: - Challenges: - Selection: - Discount: #threejsJourney #threeJs

Bruno Simon

44,174 Aufrufe • vor 2 Jahren

working on adding decent bitmap font support to my crt shader in threejs / webgpu
0:23

working on adding decent bitmap font support to my crt shader in threejs / webgpu

Codetaur

53,846 Aufrufe • vor 5 Monaten