Code/Demo: sketchpunklabs.github.io/threejs_prot... I created an orbit camera controller with the support for #SpaceMouse as an input device. This lovely device is recognized by the gamepad api in the browser, so yey. Very niche feature but fun to have around :) #threejs #3dconnexion

Code+Demo sketchpunklabs.github.io/threejs_prot... Enjoyed learning how @PavelBoytchev's planar rotations work, lovely way verts are weighted. Heres my 2nd stab at reproducing a single joint of it. Redid most of the #maths so its very simple w/ lots of comments. Free code, enjoy! #threejs #glsl

Code&Demo sketchpunklabs.github.io/threejs_prot... Made a skeleton renderer that uses instanced meshes & custom shaders for the bones. Idea is to easily restyle your skeleton previews all you'd like without all the hard animation mathy bits getting in your way Tis Free! Enjoy. #threejs #webgl

Code&Demo sketchpunklabs.github.io/threejs_prot... Someone shared a link to @dedouze_'s new animation tool today at work & felt inspired enough to try to build a very basic concept prototype using #threejs. Tis was a fun exercise this evening. Code is free, enjoy !

Code&Demo sketchpunklabs.github.io/threejs_prot... Dealing with cameras lately so tonight I put together 4 examples of moving a camera to fill the screen with the desired object. Free code, enjoy. #threejs #javascript #maths

Code&Demo sketchpunklabs.github.io/threejs_prot... Here's a basic proto of creating a wind system. A way to visualize wind dir plus run compute to get wind dir at a certain spot. Gonna use it someday to animate cloths, hair & grass. #opensource, enjoy ! #threejs #maths #glsl

Demo/Code: sketchpunklabs.github.io/threejs_proto/code/webgl/maths/spline_camera.html like interesting prototypes? editor stuff? How about this lil example of using gpu picking, viewport rendering, and hermite curves to give your camera a bit of humph while editing & viewing in realtime #threejs

Heres the result of all that Asinc bs Ive been dealing with for awhile. Lovely to finally see this model animating. Its swaying booty is just a nice bonus. There are some bugs & lil hacks to get it working. I'll do a full refactor after I get boneSprings workin again 😊 #threejs #gamedev #webgl

CODE: github.com/sketchpunkla... Got all that arc #maths fixed up into a non-iterative IK solver. I used the leg bones of the AT-ST since the lens vary oddly & id wanna make sure it'll work. Sadly its really late to try it on the bot but soon! Solver is #opensource, enjoy #threejs

DemoSrc: sketchpunklabs.github.io/threejs_prot... Finally getting arcAngle from arcLen & chordLen working using Inverse Sine Cardinal, took 6 yrs. Now I can improve one of my IK solvers & get a starwars AT-ST doing walk cycles from human animations :) Code of the #maths are free. #threejs

Demo/Src: sketchpunklabs.github.io/threejs_prot... My employer @getcartwheel has allowed me 2 #opensource a feature I made, a mini view that renders in ur scene. U can render anything you want, first use case was a zoomable view. Made possible by using scissor, viewport & stencil buf #threejs

Anyone interested in hacking on Octahedral Impostors for @threejs.org ? I took @sketchpunk.bsky.social's octahedron unwrapping code and contributed atlas generation (and some suuper hacky impostor rendering) – maybe someone can push this further for the community :) GitHub Link below:

Code/Demo: sketchpunklabs.github.io/threejs_prot... I may need to build 3D Gizmos again, so thought I put together a simple ex of all the main actions needed. Got line & plane translation with visualizers for the raw data. FromScratch raycasts + mathlib, free & portable #threejs #maths

Code / Demo : sketchpunklabs.github.io/threejs_prot... Reached the first milestone in building a basic #physics engines. Has linear / angular vel, Box Collider, pnt constraint, no dep. Lots of comments, res links, great starter ex for anyone interested in the topic #threejs #maths

Code/Demo sketchpunklabs.github.io/threejs_prot... The toy #physics engine Im trying to put together, I found a tutorial on using BVH+MortonCode to handle the broadphase stage. 2 days of reading & coding I have an ex with lots of comments for anyone interested in this fun datastruct. #threejs

