Resources
Resources
  • Home
  • MYP 1
    • World Of Advertising
    • Dream Room
  • MYP 2
    • Load It Up!
    • Game Design
    • Biomimicry
  • Student Resources
    • Creative Commons
    • Chrome Apps
    • Design Cycle
  • Home
  • MYP 2
  • Game Design
  • Criterion _B
Design Spec Image Types Images Image Editors Sound Remove Background Attributing Images

Develop Design IdeasDevelop a Storyboard Inspiration Board Scratch Code Tips

For this summative task, we will:

  • Develop a Design Specification
  • Complete sketches in your notebook
  • Create a storyboard for your game
  • Compare the storyboard to the design spec
  • Develop an inspiration board

Your grade will be based on the Assessment criteria posted on Managebac.
Develop A Design Specification
See specification examples here.
The spec should outline your target audience, what the game will teach, some of the aesthetics and tools you will use to create.

Sneaky Toast

Click on the “see inside” button to see the costumes.

Custom Costumes

I found this sneaky toast character using some of the resources below. Check them out!

The “next costume” block runs through all the costumes.

I also changed the direction to left right so it doesn’t walk on its head 🙂

Copyright and Fair Use

Everyone knows that copying and pasting text is plagiarism. Did you know that the same is true for images, videos, and audio? Using other people’s work without written permission is called copyright infringement.

Luckily there’s The Creative Commons

Image Types

The two main image file types on the internet are “.jpg” and “.png”

The image on the left is a jpg file and has a background. The image on the right is a png file.

the image on the right doesn’t have a background. This is helpful if you want to place it on your own background.

To remove the background, you need to edit the image or download an image file that is a png. Don’t take a screenshot of the png. This will result in an image with a checkered background.

See below for how to remove the background.

Images

Bevouliin Game Art?
Pixabay gifs?
Google Image Search
Pixabay ?
Open Clipart ?
PNG Tree?
Image Text?

*Tip– You can select multiple images by holding the shift key.

Image Creators

Create an 8-bit style sprite

Resize your Piskel project for best results.

Image Editors

basic image editor

Online Image Editor  ?
Pixelate ?

Sound

Voices

Use the “text to speech” block in Scratch to make your project talk

Your can also use Read Loud

website where you can easily download any phrase that you type.

The Scratch sound module, which is built into scratch, is an excellent way to record your voice or sound effects for your games. Find a quiet room when recording.

Create MP3 audio files from text. Upload them to Scratch.
Read Loud?
Sound effects & Music tracks

Databases of creative commons licensed audio files. They can be used for free, but should be attributed. Downloading music from YouTube or any other website without written permission is considered copyright infringement (stealing).

Music for games
Audio Nauti
Pixabay Sound Effects
Trim mp3 files and use only what you need
Audio Trimmer

Pixel Speech Bubble

Here is an example of a speech bubble in use

Screenshot 2015-01-28 10.17.21

Remove Image Background

After you have found your images, you’ll need to edit them.

You can use these two methods to remove backgrounds:

Method 1, Remove bg
Easy! Just upload your photo and the background gets removed.
Method 2: Pixlr x, 

Di_An_h

Watch the tutorial here

Attributing Images

When you use a creative commons image, you need to attribute it to the copyright holder (the person who made it). A properly attributed photo includes links to the photo’s title, author, and license.

properlyAttributed

“Thumbs Up”, by Paul, Licensed under CC by 2.0

Develop Design Ideas

For this task, we will develop:

  1. sketches in our design book
  2. a storyboard for the game

Here are some examples of student sketches. They show that the student is thinking through the design possibilities.

click to enlarge
click to enlarge

click to enlarge

click to enlarge

Storyboarding

The storyboarding concept started at Walt Disney Studios in the 1920’s.
 Simple sketches can be used. It’s important to communicate what you SEE, HEAR, and the FUNCTION in each frame.

All storyboards must be printed and handed in by the deadline.
Develop Your Final Design

Communicate the overall visual appearance of your game with an Inspiration Board

Use the ColorZilla tool to pick a color from any webpage for use in other apps. The color hex number can be noted on your final design.

Install it below.

ColorZilla  

Outline of overall visual appearance

I will use a cookie as the sprite that guides the TA in the game. The Villi are going to be simple shapes drawn in the Scratch costume panel. I will sketch some of my sprites myself but some will be found on Pixabay.com.

My colors will mainly be in earthy warm tones and reddish tones that match the digestion theme.

Familiarize yourself with the command terms below.

Criterion B Command Terms

List

A number of words, one below the other.       

State

Write a short answer without explaining.

Outline

Write a short description.

Present: 

Show something to someone else in a particular way

Describe

To say what something is like in detail.

Explain

Describe something and give examples. Think about What? Where? Why? How?

Analyze

Examine something carefully by separating it into its parts, in order to understand or explain it.

Create: 

Make something from your own idea or imagination.

Feasible

A feasible idea is an idea students can successfully make independently in the given time, with their skills, and with the available resources.

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
SAVE & ACCEPT