Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl

0beqz's profile picture

0beqz

4,819 subscribers

85,142 Aufrufe • vor 3 Jahren •via X (Twitter)

#threejs#webdev#3D#javascript#Graphics#webgl
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von 0beqz
0beqzvor 3 Jahren

So yeah the idea was to modify three.js shaders so that you have more control over the lighting through having a lot of parameters to tweak available. The implementation is purely arbitrary, just adding parameters where suitable in the shader.

Profilbild von 0beqz
0beqzvor 3 Jahren

Also the demo code is anything but clean 😄 Just did a lot of tests in there so it resulted in so many lines lol

Profilbild von Valentin Dubois
Valentin Duboisvor 3 Jahren

Sweet!

Profilbild von clēmēns
clēmēnsvor 3 Jahren

I had to close backrooms, I was too afraid of a jumpscare😅

Profilbild von 0beqz
0beqzvor 3 Jahren

Lmao nice to see it's so immersive for you 😄

Profilbild von Anderson Mancini
Anderson Mancinivor 3 Jahren

@mrdoob WOW!!!! How I missed this hehehe. Thank you, my friend! Your work is always superb!

Profilbild von seantai
seantaivor 3 Jahren

lookin good

Profilbild von Andi Pollok
Andi Pollokvor 3 Jahren

Oh. Wow. 🤯 Thanks for sharing.

Profilbild von Nick Scarcella
Nick Scarcellavor 3 Jahren

Looks amazing!

Profilbild von Matt Collie
Matt Collievor 3 Jahren

@ScottieFoxTTV @nptacek

Ähnliche Videos

BIOCOMPUTE #4 — CIRCUIT Reaction diffusion across an quadtree substrate, greyscale, no trails, normal lighting. JavaScript + WebGL #javascript #webgl #shaders #creativecoding #generativeart
0:30

BIOCOMPUTE #4 — CIRCUIT Reaction diffusion across an quadtree substrate, greyscale, no trails, normal lighting. JavaScript + WebGL #javascript #webgl #shaders #creativecoding #generativeart

Daniel Lever

41,500 Aufrufe • vor 3 Jahren

Wave Lights Demo and Source Code: #threejs #webgl #shader
0:38

Wave Lights Demo and Source Code: #threejs #webgl #shader

Sabo Sugi

24,312 Aufrufe • vor 1 Monat

Trails Stream (Updated) Demo and Source Code: #threejs #webgl #shader
0:41

Trails Stream (Updated) Demo and Source Code: #threejs #webgl #shader

Sabo Sugi

17,973 Aufrufe • vor 1 Monat

🎉 #bvhecctrl is officially released and open-sourced! Try it out & let me know what you think! Demo-1: Demo-2: Github: #threejs #threejsJourney #webdev #gamedev #r3f #ecctrl
0:37

🎉 #bvhecctrl is officially released and open-sourced! Try it out & let me know what you think! Demo-1: Demo-2: Github: #threejs #threejsJourney #webdev #gamedev #r3f #ecctrl

Andrew Chen

14,945 Aufrufe • vor 11 Monaten

Small weekend project. Modified Brackeys's Unity dissolve shader to work in #ThreeJS using R3F. Will be using this in AR soon👀 Demo: Code: #webgl #creativecoding
0:36

Small weekend project. Modified Brackeys's Unity dissolve shader to work in #ThreeJS using R3F. Will be using this in AR soon👀 Demo: Code: #webgl #creativecoding

Faraz

111,070 Aufrufe • vor 2 Jahren

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:49

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 Aufrufe • vor 1 Jahr

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling
0:49

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 Aufrufe • vor 4 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,279 Aufrufe • vor 1 Monat

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 Aufrufe • vor 1 Jahr

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders
1:46

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

34,219 Aufrufe • vor 6 Monaten

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders
0:51

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 Aufrufe • vor 6 Monaten

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!
0:47

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

202,473 Aufrufe • vor 2 Monaten

ShaderGlass 1.3 released! Better Linux support, shader search function and of course, more shaders! 📺 Free on Steam, itch and GitHub!
1:16

ShaderGlass 1.3 released! Better Linux support, shader search function and of course, more shaders! 📺 Free on Steam, itch and GitHub!

mausimus

64,881 Aufrufe • vor 2 Monaten

Aurum Leaf Demo and Source Code: #threejs #webgl #creativecoding
0:39

Aurum Leaf Demo and Source Code: #threejs #webgl #creativecoding

Sabo Sugi

12,523 Aufrufe • vor 22 Tagen

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders
0:46

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

18,136 Aufrufe • vor 6 Monaten

Working on an overhauled version of SSGI - better temporal reprojection (less smearing, less jagging) - faster due to new denoiser, efficient packing of G-buffers into single texture One big challenge is to make reprojection of reflections way more seamless: #threejs #3D #webdev
0:39

Working on an overhauled version of SSGI - better temporal reprojection (less smearing, less jagging) - faster due to new denoiser, efficient packing of G-buffers into single texture One big challenge is to make reprojection of reflections way more seamless: #threejs #3D #webdev

0beqz

20,593 Aufrufe • vor 3 Jahren

Improve your lighting with just one shader 🕯️
0:30

Improve your lighting with just one shader 🕯️

GameMaker

15,287 Aufrufe • vor 3 Monaten

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant
0:23

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant

Garrett Johnson 🦋

39,594 Aufrufe • vor 1 Jahr

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :
0:36

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :

Kevin Levron

19,378 Aufrufe • vor 1 Jahr

Here's my take at faking volumetric fog 😶‍🌫️ #threejs #webgl #glsl #r3f #javascript
0:26

Here's my take at faking volumetric fog 😶‍🌫️ #threejs #webgl #glsl #r3f #javascript

Thibaut Foussard

10,144 Aufrufe • vor 2 Jahren