Just playing around with vectors and dot product calculations in #r3f. A simple simulation showing how effective a solar panel would be based on the suns position codesandbox.io/s/dot-product-… #threejs #r3f #reactjs #javascript

Creating a family of "bad" guys for my next #r3f project, #Blender3d #3D #3dmodeling, the advantage of ghosts is no rigging needed, just wrap them in a #Drei <Float> and off you go!

Ghosts Characters exported from #blender, and animated with #r3f #threejs, Using Drei's Float and a MeshWobbleMaterial (thanks for the suggestion ☄︎), a few postprocessing effects added for good luck. --> codesandbox.io/s/ghosts-m6vjxh <-- #reactjs #gamedev

I think Mr Fox is a contender for the hero for my #r3f game to fight the ghosts! Rigging still needs a bit of finessing, but all in all I'm happy with how he's turned out #threejs #blender3d #blender #3dart #3d #fox #gamedev

Got my hands on a #sony #mocopi motion capture. If anyone needs tips navigating the painful experience that was the Sony Japan store, give me a shout! Excited to see what #motioncapture possibilities it unlocks! #3D #3dart #3dAnimation

Preview of my new showcase #r3f #threejs portfolio site, #creativecoding #webgl , few tweaks still needed, #reactjs

Fractal Sphere Burst Generator using #r3f, #threejs and #glsl, code sandbox coming soon, #shaders #reactjs #webgl #creativecoding #js

New website intro using #glsl shaders, in #r3f and #threejs. Codesandbox is point blank refusing to play nicely with shaders, I'll link to it when I've figured out what I'm doing wrong! #creativecoding #3d #webdev

Glass Bubble cut through effect using Mesh Transmission Materials and Constructive Solid Geometry, #r3f #threejs #webgl #reactjs #creativecoding #javascript, still having issues with code sandbox though. Will try and fix soon so I can post a link!

A significantly more performant version of the bubbles using #glsl. Turns out Constructive Solid Geometry pretty resource hungry! Built in #react and #r3f #threejs #creativecoding #webgl, code sandbox here -> codesandbox.io/s/glsl-bubbles… although it won't compile you can download it!

I don't even know what this. Some kind of shiny worms party by the looks of things. Experimental code doodle with rigging skinned meshes in #r3f #creativecoding #threejs #webgl #javascript #reactjs -> codesandbox.io/s/worms-xoqtpr <-

Proof of concept new carousel idea using #r3f #threejs needs a bit of finessing. Hackday project to make something a bit more interesting than flickity/slick #carousel. Check out the code here -> codesandbox.io/p/sandbox/caro… #js #creativecoding #reactjs #three

a #glsl floaty bubble #shader made in #react #r3f, still struggling to put shaders on codesand box. Shader bubble follows mouse and inverts video colours! #createcoding dm for source code if you're interested! #javascript

#glsl postprocessing effect for #r3f i've been working on. Using Sobel edge detection and noise to create an hand drawn effect. Need to work on hand drawn shading next. Sandbox here --> codesandbox.io/p/sandbox/sobe… #three #js #javascript #creativecoding #react #reactthreefiber

New custom #glsl postprocessing pencil style toon shader. Implementation in #threejs #r3f. Custom rgba texture with Sobel edge detection! Sandbox link here => codesandbox.io/p/sandbox/penc… <= #javascript #creativecoding #reactjs #js Let me know what you think!

I'll be presenting a lighting talk at #leedsjs this Wednesday at Parallax's office "Frontend Painting by Numbers", a brief introduction into getting creative using glsl shaders and integrating them into your #js or #reactjs project. #glsl #javascript meetup.com/leeds-js/event…

Thanks to everyone who came down to LeedsJS last night, good to share #glsl knowledge. Great green coding talks by Crispin Reed and Joe Thornton, slides here: docs.google.com/presentation/d… and link to Inigo's fantastic video on Painting with maths in gsheets: youtube.com/@InigoQuilez

Little #lowpoly scene I've created for an upcoming project. First time using texture baking to vastly increase the look of models in #r3f #reactjs all feedback welcome #3D #blender #js

Rendering 1024 different images of cats in three.js on a single instanced mesh, using a texture atlas. All those images and only 2 draw calls #wow! codesandbox.io/p/sandbox/text… #threejs #three #reactsj #3d #javascript #js #glsl

With a bit of further optimisation, I can render 65536 photos of cats in a single draw call. #threejs #js #react #reactjs #3d #javascript #webdev. Can't upload the texture map to codesand box, but it's basically this! full 120 fps. codesandbox.io/p/sandbox/text…