Click to Follow SketchpunkLabs

VoR

@SketchpunkLabs

IK Necromancer

Wannabe 3D Modeler

Javascript Developer

Open Source Enthusiast

Wakadoodle Extraordinar @sketchpunk@mastodon.gamedev.place

Z-City Ghost Townyoutube.com/c/SketchpunkLa…Joined August 2008

296 Following

1,235 Followers

VoR’s Tweets

Pinned Tweet

VoR

@SketchpunkLabs

Mar 3, 2022

patreon.com/posts/63305737 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! Tis all Free, now go make kewl shit 🥳 #opensource #webgl #metaverse

GIF

180

I made a PLY parser,,, Ascii & Binary... I can now load point clouds stored in that format... next up, LAS. #javascript #mapping

GIF

read image description

ALT

VoR

@SketchpunkLabs

Feb 3

sketchpunklabs.github.io/ikwonderland/# IK Wonderland update, I decided that it was important to start with #quaternions, no point without a good understanding of the subject. First draft up of what I know about the damn things PLUS Tips & Tricks. Wanna share ur tips&tricks, pleez do😋 #gamedev

VoR

@SketchpunkLabs

Feb 2

pretty awesome. I feel inspired, which can be a bad thing 😋

Quote Tweet

Bruno Simon

@bruno_simon

Feb 2

Remember the procedurally generated world I was working on months ago? It's live

infinite-world.vercel.app No purpose being this project, I was just having fun. Although I might work on it again. #threejs #webGL

Show this thread

VoR

@SketchpunkLabs

Feb 2

mattdesl.github.io/webgl-wirefram Whoa... this is some really effing good wireframing by

@mattdesl

, I really like tapered & dotted. The animated ones are pretty cool too.

VoR

@SketchpunkLabs

Feb 1

sketchpunklabs.github.io/ikwonderland/ Finally starting that #free #ebook on everything about creating character animation systems. From skinning, to animation, bone springs, all the way to IK & Auto Skinning Geometry. I'll slowing be writing the content as I recode #ossos. #docsify

VoR

@SketchpunkLabs

Feb 1

100 days till personal projects go on hiatus😉

Quote Tweet

100 days to go.

This has bugged me for a long time. Couldn't find any examples online but a few forum posts stating its not possible. With the name of the skin type+a few attempts to fully explain the problem the AI came up with a simple but brilliant solution. w00t w00t #gamedev

Thanks to

& #chatGPT I finally learned how to do skinning purely with transforms ( quaternion, scale, position ). Took a few stabs at it for 2 years & a GPT couldn't solve it before. This should complete my skinning algorithm collection🥳 #threejs #glsl #gamedev

This adds an alternative to using a pole direction for #ossos, By stripping twisting out of swings rotations I can then use an angle to control the twisting of a bone. Aim/Look IK would be perfect with this new setup along with limbs since knee&elbows use pole directions.

With the 2 examples on #quaternion swing/twist decomposition I found online being unreliable for my IK work, Ive worked out a way of using vectors to construct Swing & Twist quaternions with the added bonus of finally computing the twist angle correctly. #threejs #math #metaverse

meh. Looks like SwingTwist Decomposition from a #quaternion really isn't reliable. Once you start doing 3 axis rotation things start to fall apart. There is also no reliable way to get angle of a single axis as 90deg on all axes is the same as 90deg on only X. #math #gamedev

Trying out SwingTwist Decomposition, first attempt was a failure but second idea is to strip twist out of the result which seems to work well. Next is see if I can apply a pre-existing twist after stripping. This can change how I've been doing IK #gamedev #math #threejs

#quaternion ques. A cube rot toward right. I create a rotation from look forward toward target to swing cube to look at target but a twist on z also happens. Is there a way to handle apply swing without twist? I normally create a twist rot to realign up. #gamedev #math #threejs

My son sent me a video of someone turning a gundome model into chainsaw man. I effing fell in love with the look of the chainsaw that i'm SOOOO going to model it for IK bot. I dont even have arms yet & i'm going to make weapons. Side note, I also wanna make cat ears 😊

VoR

@SketchpunkLabs

Jan 28

Planning IK rewrite, v1 IKtarget was a thing but by v2 it was a prop in each solver, going back to v1 as its less complicated. Also have some different ideas about quaternion swing/twist decomposition, wonder if I can improve how to handle pole dir. #metaverse #threejs

VoR

@SketchpunkLabs

Jan 28

Really cool stuff, we need more of fx like things being taught using #threejs.

Quote Tweet

Francesco Michelini

@fra_michelini

Jan 28

Folks, I've just published a new free ThreeJS tutorial on my @Patreon page, give it a shot!!

patreon.com/posts/create-s #threejs #webgl #tutorial #shader #postprocessing

0:23

19.4K views

VoR

@SketchpunkLabs

Jan 26

Put lil time on IK Bot, fixed up shader with pbr parts & simplex noise to procedurally animate it. Next up is rebuilding Inverse Kinematics stuff for #ossos & use Aim/Look IK to control the Eye movements. #threejs #webgl #javascript

GIF

VoR

@SketchpunkLabs

Jan 25

Does anyone know or has a clean example of PBR shader? I've looked at #blender, #threejs & #gltf viewer glsl source & tried to code something based of them. What i have "works" but not 100% digging it since all the examples are implemented differently even tho based on disneyBRDF

