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

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

На главную

I pulled out my metal shaders into GLSL shaders for a proper web app for Tour de France™ - view every stage's elevation and route. What do y'all think?

krispuckett's profile picture

Kris Puckett

9,636 subscribers

11,464 просмотров • 2 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

For those of you who were asking what I meant by shaders in my last post here is a closer look. It's a cool plugin for shader effects on Roblox that I made with Namefvl #Roblox #RobloxDev #vfx #gamedev #shaders
2:18

For those of you who were asking what I meant by shaders in my last post here is a closer look. It's a cool plugin for shader effects on Roblox that I made with Namefvl #Roblox #RobloxDev #vfx #gamedev #shaders

Kajuro

71,569 просмотров • 3 лет назад

I gave Gemini 3.7 Flash a handful of reference images and a rough idea of what I wanted. Ran /grill-me to align on the vision. Hit /goal & /teamwork-preview and let it cook. A couple of iterations later, this is what came out! An interactive kind of experience.. built with Three.js, WebGL, GLSL shaders, and Web Audio engine. Turn up your volume a bit...
1:58

I gave Gemini 3.7 Flash a handful of reference images and a rough idea of what I wanted. Ran /grill-me to align on the vision. Hit /goal & /teamwork-preview and let it cook. A couple of iterations later, this is what came out! An interactive kind of experience.. built with Three.js, WebGL, GLSL shaders, and Web Audio engine. Turn up your volume a bit...

Bee

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

Introducing PSYCH3D. A real-time music visualizer I vibe coded because I wanted to be able to have a concert anywhere. 367+ famous visuals and 100+ custom GLSL shaders with reactive music detection. And a gift for Psychedelics Anonymous. Coming soon.
1:00

Introducing PSYCH3D. A real-time music visualizer I vibe coded because I wanted to be able to have a concert anywhere. 367+ famous visuals and 100+ custom GLSL shaders with reactive music detection. And a gift for Psychedelics Anonymous. Coming soon.

klöss

23,280 просмотров • 5 месяцев назад

Just for fun, I've implemented a Convolutional Neural Network (CNN) that predicts handwritten digits... Fully using #glsl and fragment shaders! The model exactly has 2023 parameters and its inner activations are displayed as you draw Try it out live!
0:26

Just for fun, I've implemented a Convolutional Neural Network (CNN) that predicts handwritten digits... Fully using #glsl and fragment shaders! The model exactly has 2023 parameters and its inner activations are displayed as you draw Try it out live!

kishimisu

118,409 просмотров • 3 лет назад

We built achievements for !Habits with original hand-drawn stickers + metal shaders, so you can earn awards for your reps, streaks, and other secret moves. We had a blast, so I hope you enjoy it!
0:27

We built achievements for !Habits with original hand-drawn stickers + metal shaders, so you can earn awards for your reps, streaks, and other secret moves. We had a blast, so I hope you enjoy it!

Andy Allen

52,031 просмотров • 8 месяцев назад

I wanted to make a portfolio site but I didn't want to make a lame one so I spent the last ~4 months learning web dev and Three.js from scratch to make this really pretty one try it out and let me know what you think (link in replies) #threejs #webgpu #shaders
0:22

I wanted to make a portfolio site but I didn't want to make a lame one so I spent the last ~4 months learning web dev and Three.js from scratch to make this really pretty one try it out and let me know what you think (link in replies) #threejs #webgpu #shaders

Swifter

13,406 просмотров • 6 месяцев назад

After about a year of work, V4.0 is finally out and online! 🤠 Built with #threejs , upgrading from r147 to r169😍, this update was a real challenge for me. Here are some of the biggest challenges I faced along the way; 1- Switching everything to real-world units (objects, particles, their motion etc..) 2- Integrating BatchedMesh into game engine. 3- Crafting custom shaders for fake lighting on moving objects. 4- Updating all the old shaders to work seamlessly with changed lightmap system. 5- Reworking the grass shaders to respond properly to artificial lighting and also for the changed threejs materials. 6- Setting light intensities to align with the new units. I would be glad if you can try it out. Let me know what you think and hope everything runs smoothly... #gamedev #indiegame
1:19

After about a year of work, V4.0 is finally out and online! 🤠 Built with #threejs , upgrading from r147 to r169😍, this update was a real challenge for me. Here are some of the biggest challenges I faced along the way; 1- Switching everything to real-world units (objects, particles, their motion etc..) 2- Integrating BatchedMesh into game engine. 3- Crafting custom shaders for fake lighting on moving objects. 4- Updating all the old shaders to work seamlessly with changed lightmap system. 5- Reworking the grass shaders to respond properly to artificial lighting and also for the changed threejs materials. 6- Setting light intensities to align with the new units. I would be glad if you can try it out. Let me know what you think and hope everything runs smoothly... #gamedev #indiegame

mert

19,559 просмотров • 1 год назад

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

203,685 просмотров • 5 месяцев назад

