// Write your code here
// - `context` is the canvas context
// - `persistent` is an empty object which is preserved between frames
const dir = () => Math.random()/2 + 0.3;
if(persistent.hue === undefined) {
persistent.hue = 0;
}
if(persistent.i === undefined) {
persistent.i = 0;
}
if(persistent.offsetX === undefined) {
persistent.offsetX = Math.random() * 16;
}
if(persistent.offsetY === undefined) {
persistent.offsetY = Math.random() * 16;
}
if(persistent.dirX === undefined) {
persistent.dirX = dir();
}
if(persistent.dirY === undefined) {
persistent.dirY = dir();
}
if(persistent.right === undefined) {
persistent.right = true;
}
if(persistent.down === undefined) {
persistent.down = true;
}