正在加载视频...

视频加载失败

返回首页

Interactive rug shader - A Three.js port of @_Dervishh'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,699 subscribers

17,380 次观看 • 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 年前

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 年前

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

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

19,023 次观看 • 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,160 次观看 • 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,622 次观看 • 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 (Dervish)

23,021 次观看 • 4 个月前

🏎️ Play Showcase: Build a track. Race it. Share the link. mrdoob ported Kenney's Starter Kit Racing to Three.js with crashcat, a new pure-JS physics engine. Your track layout lives in the URL. The codebase is small, readable, and framework-free. 🔗 #threejs #webgl #gamedev #opensource #creativecoding
1:16

🏎️ Play Showcase: Build a track. Race it. Share the link. mrdoob ported Kenney's Starter Kit Racing to Three.js with crashcat, a new pure-JS physics engine. Your track layout lives in the URL. The codebase is small, readable, and framework-free. 🔗 #threejs #webgl #gamedev #opensource #creativecoding

WebGL / WebGPU

15,610 次观看 • 5 个月前

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 樱花兔

56,357 次观看 • 8 个月前

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 樱花兔

116,662 次观看 • 11 个月前

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