8/23
Start off the day with the warm-up
Find a partner (if there is an odd amount of students, there can be one group of three).
Introduce yourselves and talk about video games. Talk about your favorite game and why you enjoy it so much. If you have never played the game, have them explain it. Tell each other the first video game you remember playing regularly. You will then introduce your partner to the class and tell us about their video game history.
What are you learning?
Piskel
Why is it important?
You will be creating sprites in your 2D games using piskel
How do you show that you understand? What is the assignment?
We will create an animated Minecraft Style potion bottle together and then I want you to create 10 animated Minecraft Style Sprites.
Piskel Terms
Sprite - A sprite is an image/graphic that is part of the game. It can be a character, weapon, tree, whatever.
Animated Sprite - A sprite that moves
Pen Tool - Tool used for drawing or creating a path
Paint bucket Tool - Completely covers a selected area
Eraser Tool - a brush that removes color/pixels
Rectangle Tool - Used to draw shapes and paths
Move Tool - Positioning content
Rectangle Selection Tool - Selecting an area or object
Lighten/Darken - Changes the color of the area selected
Color Picker - Selects a color that is already in use
Vertical Mirror Pen - Like the pen tool but also creates the opposite drawing on the other side of the axis
Twisty Bucket Tool - changes all the pixels to the same color
Stroke Tool - Draws Straight Lines
Circle Tool - Used to draw shapes and paths
Shape Selection - Moving Selections to a different area
Lasso Selection - Freehand tool to select and move
Dithering - Improved the quality of images that have a limited colors/pattern. An example of this would be turning a photograph into an old school 8 bit nintendo art.
Layers - Different transparent “sheets” stacked on top of each other that may have different pieces of art or color
Flip Horizontally - Reflects the image to show the opposite
Counter Clockwise rotation - Turns an image in a circular motion going left
Clone - makes an exact copy of your layer
Align image to center - moves image to the middle of your work area
FPS - Frames Per second
Palettes - Color combinations
Pen Size - Size of pixels filled with a click
Crop - Removes unwanted area outside of a selection
Sprite Sheet – An image with smaller images usually in a grid that is used to create animation
Gradient – When one color gradually changes into another
Color Banding/Posterization – Opposite of a smooth gradient, often happens as a result of limited color pallet
Light Source – Direction your light is coming from