I can finally announce the project I've been working on with Joce ! Fondant is building a new app that brings avatars and vtubing to Web. Multiplayer lobbies for vtuber streamer collabs or just hangouts with friends, as well as character customization tools building up to a full creator. We are using a WebGL and WebGPU techstack, so part of the point is to provide a cross-platform alternative to the current Unity based app ecosystem, and also to build tools that people can use to create or modify characters without going through a DCC (Blender, Maya, etc). For now we're starting with the basics: multiplayer lobbies, VRM support, and some tools like merging accessories into existing VRMs in the quoted post, and transferring Custom Vertex Normals from proxy meshes. My role is stylized shaders and procedural character creation. I've been working on NPR Shaders and tools to help build and customize 3D anime characters in Blender for years. With WebGPU, we can bring it into Web. My hope is to build a full character customization system for the Web with next gen toon shaders, and also a matching set of tools in Blender for serious content creators. But it is early days still, and there's a lot to be done! Here's the latest WIP of the rig for fitting proxy meshes to new faces.
2:14

I can finally announce the project I've been working on with Joce ! Fondant is building a new app that brings avatars and vtubing to Web. Multiplayer lobbies for vtuber streamer collabs or just hangouts with friends, as well as character customization tools building up to a full creator. We are using a WebGL and WebGPU techstack, so part of the point is to provide a cross-platform alternative to the current Unity based app ecosystem, and also to build tools that people can use to create or modify characters without going through a DCC (Blender, Maya, etc). For now we're starting with the basics: multiplayer lobbies, VRM support, and some tools like merging accessories into existing VRMs in the quoted post, and transferring Custom Vertex Normals from proxy meshes. My role is stylized shaders and procedural character creation. I've been working on NPR Shaders and tools to help build and customize 3D anime characters in Blender for years. With WebGPU, we can bring it into Web. My hope is to build a full character customization system for the Web with next gen toon shaders, and also a matching set of tools in Blender for serious content creators. But it is early days still, and there's a lot to be done! Here's the latest WIP of the rig for fitting proxy meshes to new faces.

aVersionOfReality

65,803 просмотров • 1 год назад

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇
0:25

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,104,476 просмотров • 1 год назад

I want to work on the mic at Tour de France™ and @CyclingWorlds this Summer. #say_it_do_it I'm freelance, I have no agent and am still the new kid on the block. No one posts my showreels or knocks on doors for me and so I do it myself. This is what I do, in under 2 minutes.
1:54

I want to work on the mic at Tour de France™ and @CyclingWorlds this Summer. #say_it_do_it I'm freelance, I have no agent and am still the new kid on the block. No one posts my showreels or knocks on doors for me and so I do it myself. This is what I do, in under 2 minutes.

Jez Cox

28,852 просмотров • 3 лет назад

What do you think my neighbors think I do for a living?
1:06

What do you think my neighbors think I do for a living?

Alexis DeBello

32,882 просмотров • 29 дней назад

Finished this desktop app that does CRT shaders and VHS/composite video distortion 🙌 I was tired of doing those in separate apps, so I figured I'd just put them together. AFAIK, it's the only one that does both at this level of quality and control. It supports images and videos, with VERY granular control over every parameter from subtle to completely obliterated. To be clear, I'm a dummy. This is just hacking together two existing open source projects that are the best in the world at what they do: NTSC-RS for the TV effect, and the CRT shaders from Retroarch. Download link in the replies 🧵
0:37

Finished this desktop app that does CRT shaders and VHS/composite video distortion 🙌 I was tired of doing those in separate apps, so I figured I'd just put them together. AFAIK, it's the only one that does both at this level of quality and control. It supports images and videos, with VERY granular control over every parameter from subtle to completely obliterated. To be clear, I'm a dummy. This is just hacking together two existing open source projects that are the best in the world at what they do: NTSC-RS for the TV effect, and the CRT shaders from Retroarch. Download link in the replies 🧵

Finn McKenty

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

hi! i'm vortoxy and i'm three years into this and I still don't know a proper title for what I do... but I do all sorts of creative video work! i'm looking for projects to wrap up my year with, so send me a message or something! c:
1:03

hi! i'm vortoxy and i'm three years into this and I still don't know a proper title for what I do... but I do all sorts of creative video work! i'm looking for projects to wrap up my year with, so send me a message or something! c:

vortoxy

22,120 просмотров • 1 год назад

𝘈𝘭𝘭𝘦𝘻 𝘱𝘢𝘱𝘰𝘶 📻🥹 A special and memorable Tour de France™ send off for Romain Bardet - you deserved that one! 🧡 #KeepChallenging #TDF2024
0:21

𝘈𝘭𝘭𝘦𝘻 𝘱𝘢𝘱𝘰𝘶 📻🥹 A special and memorable Tour de France™ send off for Romain Bardet - you deserved that one! 🧡 #KeepChallenging #TDF2024

Team Picnic PostNL

33,703 просмотров • 2 лет назад