VoR

@SketchpunkLabs

Jan 20

Asking #ChatGPT more #glsl questions. This time around I was curious how "Rect Angle Lights" is coded. I then asked it to comment its code & walla. Dont know if the code works yet but I love that it can comment its own code ( unlike many opensource devs ).

VoR

@SketchpunkLabs

Jan 19

Created a controller, w00t. Now the question is how to animate this bot. Do I create some state to lerp to? Do I create animation queue? Don't really know how I want to handle this. I'll need to sit down & really think about this for a while. #threejs #webgl #ossos #javascript

IKBoT MK1 is finally web ready, rendering in #threejs & using #ossos's armature. I need to look into redoing the fragment shaders of the custom skinning material I have to improve the visuals. Next I want to try making some procedural animations like looking around & blinking😋

I think i'm just about done creating the body for IK Bot MK1. Might try to see if I can add any extra small details that won't obstruct attachments that'll roll around the outer body. Can't wait to rebuild aim/look ik using the eye parts😋 #blender #b3d

VoR

@SketchpunkLabs

Jan 16

Planning on buying 1 or 2 #blender plugins. Curious if there are any others that people swear by to make it ezer to model. I'm focused on creating characters & hard surface modeling for robots & armor. #b3d

VoR

@SketchpunkLabs

Jan 16

Looking back... this post is going to be pretty funny if things work out in the coming months🤫

VoR

@SketchpunkLabs

Jan 13

Quick update on IKBot, added some detail plus reworked the inner parts of the eye. So far its going in a good direction. #blender #b3d

Well, I wonder if this works, saved to text file. At some point soon I may need to port a #blender material to #glsl for IKbot ( want procedural rusty metal ). If this does decent job replicating the Principled BSDF, then I'll be happy. Next askin about geo nodes😊 #ChatGPT

VoR

@SketchpunkLabs

Jan 12

Back to modeling. Working on redesigning the basic idea of what I want for IkBot MK1. I'd like to have a big eye that can close & rotate around. I'll use that feature to rebuild & demo the aim / look IK stuff for the next version of #ossos. #blender #b3d

DEMO&SRC: sketchpunklabs.github.io/mapping/ Inspired by recent work by

@EthanRedd

, I tried my hand at creating a terrain tile that's rendered with fancy topographic contour lines. All the code is available & free. Side note, bloom effect gave me a lil headache😰 #threejs #glsl #webgl

VoR

@SketchpunkLabs

Jan 11

Curious, has anyone had issues extending a #threejs object3d in #typescript but they getting type errors that the type isn't compatible when adding to a scene. _pnt is just an extension of THREE.Points. I've also put @types/three in my project. Silly work around for _ln + anchor

VoR

@SketchpunkLabs

Jan 10

processing. It will also handle dragging on the line & plane as actions I talked about before. This leaves the actual gizmo to handle its state & rendering only. This might be a good foundation to create & use multiple gizmos at the same time in #threejs

For IK rigs, I need to be able to handle multiple gizmos at the same time. So an over arching object is needed to manage all the gizmos on screen. Also it will be the only thing taking in mouse input then figure out which gizmo you hit then feed the ray to it for further...

GIF

Its not really that complicated, the issue is if things aren't world axis aligned, you need to take steps in determining whats X & Y. With a lil bit of projection to each of these axis directions gives you the needed distances to compute a step position. #math #javascript

The second interaction is ray intersecting a plane. This is used for handling translation & even rotation. This is an easy thing to do with the only thing that's a lil complicated is when you want to use step movement which this demo is illustrating. #threejs #typescript #webgl

GIF

With the gizmos I've made, I learned that there are only two interactions I need. So making those two reusable should make it ez to create new gizmos. The first is placing things on a line which is all you are really doing for axis translation. #threejs #typescript #webgl

GIF

Do you know someone who writes, directs, and plays multiple characters alone? Meet Cory Strassburger and his alter ego

@pwnelon

who runs the show Xanadu and builds his metaverse with fun stories using #UnrealEngine and various motion capture technologies. #EpicMegaMondays

277

Next up #procedural rounded rectangle. I'm pretty proud of this solution i wrote today, really shows how far I've gone dealing with raw data & vector math. Simple, very data oriented plus GPU buffer ready :) #threejs

skfb.ly/ozOHE I want to eventually recreate these procedurally so they can easily be packaged in a JS Library. If anyone wants to help turn these into 3d polygon points, it would save me time in the long run.

sketchfab.com

Ultimate Rig Controller Shapes Collection - Download Free 3D model by...

Rig controller shapes collection. 100+ pieces. Spend more time rigging less on making controller shapes. Please read the following download instructions: When downloading the model please prefer...

Code: github.com/sketchpunklabs I've been working on a new gizmo lib with the focus on creating stuff used for animating character rigs in apps like #blender but for #ossos :) Today wrote procedural polygon arrows, more shapes & demos to come. #threejs #typescript #animation

sketchpunklabs.github.io/irregular_grid I actually forgot about this then started playing with it. Its a fun lil prototype on using irregular grids, marching cubes with cube tiles. Someday I need to get back into it again when I have time & ideas. Code is available & free #threejs #procedural