Animation Programs: Scenarios and Storyboards

Slides:



Advertisements
Similar presentations
Introduction to Alice Alice is named in honor of Lewis Carroll’s Alice in Wonderland Modified by Serita Scott Further modified by Suzy Crowe.
Advertisements

1 Fall 2009ACS-1805 Techniques for designing code Storyboards Text (aka pseudocode) Diagrams Flowcharts (a procedural technique shown in text) Directed.
Programming in Alice Chapter 2. Today’s Agenda Designing a Program Writing Methods Executing Instructions Simultaneously Comments Tips for Setting Up.
1 Fall 2008ACS-1805 Techniques for designing code Storyboards Text (aka pseudocode) Diagrams Flowcharts (a procedural technique) Text presents one of these.
Fall 2007ACS-1805 Ron McFadyen1 Chapter 8 Recursion.
What is Alice? Graphical Programming Environment and Language Learn object oriented programming using 3 dimensional objects and a story telling approach.
Creating an Animation Program Alice. Step 1: Design Decide on the problem to be solved Design a solution We will use a storyboard design technique, commonly.
Copyright 2011 Wanda Dann, Steve Cooper, Don Slater Alice Workshop Problem Solving with Alice 2 & Friends.
Animation Programs Alice. Overview 4-step process for creating animations Step 1: Understand Problem Step 2: Design Step 3: Implementation Step 4: Test.
Programming: Simple Control Structures Alice. Control Statements We have been using Do in order and Do together to control the way instructions are executed.
Creating An Animation Program Alice Web Design Section 8-4.
Variables and Functions Chapter Variables Named storage location in computer’s memory Programs may need to store data when running o Stored in.
Classes, Objects, and World-level Methods Section 47 Web Design.
Animation Programs: Scenarios and Storyboards Alice Web Design Section 8-3.
CS320n –Visual Programming Introduction to Alice Mike Scott (Slides 2)
Programming: Putting Together the Pieces Built-in Functions and Expressions Alice.
Classes, Objects, and World-level Methods Alice. Larger Programs As you become more skilled in writing programs, you will find that programs quickly increase.
Storyboards in Alice Summer 2010 Prof. Susan Rodger.
Animation Programs: Scenarios and Storyboards Alice.
Creating An Animation Program Part 2 Alice. Method A segment of program code (instructions) that defines how to perform a specific task.
CS329e – Elements of Visual Programming Implementing Programs Mike Scott (Slides 2-2)
Animation Programs: Scenarios and Storyboards Alice.
A first program Sept 14, 2010 – Day 3 Object-oriented Programming thru Video Games TIDE 1840 Harry Howard Tulane University.
Alice Program Design and Implementation. Scenarios and storyboards The previous magician example illustrated a simple storyboard which depicts a scenario.
Classes, Objects, and World-level Methods Alice. Larger Programs As you become more skilled in writing programs, you will find that programs quickly increase.
1 Fall 2007ACS-1903 Techniques for designing code Storyboards Text (aka pseudocode) Diagrams Flowcharts (a procedural technique) Text presents one of these.
Creating An Animation Program Alice. Step 1: Design Decide on the problem to be solved Design a solution We will use a storyboard design technique, commonly.
Storyboarding1 Steve Cooper Barb Ericson August 2009 Storyboarding.
Creating An Animation Program Alice. Recall We began the animation creation process We introduced the concept of storyboard We will continue using the.
Animation Programs Alice.
Creating an Animation Program
Fall 2009ACS-1805 Ron McFadyen1 Chapter 2 Program Design & Implementation.
Storyboarding and Program Design Alice. Step 1: Design Decide on the problem to be solved Design a solution We will use a storyboard design technique,
Review for test! Alice Chapter 1&2 Test is tomorrow! - March 26 th March 25th.
Programming: Simple Control Structures
Learning to Program with Alice September 22, 2009.
Methods (part 2) Alice In Action, Ch 2 Slides Credit: Joel Adams, Alice in Action CS 120 Lecture 03 4 September 2012.
Fall 2007ACS-1805 Ron McFadyen1 Chapter 2 Creating Your First Animation (An Introduction to Programming)
Creating An Animation Program Alice. Recall from last lecture We began the animation creation process We introduced the concept of storyboard We will.
Animation Programs: Scenarios and Storyboards Alice.
Creating An Animation Program Alice. Recall We began the animation creation process We introduced the concept of storyboard We will continue using the.
Creating an Animation Program Alice. The programming steps.
Animation Programs: Scenarios and Storyboards Alice.
Methods (part 1) Alice In Action, Ch 2 Slides Credit: Joel Adams, Alice in Action CS120 Lecture August 2012.
Program design and implementation Sept 7, 2010 – Day 2 Object-oriented Programming thru Video Games TIDE 1840 Harry Howard Tulane University.
Alice in Action with Java Chapter 1 Getting Started with Alice.
Creating an Animation Program Alice. Step 1: Design Decide on the problem to be solved Design a solution We will use a storyboard design technique, commonly.
Introducing Scratch Learning resources for the implementation of the scenario
Alice in Action with Java Chapter 2 Methods. Alice in Action with Java2 Objectives Build world-level methods to help organize a story into scenes and.
1 Quiz Show Programming Terms. 2 Alice - 3D Virtual Programming Vocabulary Quiz Board Chapter 1 Chapter 2a Chapter 2b Chapter 3 Chapter 4 $100 $200 $300.
Programming in Alice Chapter 2.
Animation Programs: Scenarios and Storyboards
Animation Programs: Scenarios and Storyboards
Classes, Objects, and World-level Methods
Animation Programs: Scenarios and Storyboards
Creating Animations in Alice
Classes, Objects, and World-level Methods
Alice in Action with Java
Creating an Animation Program
Alice in Action with Java
Classes, Objects, and World-level Methods
Animation Programs: Scenarios and Storyboards
Programming: Putting Together the Pieces Built-in Functions and Expressions Alice.
Creating an Animation Program
Animation Programs: Scenarios and Storyboards
Programming: Simple Control Structures
Programming: Putting Together the Pieces Built-in Functions and Expressions Alice.
Animation Programs: Scenarios and Storyboards
Creating An Animation Program
Programming: Putting Together the Pieces Built-in Functions and Expressions Alice.
Presentation transcript:

