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

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

На главную

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

CantBeFaraz's profile picture

Faraz

4,511 subscribers

17,266 просмотров • 1 год назад •via X (Twitter)

#r3f#creativecoding#threejs#webgl
LIVE

Anya Rossi• Live Now

Private livecam show

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

Фото профиля Arijit
Arijit1 год назад

@threejs @_Dervishh Crazy stuff

Фото профиля Faraz
Faraz1 год назад

@threejs @_Dervishh Thank you!

Фото профиля ASTROMEDA - Wishlist on Steam!
ASTROMEDA - Wishlist on Steam!2 лет назад

A small teaser of Astromeda! It's a game inspired by Pokemon, Undertale, and OneShot. Wishlist on Steam! #TrailerTuesday #indiegame #IndieGameDev #GamingNews #Steam

Фото профиля ℂ𝕠𝕕𝕖𝕩, ℍ𝕖𝕣𝕖
ℂ𝕠𝕕𝕖𝕩, ℍ𝕖𝕣𝕖1 год назад

@threejs @_Dervishh I felt like I had seen something like this before, maybe years ago... Then I actually read the post.. This looks phenomenal. Good stuff, and thanks for sharing the source!

Фото профиля loground Dankest Memes 🍆🍑
loground Dankest Memes 🍆🍑1 год назад

@threejs @_Dervishh wow!!!

Фото профиля Faraz
Faraz1 год назад

@threejs @_Dervishh Thanks!

Фото профиля Wesley LeMahieu
Wesley LeMahieu1 год назад

@threejs @_Dervishh Lol neat 👏

Фото профиля Dervish
Dervish1 год назад

@threejs So glad to see this! It looks great! Congrats!

Фото профиля Faraz
Faraz1 год назад

@threejs Thanks! You’re killing it with Unity, hope you don’t mind if I remake some of your stuff in WebGL 😁

Фото профиля Soontiago
Soontiago1 год назад

@threejs @_Dervishh cool. now change the hemisphere into a fat cat and you got a game

Фото профиля Élie Michel 🍪
Élie Michel 🍪1 год назад

@threejs @_Dervishh Very nice! There just seems to be one little glitch here:

Фото профиля Faraz
Faraz1 год назад

@threejs @_Dervishh Thanks! The carpet is torn, It’s a feature! 😂

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

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

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding
2:34

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding

Lisha

16,793 просмотров • 10 месяцев назад

Another unreleased shader - Puddle with raindrops, splashes, ripples and lightning. Of course, all #threejs and #r3f. Best witih sound. Dont forget to hit "Start" on the demo page! Live: Code:
0:20

Another unreleased shader - Puddle with raindrops, splashes, ripples and lightning. Of course, all #threejs and #r3f. Best witih sound. Dont forget to hit "Start" on the demo page! Live: Code:

Faraz

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

Have a play with my new interactive Koi carp pond scene! 🐟🐟🐟 ➡️ Heightfield water sim, real-time refractions and a generative night sky that's different each time. Built with #threejs and #r3f #creativecoding #javascript #webgl
0:29

Have a play with my new interactive Koi carp pond scene! 🐟🐟🐟 ➡️ Heightfield water sim, real-time refractions and a generative night sky that's different each time. Built with #threejs and #r3f #creativecoding #javascript #webgl

sᴄᴏᴛᴛ ᴅᴀʀʙʏ

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

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO
0:21

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO

Ksenia Kondrashova

18,827 просмотров • 1 год назад

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 год назад

New #threejs project live using #r3f, GSAP, and a lot of #glsl shader magic for My Muscle Chef 😍. ⚡️Llive link: I will publish a more detailed tutorial teaching some of the tricks as soon as possible 😬. Hope you like it! #threejsJourney
1:23

New #threejs project live using #r3f, GSAP, and a lot of #glsl shader magic for My Muscle Chef 😍. ⚡️Llive link: I will publish a more detailed tutorial teaching some of the tricks as soon as possible 😬. Hope you like it! #threejsJourney

Anderson Mancini

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

#UnityTips: Progress Bar (Shader Graph) [v2] ✨ (+WebGL and GitHub Download 👇🧵) Here's an animated progress bar made entirely in Shader Graph. Use this for loading screens, player health, etc. Adding colours is just a matter of isolating the individual elements as masks. It's helpful to think of the final image as a collection of elements that have to be constructed using fragment shader logic/code. (aka, math with colours! 🌈🔴🟢🔵) GitHub: 🔗 WebGL: 🔗 Do whatever you want with this. (Learn and have fun? :D) #unity3d #gamedev #indiedev #gamedevelopment #shader #gameart #madewithunity #webgl
0:37

#UnityTips: Progress Bar (Shader Graph) [v2] ✨ (+WebGL and GitHub Download 👇🧵) Here's an animated progress bar made entirely in Shader Graph. Use this for loading screens, player health, etc. Adding colours is just a matter of isolating the individual elements as masks. It's helpful to think of the final image as a collection of elements that have to be constructed using fragment shader logic/code. (aka, math with colours! 🌈🔴🟢🔵) GitHub: 🔗 WebGL: 🔗 Do whatever you want with this. (Learn and have fun? :D) #unity3d #gamedev #indiedev #gamedevelopment #shader #gameart #madewithunity #webgl

