VoR
banner
sketchpunk.bsky.social
VoR
@sketchpunk.bsky.social
✨ IK Necromancer
🎨 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
July 15, 2025 at 7:02 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
May 31, 2025 at 3:12 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
May 11, 2025 at 4:50 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 !
May 9, 2025 at 4:46 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
May 7, 2025 at 4:20 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
April 28, 2025 at 3:10 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
April 19, 2025 at 4:11 AM
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
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
April 14, 2025 at 5:22 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
April 11, 2025 at 4:58 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
April 10, 2025 at 4:25 AM
Reposted by VoR
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:
March 28, 2025 at 11:13 PM
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
March 24, 2025 at 2:36 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
March 22, 2025 at 4:40 AM
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
March 12, 2025 at 9:21 PM
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
GitHub - codecrafters-io/build-your-own-x: Master programming by recreating your favorite technologies from scratch.
Master programming by recreating your favorite technologies from scratch. - codecrafters-io/build-your-own-x
github.com
March 6, 2025 at 6:19 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
March 1, 2025 at 9:04 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
February 27, 2025 at 9:59 PM
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 :)
GitHub - sketchpunklabs/threejs_proto: Various prototypes using threejs
Various prototypes using threejs. Contribute to sketchpunklabs/threejs_proto development by creating an account on GitHub.
github.com
February 25, 2025 at 1:57 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.
February 16, 2025 at 6:03 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
January 16, 2024 at 5:17 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
December 1, 2023 at 11:03 PM
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
November 29, 2023 at 6:39 AM
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...
November 15, 2023 at 4:16 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...
October 7, 2023 at 6:23 PM