Загрузка видео...

Не удалось загрузить видео

На главную

🔥 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 просмотров • 3 лет назад •via X (Twitter)

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

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
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 просмотров • 3 лет назад

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

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

Sabo Sugi

24,312 просмотров • 2 месяцев назад

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 просмотров • 2 месяцев назад

🎉 #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 просмотров • 1 год назад

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 просмотров • 3 лет назад

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 просмотров • 3 лет назад

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 просмотров • 5 месяцев назад

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 просмотров • 28 дней назад

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 просмотров • 2 месяцев назад

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 просмотров • 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
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 просмотров • 7 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 3 месяцев назад

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

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

Sabo Sugi

12,523 просмотров • 1 месяц назад

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 просмотров • 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
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 просмотров • 3 лет назад

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

Improve your lighting with just one shader 🕯️

GameMaker

15,287 просмотров • 4 месяцев назад

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 просмотров • 1 год назад