Sketchify Tutorial Timers sketchify.sf.net Željko Obrenović

Slides:



Advertisements
Similar presentations
Ibrahim Al-sharif ID:
Advertisements

Chapter 6 Preparing and Publishing Applications. Chapter 6 Lessons 1.Publish movies 2.Reduce file size to optimize a movie 3.Create a preloader 4.Publish.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Plan a Presentation. Navigating in Slide Show View 1. Slide controls for navigation appear at the lower left side during a slide show. 2.Previewing the.
Learning PowerPoint Starting and Customizing a PowerPoint Slide Show.
Using Animation and Multimedia Lesson 9. Software Orientation The Animation Pane, shown at right, enables you to manage all the animation effects on the.
Chapter 7 Creating Graphics. Chapter Objectives Use the Pen tool Reshape frames and apply stroke effects Work with polygons and compound paths Work with.
Creating Vectors – Part Two 2.02 Understand Digital Vector Graphics.
Unreal Matinee Ch. 13 CIS 488/588 Nick Martineau Matthew Sable UM-Dearborn.
Sketchify Tutorial Defining Interaction and Logic in Sketchify sketchify.sf.net Željko Obrenović
Sketchify Tutorial Variables sketchify.sf.net Željko Obrenović
Sketchify Tutorial Macros sketchify.sf.net Željko Obrenović
3D Flight Simulator for CE Balaban Nir Lander Shiran Supervisor: Futerman Yan.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Sketchify Tutorial Exercises sketchify.sf.net Željko Obrenović
Sketchify Tutorial Graphics and Animation in Sketchify sketchify.sf.net Željko Obrenović
Sketchify Tutorial Getting Started – Creating a New Project sketchify.sf.net Željko Obrenović
Sketchify Tutorial External Spreadsheets sketchify.sf.net Željko Obrenović
Sketchify Tutorial Scripting sketchify.sf.net Željko Obrenović
1 A Method for Fast Delay/Area Estimation EE219b Semester Project Mike Sheets May 16, 2000.
© Siemens Product Lifecycle Management Software Inc. All rights reserved Siemens PLM Software Solid Edge ST6 Training XpresRoute (tubing)
Sketchlet Tutorial Defining Interaction and Logic in Sketchlet sketchlet.sf.net Željko Obrenović obren.info/
Sketchlet Tutorial Screen Poking sketchlet.sf.net Željko Obrenović obren.info/
Sketchlet Tutorial Actions sketchlet.sf.net Željko Obrenović obren.info/
Chapter 3 Introduction to Event Handling and Windows Forms Applications.
Data processing in MathCAD. Data in tables Tables are analogous to matrices Tables are analogous to matrices The numbers of columns and rows can be dynamically.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
COPYRIGHT © 2008 – APEX SOFTWARE LTD. ALL RIGHTS RESERVED Human Resources COPYRIGHT © 2008 – APEX SOFTWARE LTD. ALL RIGHTS RESERVED Filter Functions Keyboard.
Adobe FlashProfessional CS5 – Illustrated
Lesson 2: Compositions and Animations CMM204 – Digital Media Effects.
Interactive Input Methods & Graphical User Input
PowerPoint Basics Tutorial 2: A Slide Show In this tutorial you’re going to create a presentation from scratch. You will have to keep this presentation.
Ansys Workbench 1 Introduction
Chapter 8: Writing Graphical User Interfaces
Sketchify Tutorial Defining Interaction and Logic in Sketchify sketchify.sf.net Željko Obrenović
Chapter Lessons Create frame-by-frame animations
Chapter 8: Writing Graphical User Interfaces Visual Basic.NET Programming: From Problem Analysis to Program Design.
CHAPTER TEN AUTHORING.
QML Qt Quick with QML and you can use JavaScript for engine along C++ Started to be released since late 2009 (Qt 4.7) Nokia focused on that for the Symbian/Meego.
Adobe Flash CS3 Revealed
Spring /6.831 User Interface Design and Implementation1 Lecture 24: Animation HW2 out, due next Sunday look for your evaluation assignment on.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
Basic Editing Lesson 2.
MACROMEDIA DIRECTOR - LECTURE NOTES -. INTRODUCTION Macromedia Director 8.5 is the best selling multimedia authoring program and leading tool for creating.
Programmable Logic Training Course HDL Editor
Communicating Real-Time State Machines (CRSM) State machines that communicate synchronously Unique unidirectional channels are used for the communication.
© 2010 Delmar, Cengage Learning Chapter 7 Creating Graphics.
CS324e - Elements of Graphics and Visualization Timing Framework.
Introduction to Interactive Media Interactive Media Tools: Authoring Applications.
XP Tutorial 2 Drawing, Adding Text, and Creating Symbols.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can.
Sketchlet Tutorial Scripting sketchlet.sf.net Željko Obrenović obren.info/
Programming Games Show your rock-paper-scissors. Demonstrate bouncing ball. Demonstrate and examine Bo the dog. Homework: Modify Bo to make your own.
Fall UI Design and Implementation1 Lecture 13: Animation.
Sketchify Tutorial Mapping Design to Display Space sketchify.sf.net Željko Obrenović
Sketchify Tutorial Getting Started – Creating a New Project sketchify.sf.net Željko Obrenović
PowerPoint Basics Tutorial 2: A Slide Show In this tutorial you’re going to create a presentation from scratch. You will have to keep this presentation.
Adobe Illustrator CS5 - Illustrated Unit A:Getting Started with Adobe Illustrator CS5.
Adobe Flash Professional CS5 – Illustrated Unit C: Using Symbols and the Library Panel.
Adobe Flash Professional CS5 – Illustrated
Fill and Stroke Stroke is the outline of a shape, text or image.
Creating Vectors – Part Two
Interactive Input Methods & Graphical User Input
Computer Graphics Imaging Ying Zhu Georgia State University
Interactive Input Methods & Graphical User Input
Graphical Solution of Linear Programming Problems
Creating Vectors – Part Two
Computer Animation Ying Zhu Georgia State University
Presentation transcript:

