TyphonJS Runtime Library v0.0.9 - Release Candidate
Alrighty! The TyphonJS Runtime Library (TRL) v0.0.9 is out... In the last 2 weeks+ I have done massive work on the Position system that is backward compatible w/ the Foundry system / data, but brings reactive position capabilities to Application development. Now this new system can be applied to any HTML element and not just applications. It's pure JS, but is truly unlocked when you use it w/ Svelte. The demo video is long, but shows some very neat things. Use the timecode links to jump around. Check around the middle to get an idea of the massive performance boost applied to bespoke HTMLElements.
My intention is that this tech can power a very versatile cards implementation compared to going a full 3D / WebGL approach.
I'm spending the next 1-2 weeks completing an advanced animation system to go along with it and eeking out even more performance.
Anyway... highlights:
- Massive performance increase
- Ability to apply Position to any HTML element (no longer just Applications)
- See
- New transform validator that works with browser or element bounds. By default SvelteApplication uses it.
-
You can swing on by my Discord /
Demo repo in video here: https://github.com/typhonjs-fvtt-demo/essential-svelte-esm
Cheers!
https://www.youtube.com/watch?v=nWHRZcOhsRA
My intention is that this tech can power a very versatile cards implementation compared to going a full 3D / WebGL approach.
I'm spending the next 1-2 weeks completing an advanced animation system to go along with it and eeking out even more performance.
Anyway... highlights:
- Massive performance increase
- Ability to apply Position to any HTML element (no longer just Applications)
- See
applyPosition for usage in Svelte (check box demo).- New transform validator that works with browser or element bounds. By default SvelteApplication uses it.
-
resizeObserver action for better cross-browser offsetWidth / Height monitoring.You can swing on by my Discord /
#typhonjs-runtime channel to have a chat: https://discord.gg/mnbgN8fDemo repo in video here: https://github.com/typhonjs-fvtt-demo/essential-svelte-esm
Cheers!
https://www.youtube.com/watch?v=nWHRZcOhsRA
YouTubeTyphonJS-FoundryVTT
This demo video goes over some of the amazing advances to the reactive position capability of TRL. Not only is it applied for module / system Application development, but you can apply the positional system to any element now. Position validation is significantly improved with a validator that can take transforms into consideration including set...
