Alice and Media Computation August 2009 Animation Storyboard  Code Steve Cooper Barbara Ericson.

Slides:

Advertisements

Similar presentations

Lesson 7 C Creating a New World Method— the Dragon Captures the Princess Slides are adapted from aliceprogramming.net or

Advertisements

Princess & Dragon – Version 2 By Michael Hoyle under the direction of Professor Susan Rodger Duke University July 2012 Part 2: Using Methods.

Getting Started With Alice By Ruthie Tucker under the direction of Prof. Susan Rodger Duke University, July

CS320n –Visual Programming Class-level Methods and Inheritance – Part 1 Mike Scott (Slides 4-3-1) Thanks to Wanda Dann, Steve Cooper, and Susan Rodger.

Class-level Methods Alice. World / Class Method World method A general method that may refer to multiple objects; not closely associated with any particular.

Class-level Methods and Inheritance Part 1 Alice.

Class-level Methods and Inheritance MMP 220 Multimedia Programming This adapted material was prepared for students in MMP220 as as part of a curriculum.

CSC1401 Animation Creating methods/instructions (class-level)

Parameters and World-level methods Alice. Our Dragon world The dragon must to take off and fly, to carry the princess.

Princess & Dragon Part 2: Teaching a Dragon to Fly—Methods & Properties By Elizabeth Liang under the direction of Professor Susan Rodger Duke University.

Alice Methods and Classes. Methods and Classes Methods – Coordinated sequence of instructions carried out when requested (e.g. move, turn to, etc.) Class.

Lesson 7B Creating Our Own Methods Slides are adapted from aliceprogramming.net or

CS320n –Visual Programming Random Numbers and Random Motion (Slides 6-3) Thanks to Wanda Dann, Steve Cooper, and Susan Rodger for slide ideas.

Exploring Events. Try this Start Alice and create a blank world using the grass template. Add an instance of a BlueBallerina. Add an instance of a PinkBallerina.

Copyright 2011 Wanda Dann, Steve Cooper, Don Slater Alice Workshop Problem Solving with Alice 2 & Friends.

