Faraz (@cantbefaraz) 's Twitter Profile
Faraz

@cantbefaraz

Freelance web dev & tech artist | WebGL, ThreeJS, React | Maintainer @pmndrs | Need help? - [email protected]

ID: 1385012718629912583

linkhttps://www.farazzshaikh.com/ calendar_today21-04-2021 23:29:13

484 Tweet

3,3K Takipçi

3 Takip Edilen

Faraz (@cantbefaraz) 's Twitter Profile Photo

Thanks for testing folks. The issue seems to be isolated to Windows Defender and Microsoft Edge. Seems like they use Google’s blacklist and don’t update theirs when Google removes a site from theirs Any got a contact there? I’ve already made a support ticket

Faraz (@cantbefaraz) 's Twitter Profile Photo

Taking another stab at shader based decals, this time using screen-space projecton. Many bugs to fix. Perhaps this will work out 🤞 #webgl #threejs #creativecoding

Faraz (@cantbefaraz) 's Twitter Profile Photo

THREE-CustomShaderMaterial v6 will smartly inject csm_DepthAlpha into your DistanceMaterial or DepthMaterial to let you control your point or directional light shadows with one single shader. csm_DiffuseColor = color; csm_DepthAlpha = color.a; Try it now: - npm i

THREE-CustomShaderMaterial v6 will smartly inject csm_DepthAlpha into your DistanceMaterial or DepthMaterial to let you control your point or directional light shadows with one single shader. 

csm_DiffuseColor = color;
csm_DepthAlpha = color.a;

Try it now: 
- npm i
Faraz (@cantbefaraz) 's Twitter Profile Photo

Progress update on realtime shader based decals in #threejs - Another approach, this time with Orthographic projection it now works on curved surfaces but gotta work out clipping the decal to the box's bounds I wonder if there is a way to get rid of the distortion on curves

Faraz (@cantbefaraz) 's Twitter Profile Photo

Taking a break from decals to start something new. Still playing with Light and shadows. Very much work-in-progress, please be kind 😅 #threejs #brutalism #creatveCoding

Taking a break from decals to start something new. Still playing with Light and shadows. Very much work-in-progress, please be kind 😅

#threejs #brutalism #creatveCoding
Faraz (@cantbefaraz) 's Twitter Profile Photo

Spent the evening implimenting a Deferred Rendering pipeling with PBR shading in #threejs. Uses WebGL2 MRT to populate the GBuffer in one pass. This is running in react-three-fiber, using all its conveniences, once again showing how flexible r3f is! #threejsJourney #webgl

Faraz (@cantbefaraz) 's Twitter Profile Photo

I dont usually share client work but quite proud of this one for Jennifer Mien Mien Lin's “Be Still & Still Moving” sculpture with Groove Jones. Made using Three.js and Poimandres. Read more: groovejones.com/be-still-and-s… #threejs #webgl #creativecoding

Faraz (@cantbefaraz) 's Twitter Profile Photo

Made a fully lit, ray-marched material in Three.js. Should I polish it and release as a library? Left is refrence, right uses raymarching. Compatible with all 3JS lights and IBL. Basically PhysicalMaterial with obejct-space raymarching Demo: codesandbox.io/p/sandbox/anci…

Faraz (@cantbefaraz) 's Twitter Profile Photo

More Ray-marching! Currently obsessed with volumetric clouds. More soon! Using concepts from Maxime's article (blog.maximeheckel.com/posts/real-tim…) + Multiple Octave Scattering inspired by Felix Westin (x.com/FewesW/status/…) + basic directional lighting. #threejs #creativecoding

Faraz (@cantbefaraz) 's Twitter Profile Photo

Clouds in Three.js! Now pre-calculating SDF into a WebGL3DRenderTarget. Sampling the texture seems to be more performant as the number of SDF calls needed increases. Going to experiment with cutting 3D texture depth 3x by packing data into RGBA channels #creativecoding #r3f

Michael Dougall (@_douges) 's Twitter Profile Photo

Saw this and had to make a quick video with Triplex for VS Code ☁️✨ Interested in being an early adopter? Comment below and retweet! #threejs #r3f #react #webdev #webgamedev