VoR
@sketchpunk.bsky.social
✨ IK Necromancer
🎨 Wannabe 3D Modeler
🔥 Javascript Developer
🥒 Open Source Enthusiast
🤪 Wakadoodle Extraordinar
@[email protected]
🎨 Wannabe 3D Modeler
🔥 Javascript Developer
🥒 Open Source Enthusiast
🤪 Wakadoodle Extraordinar
@[email protected]
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
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
July 15, 2025 at 7:02 AM
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
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
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
May 31, 2025 at 3:12 AM
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
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
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
May 11, 2025 at 4:50 AM
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
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 !
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 !
May 9, 2025 at 4:46 AM
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 !
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
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
May 7, 2025 at 4:20 AM
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
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
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
April 28, 2025 at 3:10 AM
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
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
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
April 19, 2025 at 4:11 AM
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
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
#threejs #gamedev #webgl
April 17, 2025 at 4:21 AM
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
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
April 14, 2025 at 5:22 AM
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
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
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
April 11, 2025 at 4:58 AM
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
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
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
April 10, 2025 at 4:25 AM
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
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
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
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
March 24, 2025 at 2:36 AM
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
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
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
March 22, 2025 at 4:40 AM
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
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
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
March 12, 2025 at 9:21 PM
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
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
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
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
March 1, 2025 at 9:04 PM
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
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
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
February 27, 2025 at 9:59 PM
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
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
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.
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.
February 16, 2025 at 6:03 PM
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.
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
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
January 16, 2024 at 5:17 PM
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
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
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
December 1, 2023 at 11:03 PM
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
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
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
November 29, 2023 at 6:39 AM
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
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...
github.com/sketchpunkla...
November 15, 2023 at 4:16 PM
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...
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...
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...
October 7, 2023 at 6:23 PM
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...
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
#blender #b3d
October 5, 2023 at 3:21 PM
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
#blender #b3d
Here's the final version of my rotation gizmo. Pretty snazzy. The render bits are dependent on #threejs but the rest is easily portable to other engines if needed.
#opensource if anyone's interested github.com/sketchpunkla...
#gamedev #indiedev #math
#opensource if anyone's interested github.com/sketchpunkla...
#gamedev #indiedev #math
October 3, 2023 at 10:56 PM
Here's the final version of my rotation gizmo. Pretty snazzy. The render bits are dependent on #threejs but the rest is easily portable to other engines if needed.
#opensource if anyone's interested github.com/sketchpunkla...
#gamedev #indiedev #math
#opensource if anyone's interested github.com/sketchpunkla...
#gamedev #indiedev #math
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
September 29, 2023 at 11:31 PM
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