Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🔥 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,951 subscribers

85,154 görüntüleme • 3 yıl önce •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

10 Yorum

0beqz profil fotoğrafı
0beqz3 yıl önce

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.

0beqz profil fotoğrafı
0beqz3 yıl önce

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

Valentin Dubois profil fotoğrafı
Valentin Dubois3 yıl önce

Sweet!

clēmēns profil fotoğrafı
clēmēns3 yıl önce

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

0beqz profil fotoğrafı
0beqz3 yıl önce

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

Anderson Mancini profil fotoğrafı
Anderson Mancini3 yıl önce

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

seantai profil fotoğrafı
seantai3 yıl önce

lookin good

Andi Pollok profil fotoğrafı
Andi Pollok3 yıl önce

Oh. Wow. 🤯 Thanks for sharing.

Nick Scarcella profil fotoğrafı
Nick Scarcella3 yıl önce

Looks amazing!

Matt Collie profil fotoğrafı
Matt Collie3 yıl önce

@ScottieFoxTTV @nptacek

Benzer Videolar

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 görüntüleme • 3 yıl önce

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

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

Sabo Sugi

24,312 görüntüleme • 2 ay önce

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

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

Sabo Sugi / Mondragon Framer Template

18,213 görüntüleme • 2 ay önce

🎉 #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

15,016 görüntüleme • 1 yıl önce

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,088 görüntüleme • 3 yıl önce

Added panel controls to the transmission example! 🔮 #threejs #webgl #shader #creativecoding #gui
0:50

Added panel controls to the transmission example! 🔮 #threejs #webgl #shader #creativecoding #gui

Patrick Schroen

15,161 görüntüleme • 3 yıl önce

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 görüntüleme • 5 ay önce

A simple gem shader you can create with Shader Graph in Unity 💎 Shaders, Compute Shaders, and Math for Graphics 🔗 #IndieDevSunday
0:20

A simple gem shader you can create with Shader Graph in Unity 💎 Shaders, Compute Shaders, and Math for Graphics 🔗 #IndieDevSunday

Shaders Bible Series

23,839 görüntüleme • 26 gün önce

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 görüntüleme • 2 ay önce

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

Techartist

18,168 görüntüleme • 1 yıl önce

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

35,464 görüntüleme • 6 ay önce

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 görüntüleme • 7 ay önce

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,718 görüntüleme • 3 ay önce

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

65,023 görüntüleme • 3 ay önce

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

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

Sabo Sugi

12,523 görüntüleme • 1 ay önce

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,538 görüntüleme • 7 ay önce

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,600 görüntüleme • 3 yıl önce

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

Improve your lighting with just one shader 🕯️

GameMaker

15,287 görüntüleme • 4 ay önce

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

40,351 görüntüleme • 1 yıl önce