Days of R&D to recreate #Unreal's Gameplay Abilities System to work on the web with #threejs. Building a core sys with user defined Tags, Abilities & Effects as data. I made a dodge ability, cooldown & stamina cost/regen effects, plus tags that define current state #gamdev

#Opensource Demo: sketchpunk.gitlab.io/linkle/ Spent too much time learning & prototyping grass using cards but I get flexibility on stylizing the grass instead of using blade methods. Lots of #procgen stuff in this example. 90% from scratch, AI gave me wind #maths #threejs #gamedev #webgl

sketchpunklabs.github.io/ai_proto/ Thought I'd house all the AI #threejs prototypes I've been generating on #github instead of sharing claude artifact links. There is way more stuff there then I've shared so far, worth a look. All the code is #opensource, to use & learn from it.

Demo & #Opensource sketchpunklabs.github.io/threejs_prot... With so much AI bs, felt like hand coding something from scratch for funz. I was inspired by @DX_Nacca post about dynamic scaling. So took a stab at recreating it in #threejs, even used @KenneyNL's assets in the recreation. Code is free

Demo & #Opensource 🪄🚀 sketchpunk.gitlab.io/linkle/ From scratch animation state machine, clip events, object pool, input actions & buffer, task queue. LOTS of typing for button mashing proto of linkle casting sad looking dark magic orbs into the ether Hizzah! 🥳 #threejs #gamedev

Demo & #Opensource sketchpunk.gitlab.io/linkle/ Ported magic casting anim to the project! Updated animation viewer make packs switchable for better browsing & testing them. Plus linkle dressed now in viewer with a toggle, cause why not. Wanna work out controlling anim switching #threejs #gamedev

Demo & #Opensource sketchpunk.gitlab.io/linkle/ Root motion coded from scratch & integrated into 1D Blendspace. This will make it easier to get her moving around a scene and eventually doing combat. Step by step baby. #threejs #webgl #gamedev

Demo & #Opensource sketchpunk.gitlab.io/linkle/ 2D Blendspace animation sampler & UI Web Component... From Scratch! Blending 3+ animations at the same time can be useful especially for this example of 5 locked in walking animations. All free, enjoy! #threejs #gamedev #animations

Demo & #Opensource Ripped some combat animations & got them all web ready for linkle. Update the animation viewer to use the new linkle builder, weapon assets & preview the new combat glb. Tis free for anyone to use. I cant wait till I code up the combat system, tis a slow process #threejs #gamedev

Demo & #Opensource sketchpunk.gitlab.io/linkle/ Summon linkle into your project! You ask & u shall receive. I created builder that will quickly assemble linkle for u plus examples of posing by code & loading animations into #threejs mixer. DL assets & ex in repo. #gamedev #webgl

Demo & #Opensource sketchpunk.gitlab.io/linkle/ Rebuilt BlendSpace1D animation sys + made UI web component. Getting closer to a simple traversal sys for linkle. Can't wait till combat prototype is fleshed out more :) #threejs #gamedev #javascript #indiedev #webdev #webgl #animation

Demo & #opensource sketchpunklabs.github.io/threejs_prot... add phases to the mini animation sys & worked out btn mashing to repeat attack1 & combos with timed presses. Plus weapon goes away after 3secs of no attacks. Good progress on this from scratch combat sys. Will add more later #threejs

Building combat scratch: StateMachine, MiniClip, MiniClipPlayer, FixedFrame, In Between Fixed Transform tweening, Keyboard/Gamepad Input, Input Action State & Buffer. FINALLY seeing the beginnings of the 3Hit Combo 🥳 #threejs #gamedev #indiedev

Demo/#opensource sketchpunklabs.github.io/threejs_prot... Strapped for time, building combat sys /wo the char anim sys to speed things up. Made ball ctrl /w fixed frame updates, in between transform lerp with keyboard+gamepad input. Next sword out of cube & start swinging :) #threejs #gamedev

Demo & #Opensource sketchpunklabs.github.io/threejs_prot... Built a dynamic atlas renderer along with an img made from @kenney.nl 's assets. I made it to work in world & screen space. Seeing lots of this in future prototypes Everything is free & open, enjoy! #threejs #webgl #glsl #gamedev

Fixing up ripped animations for linkle. Had fun building a small webapp to review the packs im making, including UI from scratch using web components. Will later update to handle tagging frames when I work on combat animations. #threejs #gamedev #indiedev

Demos & #OpenSource sketchpunk.gitlab.io/linkle/ Finally finished making the asset proto. Spent more time in blender & toolkit then I did coding it. This will be a fun base moving forward as I go back to work on the animation & combat system. Tis All Free! #threejs #gamedev #webgl

zelda's #botw has main char broken out into head, upper & lower. Each has their own skeletons plus an animation skeleton. Got the ripped linkle mod base + 1 armor asset working together in #threejs. Can't wait to get her running & attacking things on the web #opensource #gamedev #indiedev

Bit of work but linkle is now working well on the web with #threejs. Only 800kb without zip, not bad. Next get some animations converted & running plus some armor assets. Can't wait to have her run in a field of grass while hitting things. Small steps :) #opensource #gamedev

#opensource demo sketchpunklabs.github.io/threejs_prot... First milestone complete, animation system & 3rd person ctrlr from scratch. Even got Xbox ctrl input cause im no keyboard warrior 😘 Sensible thing is to do jumping next, nay! Tis time for COMBAT !!! 👊🗡️ #threejs #gamedev #indiedev

#Opensource Demo sketchpunklabs.github.io/threejs_prot... Refactored 1D Blendspace proto to work in my new from scratch anim sys. Root motion built in & works with fixed frames. Next add xbox ctrler to move mewtwo around infinite world. Can't wait to do combat next :) #threejs #gamedev #indiedev

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