github.com/codecrafters... Found this great resource that links to various tutorials & examples of how to build things from scratch. I've already started reading one particular build your own 3D physics engine tut & how to completely build your own react library :) #gamedev #webdev

Code: github.com/sketchpunk/c... I recently did a test on the topic of websockets. I made a barebones & vanilla example of a multiplayer client /server game. Also added an NPC pixel & xbox controller input. #free + good learning example /w lots of comments #javascript #indiedev

Code/Demo sketchpunklabs.github.io/threejs_prot... Put together an ex of gpu picking, an alt for ray casting. Uses renderlists so no need to keep extra scene of objects. For point picking I get intID plus worldspace hit pos. Also made screenspace RECT selection :) #threejs #opensource

github.com/sketchpunkla... Because of changes to #threejs over the years I need a new repo to continue doing prototyping. Now I can run multiple versions, webgl/webgpu, better organization & updated my visual debugging to work in latest version plus github pages. Clone away :)

Demo/Code: codesandbox.io/p/sandbox/pr... Revisiting @prideout's Octasphere, this time around I added extra params to reshape it into a 3D rect / capsule shape. No dependences. Engine agnostic, so should work in #threejs @babylonjs etc. Sadly no UV coords tho. Fun shape to have around.

CODE&DEMOS sketchpunklabs.github.io The final first prototype of auto skinning a 3D mesh using compute shaders on #webgl & running in #threejs. All the code is up & free for anyone to learn or use. Big step closer to cloning mixamo 🥳 #opensource #javascript #math #animation

Code&Demo codesandbox.io/p/sandbox/th... Heres how to voxelize a triangle mesh using #WebGL's TransformFeedback compute within #threejs. Its just the first step to making Voxel Geodesic AutoSkinning. Here's hoping to replace mixamo with something #opensource-y😊 #gamedev #indiedev

Code&Demo codesandbox.io/p/sandbox/th... #WebGL's TransformFeedback used to run a compute shader that voxelizes an SDF shape. The modified buffer is part of an instancedMesh that renders a cube for active voxels. BONUS, Raymarched volume render of the SDF too. #threejs #glsl

Prototype of using #WebGL's TransformFeedback compute shaders to perform custom skinning with #threejs rendering the results. Mean u can pose/animate a char once then render multiple shells as static meshes. When I have time, I'll try out fur shells & a walk cycle 😊 github.com/sketchpunkla...

JOIN THE #THREEJS HALLOWEEN CHALLENGE!!! Use this starter project made with @KayLousberg spooky assets to make a fun/eerie web experience. Tag your creation with #threejshalloween! More info @ repo! Please share & Happy Halloween! github.com/sketchpunkla...

Coding burn out... switching to modeling. Redoing what I had left off with MsCosplay. This time around going to really focus on edge flow to make things fit & animate better. Its my personal goal to finish her model this year... i fear doing the face tho.😪 #blender #b3d

Added a "rotation" control to my gizmo library this evening. I'm not happy with the simple rings design, anyone have any cool design ideas? Even better a design that will work great to control the chest & hips a 3D character while retaining the 3 axis selection. #threejs

Put together the "Gift Wrapping" #algorithm, its an easy but an inefficient way to find the hull points from random set AND in winding order which is VERY important for meshing polygons. This might fix a proto I had problems making a few months back 😊 #threejs #opensource

Code&Demo codesandbox.io/s/prototypes... Got kabsch algorithm working. Its a "best fit" algo to make sets of points match by compute rot-pos-scl. Can use like anchors to pull things around. Thinking of using it to easily do buoyancy, car suspension, or the like. Tis Free 🥳 #threejs #gamedev #math

Code&Demo codesandbox.io/s/prototypes... My first 3D graphics job was with the navy. At the time I used gerstner waves to sim water for scenes. Heres the #glsl displacement + cpu bits to handle hits cause I need to make ships float😋 Tis Free! #threejs #gamedev #opensource

Code/Demo: codesandbox.io/s/prototypes... Finished implementing a basic example of @Acerola_t's sum of sines water displacement. Did some changes plus added a cpu point height testing in case I wanna make things float 😜 Tis Free, Enjoy. #threejs #glsl #javascript #gamedev #opensource

