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

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

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

I built a Three.js rendering study inspired by Tiny Glade’s painterly aesthetic, and got it running at 120fps in the browser. Over the past few weeks, I’ve been studying how stylized games achieve that soft, handcrafted look in real time. Tiny Glade was a huge inspiration, and I wanted to use the browser as a constraint: no compute shaders, no native GPU access, and single-threaded JavaScript. As part of this study, I implemented: - GPU-driven instanced brick walls with procedural noise jitter and elastic build animations - Tree, bush, and flower rendering with billboard card expansion, wind sway, and grow animations - Procedural grass with terrain conformance and interactive push deformation - Animated water with layered noise, interactive ripples, and Fresnel-based reflections - Procedural terrain with slope-aware triplanar materials, dirt paths, and rocks - A 7-pass post-processing stack with TAA, bloom, depth of field, painterly filtering, ACES tonemapping, 3D LUT color grading, and film grain The hardest part wasn’t writing any single shader. It was making all of these systems work together at high frame rates inside WebGL, where every millisecond counts and performance problems compound quickly across animation, materials, post-processing, and scene management. Some techniques in this study were inspired by analyzing Tiny Glade’s rendering approach, while others were original implementations built from scratch from visual reference. That contrast taught me a lot: recreating an effect is one challenge, but designing your own shaders and systems to achieve a similar feel is a very different one. This is a private educational rendering study. Some temporary placeholder content is being used during the research phase, and any public or production version would use original or properly licensed assets. Huge credit to Pounce Light for the incredible art direction and rendering work in Tiny Glade: Three.js #gamedev #webgl #threejs #rendering #graphics #realtimerendering #shaderdev

Ibrahim Boona

58,625 görüntüleme • 3 ay önce

🔥 Limited edition drop • 6 conceptual video projects • 15 pieces each 🔴 Red: A dramatic and intense underwater video that captures the bold and passionate reds found in the water. The camera moves through the water, showcasing the rich and vibrant shades of red. Viewers can immerse themselves in the powerful and captivating world of "Red", where excitement and energy abound. 🔵 Blue: This video features a cool-toned underwater environment, with models gracefully swimming and posing amidst blue-tinted lighting. The serene and tranquil atmosphere creates a sense of calm and relaxation. 🔄 Reverse: In this video, the footage is played in reverse, creating a mesmerizing and surreal effect as the models move and interact with the water in unexpected ways. The reversed motion adds an intriguing and otherworldly quality to the underwater scenes. 🪶Sensual: The sensual video showcases intimate and evocative underwater moments, with close-up shots of the models' movements and interactions with the water. The soft, warm lighting enhances the sensuality of the footage, creating a captivating and alluring visual experience. ♥️ Amatory: This video explores themes of love and connection, engaging in tender and affectionate underwater embraces. The romantic and intimate scenes are bathed in a gentle, yellow, red and blue lights, evoking a sense of passion and emotional depth. 👾 Glitch: In this experimental video, the footage is manipulated to create glitchy and distorted visuals, adding an edgy and futuristic element to the underwater scenes. The glitch effects disrupt the natural flow of the footage, resulting in a visually dynamic and unpredictable viewing experience. • First conceptual video and link in next tweet ⤵️

demidovich.eth | SnapSign 📸

95,223 görüntüleme • 2 yıl önce