Faraz

@CantBeFaraz • 4,666 subscribers

Technical Lead, 3D Graphics | WebGL, WebGPU, ThreeJS, 8th Wall, React | Need help? - [email protected]

Shorts

Fork of an old demo - "Liquid glass" effect using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:

Fork of an old demo - "Liquid glass" effect using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:

25,937 просмотров

Bake your #threejs shaders into textures! I am releasing three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webgl

Bake your #threejs shaders into textures! I am releasing three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webgl

27,237 просмотров

Shelving the #threejs volumetric cloud project for now. Spent way too much time on this, need a breather😅Some improvements from last time in thread below. Unfinished, dirty code here if you are intrested: #webgl #creativecoding #threejsJourney

Shelving the #threejs volumetric cloud project for now. Spent way too much time on this, need a breather😅Some improvements from last time in thread below. Unfinished, dirty code here if you are intrested: #webgl #creativecoding #threejsJourney

27,412 просмотров

Did you know you can record the #threejs canvas directly using MediaRecorder API in 60fps? Try it out, it will also open your mobile device's share tray and let you save the video directly! Live: Code:

Did you know you can record the #threejs canvas directly using MediaRecorder API in 60fps? Try it out, it will also open your mobile device's share tray and let you save the video directly! Live: Code:

17,818 просмотров

All my demos in one place! I have released a site with over 25 of my demos over the years all updated and fixed with code on GitHub and each one individually runnable. Many more to come! Check it out: #threejs #webgl #creativecoding #portfolio

All my demos in one place! I have released a site with over 25 of my demos over the years all updated and fixed with code on GitHub and each one individually runnable. Many more to come! Check it out: #threejs #webgl #creativecoding #portfolio

12,064 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding

44,895 просмотров • 21 дней назад

Built this procedural prop scatter system for a larger personal project of mine 👀 Loving working in WebGPU with all the new Postprocessing effects! #threejs #r3f

Built this procedural prop scatter system for a larger personal project of mine 👀 Loving working in WebGPU with all the new Postprocessing effects! #threejs #r3f

34,003 просмотров • 28 дней назад

Working on World Space Vertex AO for my WIP game. This will be released as an open source library soon! - Async bake, only once during initialization - Acclerated via Compute Shaders and three-mesh-bvh - No Screen Space artifacts - Cheaper frame-to-frame than postprcoessing SSAO

Working on World Space Vertex AO for my WIP game. This will be released as an open source library soon! - Async bake, only once during initialization - Acclerated via Compute Shaders and three-mesh-bvh - No Screen Space artifacts - Cheaper frame-to-frame than postprcoessing SSAO

16,895 просмотров • 14 дней назад

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

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

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

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:

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:

33,915 просмотров • 1 год назад

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

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

17,266 просмотров • 1 год назад

Working on Three.js volumetric clouds again. Taking notes from Sebastian Lague's coding adventure😋 #r3f #webgl #threejs

Working on Three.js volumetric clouds again. Taking notes from Sebastian Lague's coding adventure😋 #r3f #webgl #threejs

17,592 просмотров • 1 год назад

Working on something exciting! #r3f #threejs #grass #anime

Working on something exciting! #r3f #threejs #grass #anime

14,775 просмотров • 1 год назад

Больше нет контента для загрузки