正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

🔥 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

4,997 subscribers

85,214 次观看 • 3 年前 •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

10 条评论

0beqz 的头像

0beqz3 年前

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 的头像

0beqz3 年前

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 的头像

Valentin Dubois3 年前

Sweet!

clēmēns 的头像

clēmēns3 年前

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

0beqz 的头像

0beqz3 年前

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

Anderson Mancini 的头像

Anderson Mancini3 年前

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

seantai 的头像

seantai3 年前

lookin good

Andi Pollok 的头像

Andi Pollok3 年前

Oh. Wow. 🤯 Thanks for sharing.

Nick Scarcella 的头像

Nick Scarcella3 年前

Looks amazing!

Matt Collie 的头像

Matt Collie3 年前

@ScottieFoxTTV @nptacek

相关视频

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

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

Daniel Lever

41,654 次观看 • 3 年前

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

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

Sabo Sugi / Three.js & Shaders

25,183 次观看 • 5 个月前

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

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

Sabo Sugi / Mondragon Framer Template

18,213 次观看 • 5 个月前

Tree of Souls Demo & Source Code: #threejs #webgl #shader

Tree of Souls Demo & Source Code: #threejs #webgl #shader

Sabo Sugi / Mondragon Framer Template

11,017 次观看 • 4 个月前

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

🎉 #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,089 次观看 • 1 年前

$made a tool to experiment with glass shapes and lighting (refraction, dispersion, caustics) coded with threejs and shaders$

made a tool to experiment with glass shapes and lighting (refraction, dispersion, caustics) coded with threejs and shaders

AA

40,373 次观看 • 2 个月前

Abstract Chromatic Light Demo & Source Code: #threejs #webgl #shader #creativecoding

Abstract Chromatic Light Demo & Source Code: #threejs #webgl #shader #creativecoding

Sabo Sugi / Three.js & Shaders

14,000 次观看 • 3 个月前

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

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,156 次观看 • 3 年前

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

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

Patrick Schroen

15,161 次观看 • 3 年前

Viscous Liquid - Cursor FX Free Source Code & Demo: Support me by PayPal: #threejs #webgl #shader

Viscous Liquid - Cursor FX Free Source Code & Demo: Support me by PayPal: #threejs #webgl #shader

Sabo Sugi / Three.js & Shaders

23,242 次观看 • 18 天前

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

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

Sabo Sugi

10,653 次观看 • 8 个月前

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

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

AA

47,343 次观看 • 6 个月前

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

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 次观看 • 1 年前

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

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 次观看 • 10 个月前

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

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 次观看 • 11 个月前

$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!$

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

203,685 次观看 • 6 个月前

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

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

mausimus

65,398 次观看 • 7 个月前

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

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,624 次观看 • 3 年前

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

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

Sabo Sugi / Three.js & Shaders

12,926 次观看 • 5 个月前