Sketchify Tutorial Timers sketchify.sf.net Željko Obrenović

Timers Timers can update variables so that the flow of time can be incorporated in a sketch A timer has a cycle duration and time resolution, and variables updated by it A timer can cycle more than once, or work as a “pulsar” – Pulsar: a variable increases from its minimum value to its maximum value in the forward cycle, while it decreases in the backward cycle.

Defining Timers

Timers Timers are essential for animation effects – A timer may update the variable associated with the image path of an active region, hence changing the image shown in the active region. – We can graphically transform an active region, changing, for example, its position, orientation, transparency or size. For example, we can define a timer with a cycle duration of 60 seconds and a resolution of one update per second to update the variable “orientation” from 0 to 360 degrees. This variable can be used to control the orientation of other active regions, simulating the handle of a clock, for instance.

Starting Timers Timers can be started from several places – On active region mouse events – On sketch events (entry or exit) – On variable updates ("On Variable Update" actions) – On keyboard events – From other macros, as one of the commands Drag-and-Drop on any sketch or region event Directly specify in settings

Drop Event Anchors Anchors for connecting sketch events (on entry, on exit, on variable update, on keyboard event) by drag-and-drop of variables, timers and macros. You can also double-click on these icons to open current settings for these events and properties. Anchors for connecting region events (region overlap, discrete mouse events, continues mouse events) by drag-and-drop of variables, timers and macros. You can also double-click on these icons to open current settings for these events and properties.

Directly Specify in Settings

Timer Curves Mapping between time and variable values can also be given nonlinearly, using timer curves. Timer curves can be defined manually, or extracted from the active region trajectory timestamps.

Timer Curves Timer curves enable defining the non-linear mapping between time and values in timers. Without using timer curves, timers change variable values linear from start to end value. With timer curves, however, such time transition can have variable speed, for example, progressing fast at the beginning and than slowing down at the end. A timer curve is defined independent from the timer. A timer can define a default timer curve which will be used for all variable updates, but it can also use different curves for each variable.

Timer defines: Duration of the cycle Resolution Loop and pulsar options Initial and end delays Timer curve defines relative mapping between time in each timer cycle and updated values Variable Active region trajectory, transparency, size… MIDI Player External applications By combining data from the timer and timer curve, we than update various variables used to change properties of sketches and active regions, or control services and applications

Defining a Curve A curve consists of curve points which define curve segments with different speeds

Create a new curve Delete a curve Dragging a curve point to change it position and values Dragging between existing points will create a new point Delete selected curve point Curve point parameter. For each curve point segment you can (optionally) define: Minimal duration Maximal duration Earliest starting time Latest ending time