www.youtube.com/watch?v=qYTg... This is awesome. Good intro into the math of linkages. This is a topic I really want to explore down the line with #ossos / #kinematrics. Setup various drivers to perform procedural animations that I can use to move characters with.

Lets see if I can turn my TransformFeedback / Compute Shader prototypes into official #threejs examples.

Demo/Code: codesandbox.io/s/prototypes... Fun lil itch to scratch, #procgen lightning bolts. Posting the #threejs prototype for anyone to learn or use in their projects. Thanks @TheMirzaBeig for the resources that explained how to make it. #webgl #javascript #opensource #indiedev

@TheMirzaBeig posted the resources he used to learn how to #procgen lightening, For funz taking a stab at implementing it in #threejs. Its 2D now, will #opensource when its in 3D. Sadly, won't be able to do the stylized shading like mirza, not particularly good at that stuff.

I recreated my procedural primitive, TerrainCube, lack of a better name. I was in the mood to try @Acerola_t 's sine wave water tut & this would be a great shape to create a "slice" of water demo but since this took 2hrs, I'm outa time to do the tut, hopefully soon. #threejs

4meshs,1mil pnts each. Using transformfeedback as a compute shader to test OBB+PNT to set color. OBB Data is stored in a data tex. Takes 1 extra line of code added to #threejs library to utilize this very powerful feature. After testing on a mac & cleanup, will #opensource it

Finished making a Twist Gizmo to use in the new IK Control Rig for #ossos. Thinking instead of using pnts to define the pole direction of Knees/Elbows, Having this tear shape do the pointing & illustrate the -180:180 deg rotation range on drag. #threejs #animation #opensource

For shits & giggles I created a discord server. I have no purpose for it or what to do with it. Maybe it can be an easier way for people to communicate with me. Maybe yet another social thing to show demos. Maybe 4 world domination discussions. https://discord.gg/ZMHHYdfXkj

Starting the posing stuff over, this time will try to mimic "Control Rigs" typically found in #UnrealEngine & #blender. Watching videos on how they are built & functions while staring at nabba's main points. 4th times the charm to built this with #ossos & #threejs... right? 🙃

https://blog.unity.com/games/megacity-competitive-action-multiplayer-sample-game Curious the level of undertaking to try to port this to web technologies. Not talking about the multiplayer aspect of it, just rendering & traversing this large game work in a browser with #threejs. Lots 2 learn

https://sketchpunklabs.github.io/mapping Want a clean & simple from scratch example of how to access, pull, parse & render #google photorealistic #3dtiles in #threejs, here it is. Even have an ex that searches through the tree for a tile at LonLat 🚀 #opensource #webgl #javascript @CesiumJS

Finally have progress of loading google's photo 3D tiles completely from scratch & rendered in #threejs. Yes, even parsing #gltf 😜 Think I might save this as a basic example, next I want to drill down to a specific location & render that tile with textures. Then #opensource it

Changing gears to modeling, too much coding lately. Decided to retopo what I have so far for MsCosplay. Going for a grid approach, hopefully make UV & costume designs easier to do down the line. Hope it works for animations too. #blender #b3d #modeling

Demo&FreeCode https://codesandbox.io/s/prototypes-pygsc7?file=/prototypes/misc/000_hero_suit.html @weybecstudio release a free #blender anim rig /w unique material that #procgen a supersuit & trans to casual clothing. Recreated nodes in #glsl & fixed up the char to work well on the web & #threejs 🥳

Ques. Been trying to make posing IK with a feature that pulling an arm can drag the chest, I think its a cool demo but might be impractical 1. Is that a useful feature or gets in the way? 2. What IK features are important for posing & animating? #threejs #blender #b3d #metaverse

Left side was unstable, so starting over & focus only the hand. Fixed up tethering to only move the chest if chain is 100% extended. Instead of purely FABRIK solution, Trying out some verlet integration from my prev attempt into the mix. Looking better now... #threejs #gamedev

https://github.com/sketchpunklabs/ossos Ossos v0.0.3 !! Its got lots of IK Solvers, render examples in #threejs & @babylonjs. Support for @readyplayerme with parsing, TPosing & IKRig. We added Bone Slots & animation additives! #opensource #webgl #metaverse