Character Animation Amy Gooch CS395: Introduction to Animation 07.20.04.
Introduction to scratch animation
description
Transcript of Introduction to scratch animation
![Page 1: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/1.jpg)
INTRODUCTION TO SCRATCH ANIMATION
BASICS
![Page 2: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/2.jpg)
WHAT WE MUST LEARN WELL1. Planning a storyboard for an animation 2. Understanding Scratch Codes3. Creating backgrounds and its costumes4. Creating Sprites (characters) and their costumes5. Carefully and creatively create the script of codes for an
animation 6. Testing and improving an animation7. Draw flowchart for an animation
![Page 3: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/3.jpg)
ANIMATION CAN BE USED TO:1. tell a story; 2. deliver a message (e.G. Advertisement or
campaigns); or 3. show a process/reaction.
![Page 4: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/4.jpg)
SPRITES•SPRITES ARE characters that move, rotate or change in an animation. Sprites can be a picture or a text.
![Page 5: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/5.jpg)
SPRITES ARE CHARACTERS WITH
1) appearance2) behaviour3) position4) movement5) output statements6) repetition
![Page 6: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/6.jpg)
APPEARANCE OF A CHARACTER
![Page 7: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/7.jpg)
BEHAVIOUR OF A CHARACTER• Every character may change its look to show movement.
![Page 8: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/8.jpg)
POSITION OF A CHARACTER• Cartesian coordinates (x, y) are used to show the
positions of the characters. • The centre of the screen is used as the reference point (x = 0, y = 0)
![Page 9: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/9.jpg)
MOVEMENT OF A CHARACTERBy default, Scratch allows the sprite to rotate and makes the sprite face right.
1) If can rotate, setting will turn sprite clockwise or anti-clockwise.
2) If sprite face right, then will move it towards the right.3) If set to don’t rotate, sprite will not turn at all.
![Page 10: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/10.jpg)
MOVEMENT OF A CHARACTER1) A move instruction will make the character move once. We
need to specify the number of steps.2) To run the “move” instruction many times, we must put the
move instruction inside a loop instruction.3) We must use a wait instruction to pause or delay the
movement of a character until a key is pressed or time is up.
![Page 11: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/11.jpg)
MOVEMENT OF A CHARACTERWe can make a character move to • a specified position; • the mouse-pointer position; or • a target (that is, another character).
The go to and glide instructions are similar except that <Go to> takes place instantly and <Glide> movement can use a timer. When a longer time is set, we can see the character gliding to the specified position.
![Page 12: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/12.jpg)
SUMMARY FOR MOVEMENT:PROGRAMMED DIRECTION AND ORIENTATION
In an animation, OTHER THAN MOVE, we can use these codes to automate the movement of a sprite.
![Page 13: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/13.jpg)
OUTPUT STATEMENTS• An output statement allows text to be displayed or
sound to be heard.
![Page 14: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/14.jpg)
REPEATING INSTRUCTIONS• One or more instructions may be repeated for a
number of times or forever.
![Page 15: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/15.jpg)
Next lesson, 1) storyboard2) background3) audioand many more!...
![Page 16: Introduction to scratch animation](https://reader035.fdocuments.net/reader035/viewer/2022081422/56816625550346895dd98156/html5/thumbnails/16.jpg)
PRESENT YOUR CODES IN A PPT SLIDE1) Start > Snipping Tool2) New (by default, use rectangle snip)3) Copy4) Go to PPT slide, paste.5) Format>Remove background6) Organise and tidy your slide7) 2 sprites per slide, titles are sprite names.
COPY