Graphics Animation Using Terrapin LOGO

Slides:



Advertisements
Similar presentations
First of all – lets look at the windows you are going to use. At the top you have a toolbar, with all your various tools you can use when customising your.
Advertisements

1 King ABDUL AZIZ University Faculty Of Computing and Information Technology CS 454 Computer graphics Drawing Elementary Figures Dr. Eng. Farag Elnagahy.
Unit 6 – Multimedia Element: Animation
Linear Motion Chapters 2 and 3.
New Mexico Computer Science For All
Computer Science 1000 LOGO I. LOGO a computer programming language, typically used for education an old language (1967) the basics are simple: move a.
Graphics Animation Using Borland’s bgi Mr. Dave Clausen La Cañada High School.
1 Computer Graphics Week6 –Basic Transformations- Translation & Scaling.
Logo Lesson 3 TBE 540 Fall 2004 Farah Fisher. Prerequisites for Lesson 3 Before beginning this lesson, the student must be able to… Use simple Logo commands.
Sketchify Tutorial Graphics and Animation in Sketchify sketchify.sf.net Željko Obrenović
Logo Lesson 2 Logo Procedures
Computer-Based Animation. ● To animate something – to bring it to life ● Animation covers all changes that have visual effects – Positon (motion dynamic)
Introduction to TouchDevelop
The Insertion Sort Mr. Dave Clausen La Cañada High School.
Polynomial and Rational Functions
5 Minute Class Starter Write this in your notes Describe the motion of a falling object. Does it have a constant speed? Does it have a constant acceleration?
INTRODUCTION TO THE SCRATCH PROGRAMMING ENVIRONMENT.
CGMB 314 Intro to Computer Graphics Fill Area Primitives.
Log on and Download from website:
Graphics and Procedures Programming Right from the Start with Visual Basic.NET 1/e 5.
L-Systems and Procedural Plants CSE 3541 Matt Boggus.
1 CSC 221: Computer Programming I Fall 2011 Fun with turtle graphics  turtle module  relative motion (setup, reset, left, right, forward, backward) 
A SIMPLE COMPUTER LANGUAGE LOGO. LOGO Introduction Logo is the simplest programming language. It.
Introduction to Algorithms using Netlogo. What’s an Algorithm Definitions of Algorithm on the Web: –A procedure or formula for solving a problem.
Chapter 3 Kinematics in Two Dimensions; Vectors. Units of Chapter 3 Projectile Motion Solving Problems Involving Projectile Motion Projectile Motion Is.
Work, Energy and Power Kinetic  (work)  potential.
The Hare Raising Experience of Logo in the Classroom
Reference: The Game Loop Animation / Game loop 1. Update variables 2. [Get input from the user] (GameLoop only) 3. Draw (using variables)
VISUAL C++ PROGRAMMING: CONCEPTS AND PROJECTS Chapter 6B Methods (Tutorial)
Kinematics in Two Dimensions AP Physics 1. Cartesian Coordinates When we describe motion, we commonly use the Cartesian plane in order to identify an.
Graphics Concepts CS 2302, Fall /17/20142 Drawing in Android.
Pablo Revelo. Birds: to 3birds pu home pd lt 80 pu fd 250 pd setpensize 2 setpc "white st bird pu bk random 100 bird pu lt 90 fd random 40 bird ht.
The Selection Sort Mr. Dave Clausen La Cañada High School.
Visual C++ Programming: Concepts and Projects Chapter 10A: Recursion (Concepts)
AII.7 The student will investigate and analyze functions algebraically and graphically. Key concepts include a) domain and range, including limited and.
Turtle Graphics Let’s see what we can draw on Python!
Motion graphs pg.11. Create and interpret graphs of position versus time. Calculate velocity from the slope of the position vs. time graph. Create and.
VISUAL C++ PROGRAMMING: CONCEPTS AND PROJECTS Chapter 10A Recursion (Concepts)
Animations & Multimedia LESSON 9 #2.09 USING ANIMATION AND MULTIMEDIA.
OUTPUT PRIMITIVES CEng 477 Computer Graphics METU, 2004.
Unit 6 – Multimedia Element: Animation
Python Turtle Graphics
Ultimate Strength Analysis of Arbitrary Cross Sections under Biaxial Bending and Axial Load by Fiber Model and Curvilinear Polygons Aristotelis Charalampakis.
Character Animation Forward and Inverse Kinematics
Graphing Quadratic Functions
Intro CS – Loops & Creating Shapes
Chapter Projectile Motion 6.1.
Scratch: iteration / repetition / loops
Fill Area Algorithms Jan
Basic Graphing Techniques
Ch 12 Recursion Mr. Dave Clausen La Cañada High School
Graphics Animation Using Borland’s bgi
Algorithms and Flow Charts
Chapter 2 Graphics Programming with C++ and the Dark GDK Library
Chapter 12 Supplement: Recursion with Java 1.5
Digital Control Systems Waseem Gulsher
Game Loop Update & Draw.
Mr. Dave Clausen La Cañada High School
Fun with Coordinates The horizontal line is called the x-axis and the vertical line is called the y-axis. The point (0, 0) is called the Origin. When we.
Mod 2 Lesson 2 Repeating Debugging
Mod 2 Lesson 2 Repeating with loops
Using Graphic Design to Create Corporate Logos
Introduction to Turtle Graphics
Institute for Entrepreneurship and Career Development (IECD)
Logo Programming.
The Sequential Search (Linear Search)
The Sequential Search (Linear Search)
Ch 12 Recursion Mr. Dave Clausen La Cañada High School
Linear Functions and Slope-Intercept Form Lesson 2-3
Mr. Dave Clausen La Cañada High School
Presentation transcript:

Graphics Animation Using Terrapin LOGO 1/17/2019 Graphics Animation Using Terrapin LOGO Mr. Dave Clausen La Cañada High School Mr. Dave Clausen

Blinking Objects The algorithm for a blinking object is as follows: Graphics Animation 1/17/2019 Blinking Objects The algorithm for a blinking object is as follows: For a definite number of iterations do (or while) Draw the object (in a foreground color) Pause (WAIT) for a specified time (as necessary) Erase the object (draw in the background color) If you wish to leave the object visible then 1/17/2019 Mr. Dave Clausen Mr. Dave Clausen

LOGO Animation The simplest form of animation in LOGO is to: Graphics Animation 1/17/2019 LOGO Animation The simplest form of animation in LOGO is to: Change the shape of the turtle Pick the Pen Up Move the “new” turtle around the graphics window. You may have to slow the “turtle” down in order to see the animation. You can use SETSPEED .1 to SETSPEED .9 You can use a REPEAT or FOR loop combined with a WAIT command. 1/17/2019 Mr. Dave Clausen Mr. Dave Clausen

Animation Basic Concepts Graphics Animation 1/17/2019 Animation Basic Concepts The basic concept for graphics animation in LOGO is to: Have some form of REPEAT, FOR, or WHILE loop where you move the “turtle” around the graphics window updating its position and / or its coordinates. This process repeats until the image reaches a desired location, or until some other condition is met. 1/17/2019 Mr. Dave Clausen Mr. Dave Clausen

Graphics Animation 1/17/2019 Linear Motion In LOGO you can turn the turtle in any direction or set its heading, and move the turtle forward or backwards. You can also move the turtle using SETX, SETY, or SETXY to move the turtle along a horizontal, vertical, or diagonal path. You can also create a mathematical equation in conjunction with a FOR or WHILE loop to move the turtle along a path. 1/17/2019 Mr. Dave Clausen Mr. Dave Clausen

Graphics Animation 1/17/2019 Linear motion 2 The algorithm for linear motion using a mathematical formula is: While the image is not at its destination (or use a for loop) Draw the image in the foreground color(s) Pause (WAIT) for a specified time (use symbolic constants) Update the image’s position 1/17/2019 Mr. Dave Clausen Mr. Dave Clausen

Linear motion: y in terms of x Graphics Animation 1/17/2019 Linear motion: y in terms of x The algorithm remains the same as defined on previous slides. The difference is how we calculate the value of y in terms of x. The equation of a line between 2 points is: For example: FOR "X 1 200 [SETXY LIST :X (0.5 * :X + 10) WAIT 20] 1/17/2019 Mr. Dave Clausen Mr. Dave Clausen

Graphics Animation 1/17/2019 Non linear motion The algorithm remains the same as defined on previous slides. The difference is how we calculate the value of y in terms of x. The basic formula for a parabola in standard form: For example: FOR "X 0 120 [SETXY LIST :X (0.01 * :X * :X) WAIT 20] 1/17/2019 Mr. Dave Clausen Mr. Dave Clausen

Graphics Animation 1/17/2019 Animation Categories There are two types of animation. They fall into the following two categories: non-interactive animation as previously discussed interactive animation Control the path of the turtle using the keyboard. Use READCHAR with IF THEN statements. Use a recursive procedure with a choice to quit. AnimationExamplesv3.lgo 1/17/2019 Mr. Dave Clausen Mr. Dave Clausen