Animation Programs: Scenarios and Storyboards Alice

Step 1: Design Decide on the problem to be solved Design a solution We will use a storyboard design technique, commonly used in the film industry

Example The scenario is: The problem is: First Encounter After traveling through space, a robot-manned craft has just made a landing on a moon. The robot is on the moon and has set up a camera so earthbound scientists in Houston can view this historic event. The camera view shows the robot, the lunar Lander and some nearby rock formations. Suddenly an alien peeks out from behind a rock, surprising the robot. The robot looks around, spots the alien, and walks over to take a closer look. The alien is frightened and hides behind the rocks. The problem is: How can we create this animation?

Create Initial World Active Learning: Students create initial world. Illustrate use of quad view to position objects relative to one another.

Storyboard Option 1: Sketches

Storyboard Option 2: Screen Shots Initial scene The spiderRobot walks toward the alien

Storyboard Option 3: Text Form A textual storyboard is like a "to-do" list. The Learning to Program in Alice textbook puts a textual storyboard in a box: Do the following steps in order alien moves up alien says "Slithy toves?" robot's head turns around robot turns to look at alien Do together robot moves toward the alien robot legs walk alien moves down

Storyboard Java Programming outside of Alice A textual storyboard is like a "to-do" list. Lots of tools and methods are used to design a program outside of Alice with object oriented programming: Flow Charts UML – unified modeling language Agile design methods

Assignment Read Chapter 2 section 1

Section 2-1 Scenarios and Storyboards Four step process to create a program thsat animates a virtual world Read the scenario – a description of the problem Design – plan ahead Implement – write the program Test – see if it works

Section 2-1 Scenarios and Storyboards Read the scenario A scenario is a problem statement describing the overall animation in terms of what problem is to be solved or lesson to be learned The scenario provides answers to the following questions: What story is to be told What objects are needed What actions are to take place

Section 2-1 Scenarios and Storyboards The scenario provides ans- wers to the following questions: What story is to be told Tells a humorous story about a robot’s first encounter with an alien on a distant moon What objects are needed Robot, Lunar Lander, Alien The background should be a moon surface in a space world What actions are to take place Alien peeks from behind a rock, robot turns head, robot moves towards alien, alien hides, robot sends a message back to earth

Section 2-1 Design A textual storyboard is like a "to-do" list. The Learning to Program in Alice textbook puts a textual storyboard in a box: Do the following steps in order alien moves up alien says "Slithy toves?" robot's head turns around robot turns to look at alien Do together robot moves toward the alien robot legs walk alien moves down

Section 2-1 Implement The DVD has all objects properly positioned but not the code You can start from the DVD or from Scratch Create the initial scene Choose a space background Add spiderRobot, alienOnWheels, lunarLander, rocks

Section 2-1 Implement (cont.) A method is a segment of program code – notice my_first_method() – yours will be empty at first INSTRUCTOR: move to Alice and describe the program

Section 2-1 Implement (cont.) We take the textual story board or flow chart or visual story boards and implement the design Do the following steps in order alien moves up alien says "Slithy toves?" robot's head turns around robot turns to look at alien Do together robot moves toward the alien robot legs walk alien moves down robot turns to look at camera robot’s head turns red (to signal danger) robot says “Houston we have a problem!”

Section 2-1 Implement (cont.) Do in order versus Do together Do in order is sequential Do together is simultaneous Do the following steps in order alien moves up alien says "Slithy toves?" robot's head turns around robot turns to look at alien Do together robot moves toward the alien robot legs walk alien moves down robot turns to look at camera robot’s head turns red (to signal danger) robot says “Houston we have a problem!”

Section 2-1 Implement (cont.) The aliens move method – drag the move method inside the doinorder block The move method It takes arguments or parameters of direction and amount Do the following steps in order alien moves up alien says "Slithy toves?" robot's head turns around robot turns to look at alien Do together robot moves toward the alien robot legs walk alien moves down robot turns to look at camera robot’s head turns red (to signal danger) robot says “Houston we have a problem!”

image of all the methods Section 2-1 Add the other methods and blocks Alien on wheels say method Robot neck head turn method Robot turn to face method Do together block Robot move forward Do inorder Turn left leg Turn right leg Alien move Robot turn Robot set Pay attention to the image of all the methods and blocks. Make yours match.

Lab Chapter 2 Lab Lec1