As it stands, Tumult Hype doesn’t have a vector drawing tool. While pondering how to get nice vector graphics and animations in Hype, I thought to look up a library.
I found Paper.js. Seems like it would work nicely with Hype.
Hey just some notes, try to use the scripts in hype document in a way where you merge the js with the hype document elements otherwise there’s no real point of using hype at all if everything from those libraries is contained in a widget you could just hard code everything without Hype.
And PaperJs and ThreeJs especially perform much faster raw without being in hype on tablets I’ve found. Desktop may be great, but especially with threejs the less layers of end code the easier it was to process.
PaperJS however can be really great when mixed with hype, i created some interactive colouring book tests and they ran fine, if you just stick your main variables in the head html , your paperjs setup code onLoad, you can use the hype divs to trigger actions and make a lot of fun stuff!
Hi. If you have any examples to share, I would love to see how they are set up. I do want to make this as easy to distribute and use as possible, as well as a few other ideas I have.
Hey man,
Sorry it took so long to respond, but I cant release most of the files since they’re for clients and they’re not done yet HOWEVER
Here’s an experiment i did where you have a canvas with tools . The buttons are hype objects, the library is PaperJS
And it worked really well
No worries! And yeah potentially, but paperjs has so many options and customisations you’d need to have a ton of sliders and buttons in it to control them.
I’m not sure personally if it’s worth it, but If we were to create a basic Hype file with them in use minus any extras with code notes on how to customise them and a tutorial to explain the file I think it could work really well.
This way a user may even be able to make their own file from scratch as they’d know what’s useful to use what’s not