Mirza Beig

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

🕹️ Paris-based creative studio Little Workshop (Little Workshop) just reminded us why browser-based 3D experiences still have so much untapped potential. For Netlify's 5 million developer milestone, they built a full Marble Madness-inspired game that runs flawlessly in the browser. The technical execution is impressive: → Three.js + custom render pipeline for WebGL → Rapier physics engine (Rust via WASM) → Unity → Blender → GLTF pipeline for level design → CSS 3D transforms for UI overlays → Smart keyboard API usage for international layout support. Give it a run. It's both fun and informative. #WebGL #GameDev #ThreeJS #CreativeCoding #Netlify
0:54

🕹️ Paris-based creative studio Little Workshop (Little Workshop) just reminded us why browser-based 3D experiences still have so much untapped potential. For Netlify's 5 million developer milestone, they built a full Marble Madness-inspired game that runs flawlessly in the browser. The technical execution is impressive: → Three.js + custom render pipeline for WebGL → Rapier physics engine (Rust via WASM) → Unity → Blender → GLTF pipeline for level design → CSS 3D transforms for UI overlays → Smart keyboard API usage for international layout support. Give it a run. It's both fun and informative. #WebGL #GameDev #ThreeJS #CreativeCoding #Netlify

WebGL / WebGPU

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

New video out on YouTube! Create a room portfolio with three.js and Blender. Beginner friendly course!! (see the folio in the video below~). Live Site: Featuring Bruno Simon's coffee smoke shader haha. Also featuring Denis Wipart's materials! Check them out here!!! They're amazing!!! #threejs #blender
1:03

New video out on YouTube! Create a room portfolio with three.js and Blender. Beginner friendly course!! (see the folio in the video below~). Live Site: Featuring Bruno Simon's coffee smoke shader haha. Also featuring Denis Wipart's materials! Check them out here!!! They're amazing!!! #threejs #blender

Andrew Woan

27,578 просмотров • 1 год назад

I’m really excited to announce that the writing of The Shader Survival Guide is done! We’re now working on the final formatting for this e-book about shader development using Shader Graph in Unity. I also want to mention that this is an interactive e-book that will include a Unity 6 project with lots of shader samples to help you understand the topics covered. This book contains more than 500 pages of knowledge I’ve gained over 10 years working as a Technical Artist in the video game industry. It will be released in the last days of June, so if you’re interested in these topics, consider adding it to your wishlist! We’ll keep you updated with more news. #shader #shadergraph #madewithunity #shadersurvivalguide #hlsl #gamedev #gameart #vfx
0:22

I’m really excited to announce that the writing of The Shader Survival Guide is done! We’re now working on the final formatting for this e-book about shader development using Shader Graph in Unity. I also want to mention that this is an interactive e-book that will include a Unity 6 project with lots of shader samples to help you understand the topics covered. This book contains more than 500 pages of knowledge I’ve gained over 10 years working as a Technical Artist in the video game industry. It will be released in the last days of June, so if you’re interested in these topics, consider adding it to your wishlist! We’ll keep you updated with more news. #shader #shadergraph #madewithunity #shadersurvivalguide #hlsl #gamedev #gameart #vfx

Josue Ortigoza

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

This project is a technical example of a hosiery shader in #unity3d HDRP. By simulating the microstructure of silk fibers, it achieves an anisotropic highlight and a viewing-angle-dependent color transition.😊 Come and subscribe to my Fanbox to download this project #Unity #VFX #shader #realtime
0:22

This project is a technical example of a hosiery shader in #unity3d HDRP. By simulating the microstructure of silk fibers, it achieves an anisotropic highlight and a viewing-angle-dependent color transition.😊 Come and subscribe to my Fanbox to download this project #Unity #VFX #shader #realtime

Sakura Rabbit 樱花兔

55,758 просмотров • 7 месяцев назад

A little late for the #threejs challenge of the day, but it looked fun so I did it anyway ✌️ The reference is a work by Brian Dan Greenheck nice challenge lol Repo Live link #webgl #r3f
0:25

A little late for the #threejs challenge of the day, but it looked fun so I did it anyway ✌️ The reference is a work by Brian Dan Greenheck nice challenge lol Repo Live link #webgl #r3f

Marco Ludovico Perego

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

This project demonstrates the creation of a large-scale sci-fi wasteland environment in Unity3D😊 Come and subscribe to my Fanbox to download this project #Unity #VFX #shader #realtime
0:45

This project demonstrates the creation of a large-scale sci-fi wasteland environment in Unity3D😊 Come and subscribe to my Fanbox to download this project #Unity #VFX #shader #realtime

Sakura Rabbit 樱花兔

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

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding
0:54

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding

WebGL / WebGPU

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

Sneak peek of my first portfolio with Three.js! I’m trying to make my portfolio into an interactive 3D experience like a game! Explore different areas and get to know more about me as you play around. 😁 #threejs #R3F #b3d #blender
0:37

Sneak peek of my first portfolio with Three.js! I’m trying to make my portfolio into an interactive 3D experience like a game! Explore different areas and get to know more about me as you play around. 😁 #threejs #R3F #b3d #blender

wora_work

12,000 просмотров • 1 год назад