Sprite Scene Planning

Question

Dùng shapes, speles, and text you're going to create a single scene You can think of this tike a page in a story, a panel in a comic, or just a standalone scene

Sketch your Scene

The first thing to consider when designing your scene is what your background will look like. You can use the drawing commands that you've used in the past to layout a simple background over which you will place your sprites The space below is 50 by 50. That means each square on the paper will map to 50 pixels on the computer. Sketch out your snowy background using only the drawing commands (reference provided to the right). List the sprites you'll use below

Shapes:

background(color)

rect(x, y, width, height)

ellipse(x, y, width, height)

line(x1, y1, x2, y2)

text(string, x, y, width, height)

textSize(pixels)

Color and Style:

fill('color')

noFill()

stroke("color")

noStroke()

strokeWeight()

Sprite Label
:
Description:

Answer 1

To create a snowy scene using the provided shapes and styles, let's begin by sketching the background and listing the sprites that will inhabit this scene.

Scene Sketch

1. Background:

   • Color the background white to represent snow and add a light blue gradient at the top to illustrate the sky.
   • You could draw a few small mountains in the background using ellipses or triangles colored in light gray to suggest distance.

2. Snow Effect:

   • Use ellipse to create large white circles to simulate falling snowflakes, scattered randomly across the scene.

3. Ground:

   • Draw a white rectangle at the bottom of the scene to represent a snow-covered ground.

Background Code:

// Set background
background(135, 206, 250); // Sky blue

// Draw ground
fill(255); // White for snow
rect(0, 40, 50, 10); // Snow-covered ground

// Optional: Draw distant mountains
fill(200); // Light gray
triangle(10, 40, 20, 20, 30, 40); // A mountain
triangle(25, 40, 35, 25, 45, 40); // Another mountain

// Create snowfall effect (snowflakes)
fill(255); // White for snowflakes
ellipse(10, 10, 5, 5); // A snowflake
ellipse(20, 15, 5, 5); // Another snowflake
ellipse(5, 30, 5, 5); // Another snowflake
ellipse(30, 25, 5, 5); // Another snowflake

List of Sprites:

1. Character Sprite:

   • Label: "Snowman"
   • Description: A snowman made of three snowballs stacked on top of each other, with a carrot nose, two coal eyes, and a scarf.

2. Animal Sprite:

   • Label: "Rabbit"
   • Description: A small white rabbit with long ears, hopping across the snow.

3. Plant Sprite:

   • Label: "Pine Tree"
   • Description: A green pine tree with white tips to depict snow adorning its branches.

Example Code for Sprites:

// Snowman Sprite
fill(255); // White
ellipse(15, 37, 10, 10); // Bottom snowball
ellipse(15, 30, 8, 8);   //Middle snowball
ellipse(15, 25, 6, 6);   //Top snowball
fill('orange'); // Carrot nose
triangle(15, 24, 18, 25, 15, 26);
fill('black'); // Coal eyes
ellipse(14.5, 24, 2, 2); // left eye
ellipse(15.5, 24, 2, 2); // right eye

// Rabbit Sprite
fill(255); // Rabbit
ellipse(40, 34, 5, 5); // Body
ellipse(40, 32, 3, 3); // Head
fill('pink'); // Inside of ears
ellipse(39, 31, 1.5, 2); // Left ear
ellipse(41, 31, 1.5, 2); // Right ear

// Pine Tree Sprite
fill('green'); // Tree
triangle(45, 40, 42, 32, 48, 32); // Top triangle
triangle(45, 37, 41, 30, 49, 30); // Middle triangle
fill('brown'); // Trunk
rect(44, 40, 3, 5); // Tree trunk

Final Notes:

Combine the background and sprites in a cohesive manner to bring your snowy scene to life. You can add more snowflakes using random placements or animation to give a sense of motion in your scene!