This will allow you to animate objects that are placed on a canvas.
Document the interactivity parameter
Enter instructions for loading the plugin package here.
plugin-storyboard requires jsPsych v8.0.0 or later.
objects = [ { type: "image", src: "path to image", id: "ball", x: 500, y: 400 }, { type: "image", src: "path to image", id: "person", x: 500, y: 800 }, { type: "audio", src: "path to audio", onset: 500 } ]
animations = [ { type: "wiggle", id: "ball", onset: 500, durationPerWiggle: 200, wiggleAmount: 0.5, numberOfWiggles: 3 }, { type: "loom", id: "person", growthRate: relativeScale, maxSize: relativeScale, numberOfTimes }, { type: "translate", id: "person", onset: 0, x: 10, y: 100, duration: 3000 } ]
canvas_size:
background:
jsPsychHackathon 2025