My story features my cat and my dog exchanging noisy toys. I just thought it was hilarious to clip these pics of their heads out and animate them. I think the childish way everything was drawn/pieced together adds to the silliness of the story.
sketch
//TLOURIE
//SECTION D
//STORYLINE: GIRLCAT AND BRIDIE MEET AND EXCHANGE TOYS WITH ONE ANOTHER> THEN THEY PLAY WITH THE TOYS
var count = 0;
var girlcat; //images
var bridie;
var maraca;
var ball;
var livingroom;
var squeak; //sounds
var maracashake;
var meow;
var bark;
var bridieX = 520;
var bridieY = 200;
var ballX = 595;
var ballY = 290;
var maracaX = 150;
var maracaY = 300;
function preload() {
// call loadImage() and loadSound() for all media files here
girlcat = loadImage("https://i.imgur.com/Epqj4LE.png");
bridie = loadImage("https://i.imgur.com/i0HfI2s.png?1");
maraca = loadImage("https://i.imgur.com/tp9MlSK.png");
ball = loadImage("https://i.imgur.com/YUkpldR.png");
livingroom = loadImage("https://i.imgur.com/1omFhoF.jpg");
squeak = loadSound("https://courses.ideate.cmu.edu/15-104/f2020/wp-content/uploads/2020/11/squeak.mp3");
maracashake = loadSound("https://courses.ideate.cmu.edu/15-104/f2020/wp-content/uploads/2020/11/maracasingle.wav");
meow = loadSound("https://courses.ideate.cmu.edu/15-104/f2020/wp-content/uploads/2020/11/singlemeow.wav");
bark = loadSound("https://courses.ideate.cmu.edu/15-104/f2020/wp-content/uploads/2020/11/singlebark.wav");
}
function setup() {
createCanvas(600, 400);
useSound();
frameRate(2);
}
function soundSetup() {
squeak.setVolume(0.5);
maracashake.setVolume(0.5);
meow.setVolume(0.5);
bark.setVolume(0.5);
}
function draw() {
switch (count) {
case 7: bark.play(); break;
case 16: meow.play(); break;
case 25: bark.play(); break;
case 34: meow.play(); break;
case 43: squeak.play(); break;
case 47: maracashake.play(); break;
case 48: maracashake.play(); break;
}
background(200);
livingroom.resize(width, height);
girlcat.resize(175, 175);
bridie.resize(150, 150);
maraca.resize(150, 75);
ball.resize(75, 75);
image(livingroom, 0, 0);
image(girlcat, 70, 200);
image(bridie, bridieX, bridieY);
image(maraca, maracaX, maracaY);
image(ball, ballX, ballY);
if (count < 6){
bridieX -= 25;
ballX -=25;
//bridieY += 20;
}
if (count > 6 & count < 15){
fill(255);
noStroke();
textSize(15);
ellipse(300, 175, 300, 75);
triangle(300, 200, 350, 200, 375, 250);
fill(0);
text('hey girlcat, is that my maraca?', 200, 175);
}
if (count > 15 & count < 24){
fill(255);
noStroke();
textSize(15);
ellipse(300, 175, 300, 75);
triangle(270, 200, 330, 200, 225, 250);
fill(0);
text('yeah, it is. is that my squeaky ball?', 200, 175);
}
if (count > 24 & count < 33){
fill(255);
noStroke();
textSize(15);
ellipse(300, 175, 300, 75);
triangle(300, 200, 350, 200, 375, 250);
fill(0);
text('it sure is. wanna trade?', 200, 175);
}
if (count > 33 & count < 37){
fill(255);
noStroke();
textSize(15);
ellipse(300, 175, 300, 75);
triangle(270, 200, 330, 200, 225, 250);
fill(0);
text('alright', 200, 175);
}
if (count>=37 & count < 42){
ballX -= 50;
maracaX += 50;
}
if (count == 42) {
ballY += 25;
}
if (count == 43) {
ballY -=25;
}
if (count == 46) {
maracaY += 25;
}
if (count == 47) {
maracaY -=25;
}
count ++;
}