#A (pair) of scripts to make animated (2d) cutscenes in game (using painter) (like ponderjs)

29 messages · Page 1 of 1 (latest)

green dust
#

I've attached 5 things

  • A video of it in use (first cutscene of my modpack)
  • A script that I used for the animation in the video (juiceBlast.js)
  • 2 scripts that are the main thing being presented here that enable the animation (These are the two that you will want to take if you want to use it yourself)
    (AnimationBuilder.js) interacts with your code and converts them into a format that animation player can understand. This code is clean
    (animation player.js) this code is festering a tad and actually interacts with painter and events to play the animation
  • A html file that I use as tests for AnimationBuilder.js (unless you know what this means then you can ignore it)

I plan on updating this, (for example making it run on the client instead of server, and targeting individual players instead of all at once, quadratic animation instead of linear)
Currently it is kinda a showcase, might clean it up and add a tutorial how to use it later. (You can figure it out!)

Everything here is under the MIT license except for the juiceBlast.js which is under Mozilla Public License Version 2.0.
This means that if you include one of the (that are under MIT) you just need to say some where that I made this and that what I made is under the MIT license.

📎 juiceBlast.js 📎 animation_player.js 📎 AnimationBuilder.html 📎 AnimationBuilder.js
worn geyserBOT
#

Paste version of juiceBlast.js, animation_player.js, AnimationBuilder.html, AnimationBuilder.js from @green dust

green dust
#

the code that lets you play it based on the chat input is not included so you need to make something like that yourself

#

also sorry for the cringe voice acting

green dust
#

if are making an animaiton and want to edit a part in the middle and not need to rewatch the whole thing everytime put a scene.skipDelay(true) at the begining and a scene.skipDelay(false) when you want to stop skipping.

#

you can use /kubejs reload server_scripts to reload the animation

#

if an animaiton is playing while it is happening it will freeze

#

if you trigger the aimation after this has happened then it will not look correct, wait for the animation to finish then trigger it again

gleaming obsidian
#

Yo that's so cool!

#

I probably won't use this but this opens up so many possibilities for story-driven packs!

cunning stag
#

Very awesome

#

I think @stray dirge was doing something similra

#

I might add something in future to make things like this easier

green dust
#

that would be cool

cunning stag
#

some predefined animation that you can "play" at any time

green dust
#

being able to do rotations would be nice as well

cunning stag
#

hm, of which object?

#

I think you can

#

oh I guess you can't

stuck merlin
#

this is kinda cursed lmao

dense drum
#

lmao this is actually awesome but i love the example

stray dirge
gleaming obsidian
#

I like the detail in the bottom-right

stuck merlin
#

lmao the subtitle is amogus

urban furnace
green dust
#

it's the first cutscene of my modpack (and only one i've made this far kek)

#

but thanks my homie

frozen sequoia
#

if i made a frame by frame pre - rendered animation could this script still work?

#

like a fully animated video