Copyright 2011 Wanda Dann, Steve Cooper, Don Slater Alice Workshop Implementation Algorithm  Code World.my first method Control blocks Statements (methods,

Interaction: Events and Event Handling

Animation Programs Alice. Overview 4-step process for creating animations Step 1: Understand Problem Step 2: Design Step 3: Implementation Step 4: Test.

Functions and Conditionals in Alice 1 Stephen Cooper Wanda Dann Barb Ericson September 2009.

Princess & Dragon Part 4: Breathing Fire—Adding Effects to Alice By Elizabeth Liang under the direction of Professor Susan Rodger Duke University June.

Today’s Agenda 1.Collect Pre-Lab 4 2.Alice Programming Assignment Storyboards 3.Classes 4.Objects 5.Methods 6.Assign pair programming teams and meet upstairs.

CS320n –Visual Programming Introduction to Alice Mike Scott (Slides 2)

Getting Started With Alice By Ruthie Tucker under the direction of Prof. Susan Rodger Duke University, July

Storyboards in Alice Summer 2010 Prof. Susan Rodger.

CS329e – Elements of Visual Programming Implementing Programs Mike Scott (Slides 2-2)

Animation Programs: Scenarios and Storyboards Alice.

Alice Program Design and Implementation. Scenarios and storyboards The previous magician example illustrated a simple storyboard which depicts a scenario.

Princess & Dragon Part 1: Objects in an Alice World By Elizabeth Liang under the direction of Professor Susan Rodger Duke University May 2010.

Lesson 9B Adding sound and Billboards. What is a function? Give an example. How do you create a method? Give an example. What is an event? Give examples.

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.

Animation Programs Alice.

Alice Workshop November 2009 By: Kim Glavan New Lenox School Dist #122.

Don Slater Wanda Dann Copyright 2012 Wanda Dann, Don Slater All rights reserved.

3D Animation Concepts CS0007 George Novacky. Overview Creating a new world (slides 5 – 13) Remembering camera position (slides )

CS320n –Visual Programming Classes, Objects, and World- Level Methods Mike Scott (Slides 4-1)

Review for test! Alice Chapter 1&2 Test is tomorrow! - March 26 th March 25th.

Copyright 2008 Wanda Dann, Steve Cooper, Don Slater Alice Workshop Functions, Loops, and Parameters.

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.

Class-level Methods and Inheritance Alice. Class-level Methods Some actions are naturally associated with a specific class of objects. Examples A person.

Skater World: Part Four By Deborah Nelson Duke University Under the direction of Professor Susan Rodger June 1, 2009.

CompSci 4 Chap 4 Sec 3 Sept 23, 2010 Prof. Susan Rodger.

Methods (part 1) Alice In Action, Ch 2 Slides Credit: Joel Adams, Alice in Action CS120 Lecture August 2012.

Lesson 8C Animation and Events. Step 3: Animation Drag it into the method and have him say “let her go!” Click on the knight in the object tree and scroll.

Princess & Dragon Part 3: A Knight Comes Riding In—Cameras & Events By Elizabeth Liang under the direction of Professor Susan Rodger Duke University June.

Designing a Solution in Alice To create a design, we borrow the idea of storyboards from professional animators at Disney, Pixar, etc.

An Introduction to Programming Using Alice 2.2, Second Edition Chapter 7 Recursive Algorithms.

Unit 2 Programming in Alice & Java 1. Day 1: Learning to Program  Objective: Understand the need for step-by-step logic; Basic working of a computer.

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.

Class-level Methods and Inheritance Alice. Class-level Methods Some actions are naturally associated with a specific class of objects. Examples A person.

Beginning Animation. Storyboard An Invitation to Dinner 1.Marlin and Dory (two small fish) are swimming and talking. 2.A shark (Bruce) swims up behind.

Alice the Free, Fun and Easy Way to Introduce Students to Programming Elaine Witkowski and Jill Nelson.

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.

Animation Storyboard Design

Ira Goldstein Siena College

Setting Up the Initial Scene

Parameters Section 8-8 Web Design.

Creating Animations in Alice

Getting started in Alice

Parameters Alice.

CS320n –Visual Programming

Alice and Media Computation August 2009

Class-level Methods Alice.

Alice in Action with Java

Parameters and World-level methods

Princess & Dragon Part 2: Teaching a Dragon to Fly—Methods & Properties By Elizabeth Liang under the direction of Professor Susan Rodger Duke University.

Creating an Animation Program

Princess & Dragon Part 3: A Knight Comes Riding In—Cameras & Events

Class-level Methods and Inheritance

Presentation transcript:

Alice and Media Computation August 2009 Animation Storyboard  Code Steve Cooper Barbara Ericson

Traditional Problem Solving in CS Read and understand the problem or task specification Design a solution (develop an algorithm) Implement (code) Test Revise, as needed

Designing a Solution in Alice To create a design, we borrow the idea of storyboards from professional animators at Disney, Pixar, etc.

Recall…. Princess Escape A princess has been grounded by her father (a wizard). Being a rather rebellious princess, she has ed the local dragon taxi service. The dragon will fly to the princess and she will climb aboard the dragon to escape from the castle – to meet some friends at the village dance club.

Visual Storyboards

Textual Storyboard (pseudo code) Do in order dragon takes off dragon flies to princess princess climbs on dragon's back dragon and princess escape knight shakes his arm (and sword) in protest

Implementing a program in Alice Create the program instructions using the drag and drop editor We recommend an incremental development approach write a method test it and so on….

Stepwise refinement - 1 How can a dragon "take off"? Do together dragon moves up dragon flaps wings Do in order dragon takes off dragon flies to princess princess climbs on dragon's back dragon and princess escape knight shakes his arm (and sword) in protest

Stepwise refinement - 2 How can a dragon flap its wings? Do together dragon flap left wing dragon flap right wing Do together dragon moves up dragon flaps wings

Stepwise refinement - 3 How can a dragon flap its left wing? Do in order Do together dragon left wing rolls right dragon left wing flap rolls right Do together dragon left wing rolls left dragon left wing flap rolls left Is this too detailed? Probably, but you get the picture… Do together dragon flap left wing dragon flap right wing

Create the flapWings Method 1. Select dragon 2. create new method 3. Name the method

flapWings Will flap the left wing and the right wing at the same time So create a flapLeftWing and a flapRightWing method as well Write the flapLeftWing method Do in order Do together dragon left wing rolls right dragon left wing flap rolls right Do together dragon left wing rolls left dragon left wing flap rolls left

The complete method

Testing flapLeftWing

Your turn! Create the flapRightWing method Do in order Do together dragon right wing rolls left 0.05 dragon right wing flap rolls left 0.03 Do together dragon right wing rolls right 0.05 dragon right wing flap rolls right 0.03

Create a flapWings method

Your turn! Create the flapWings method Create a takeOff method, where the dragon moves up 2 meters and flaps its wings twice What changes will you need to make to the duration= parameter to get the animation working?

Create a fly method

Adding Comments Comments are short descriptions of what is happening Explain confusing bits Drag up the // tile Click on the down arrow Select other Type the comment

Saving out a new class Renaming the class FlyingDragon Saving it Right click on it Save Object FlyingDragon.a2c Importing it for a different world Start Alice File-Import the class FlyingDragon.a2c