Chapter 13. Graphics, Animation, Sound, and Drag-and-Drop. McGraw-Hill. Copyright 2011 by The McGraw-Hill Companies, Inc. All Rights Reserved.

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Chapter 13. Graphics, Animation, Sound, and Drag-and-Drop. McGraw-Hill. Copyright 2011 by The McGraw-Hill Companies, Inc. All Rights Reserved."

Transcription

1 Chapter 13 Graphics, Animation, Sound, and Drag-and-Drop McGraw-Hill Copyright 2011 by The McGraw-Hill Companies, Inc. All Rights Reserved.

2 Objectives (1 of 2) Use Graphics methods to draw shapes, lines, and filled shapes. Create a drawing surface with a Graphics object. Instantiate Pen and Brush objects as needed for drawing. Create animation by changing pictures at run time. Create simple animation by moving images. 13-2

3 Objectives (2 of 2) Use the Timer component to automate animation. Use scroll bars to move an image. Add a sound player component to add sound to a project. Incorporate drag-and-drop events into your program. Draw a pie chart using the methods of the Graphics object. 13-3

4 Graphics in Windows and the Web Graphics refers to any text, drawing, image, or icon that is displayed on the screen in either: Windows Forms PictureBox control Can draw graphics shapes (circles, lines, rectangles) on a form or control Accepts more file formats than a Web Form Web Forms Image control 13-4

5 The Graphics Environment >NET framework uses GDI+ technology for drawing graphics. GDI+ is designed to be device-independent. Code to draw a graphic is the same regardless of the output device. 13-5

6 Steps for Drawing Graphics Create a Graphics object to use as a drawing surface. Instantiate a Pen or Brush object to draw with. Call the drawing methods from the Graphics object. 13-6

7 The Paint Event Procedure Place code for drawing methods in the Paint event procedure for the form or control. Graphics are redrawn every time form is repainted or rendered. Declare a Graphics object. Assign the Graphics property of the procedure's PaintEventArgs argument to the new Graphics object. Private Sub Form1_Paint(ByVal sender As Object, _ ByVal e As System.Windows.Forms.PaintEventArgs) _ Handles Me.Paint ' Create a graphics object. Dim Gr As Graphics = e.graphics 13-7

8 Pen and Brush Objects (1 of 2) Pen Used to draw lines or outlined shapes such as rectangles or circles Properties: Width, Color Brush Used to create filled shapes Property: Color 13-8

9 Pen and Brush Objects (2 of 2) Width property Specifies the width of the stroke of a line or outlined shape created by Pen object Specified in pixels Default width = One pixel Color property Specifies color of lines drawn by Pen object and color of filled shapes drawn by Brush object Assigns color using Color constants 13-9

10 Graphic Shapes Drawn with Pen and Brush Objects Drawn with Pen Drawn with Brush 13-10

11 The Pen Class Constructors Pen(Color) Pen(Color, Width) Examples Dim RedPen As New Pen(Color.Red) Dim WidePen As New Pen(Color.Black, 10) 13-11

12 The SolidBrush Class Constructor SolidBrush(Color) Example Dim BlueBrush As New SolidBrush(Color.Blue) There are other Brush Classes: TextureBrush, HatchBrush, LinearGradientBrush, PathGradientBrush. See Help for more information

13 The Coordinate System (1 of 2) Graphics are measured from a starting point of 0,0 for the X and Y coordinates beginning in the upper-left corner. X represents the horizontal position and Y is the vertical position. The starting point depends on where the graphic is placed each drawing method allows a specific starting position using X and Y coordinates. Most of the drawing methods allow the position to be specified using either Point structure Size structure Rectangle structure 13-13

14 The Coordinate System (2 of 2) 0,0 Position On Form Form 0,0 Position On PictureBox PictureBox 13-14

15 The Point Structure Designed to hold the X and Y coordinates as a single unit Create a Point object and give it values for X and Y. Use the object anywhere that accepts a Point structure as an argument. Example Dim MyStartingPoint As New Point(20, 10) 13-15

16 The Size Structure Two components, specified in pixels Width (specified first) Height Use the object anywhere that accepts a Size structure as an argument. Example Dim MyPictureSize As New Size(100, 20) Width is 100, height is

17 The Rectangle Structure Defines a rectangular region Specified by Upper left corner (X and Y coordinates ) Size (width and height) Use the object anywhere that accepts a Rectangle structure as an argument. Example Dim MyRectangle As New Rectangle(MyStartingPoint, MyPictureSize) Dim myotherrectangle As New Rectangle(XInteger, YInteger, _ WidthInteger, HeightInteger) 13-17

18 Graphics Methods Two basic categories, draw and fill Draw methods create an outline shape with a Pen object. Fill methods are solid shapes created with Brush objects. Each method requires X and Y coordinates or a Point object; some require the size

19 Graphics Methods General Form DrawLine(Pen, x1integer, y1integer, x2integer, y2integer) DrawLine(Pen, Point1, Point2) DrawRectangle(Pen, xinteger, yinteger, widthinteger, heightinteger) DrawRectangle(Pen, Rectangle) FillRectangle(Brush, xinteger, yinteger, widthinteger, heightinteger) FillRectangle(Brush, Rectangle) FillEllipse(Brush, xinteger, yinteger, widthinteger, heightinteger) FillEllipse(Brush, Rectangle) 13-19

20 Graphics Methods Code Example Private Sub GraphicsForm_Paint(ByVal sender As Object, _ ByVal e As System.Windows.Forms.PaintEventArgs) _ Handles Me.Paint With e.graphics Dim SmallRectangle as New Rectangle(10, 10, 30, 30).DrawRectangle(Pens.Red, SmallRectangle).DrawLine(Pens.Green, 50, 0, 50, 300) ' Draw a blue filled circle. ' If the width and height are equal, then the FillEllipse method ' draws a circle; otherwise it draws an ellipse..fillellipse(brushes.blue, 100, 100, 50, 50) ' Draw a fat blue line..drawline(new Pen(Color.Blue, 15), 300, 0, 300, 300) End With End Sub 13-20

21 Selected Methods from the Graphics Class Clear( ) Dispose( ) DrawArc( ) DrawLine( ) DrawEllipse( ) DrawRectangle( ) DrawPie( ) DrawString( ) FillEllipse( ) FillPie( ) FillRectangle( ) See Help for information for all draw and fill methods 13-21

22 Random Numbers Random class contains methods to return random numbers of different data types. To generate a different series for each run, use an integer value when instantiating an object from the Random class (seeding the random number generator). Can use system date to get different seed for each execution of code. Generate random numbers using the Random object s Next method

23 General Form The Random.Next Method ' Any positive integer number. Object.Next( ) ' A positive integer up to the value specified. Object.Next(MaximumValueInteger) ' A positive integer in the range specified. Object.Next(MinimumValueInteger, MaximumValueInteger) Examples ' Return an integer in the range GenerateRandomInteger = GenerateRandom.Next(10) ' Return an integer in the range 0 to the width of the form. RandomNumberInteger = GenerateRandom.Next(1, Me.Width) 13-23

24 Simple Animation Possible approaches Display an animated.gif file in a PictureBox. Replace one graphic with another. Move a picture. Rotate through a series of pictures. Create graphics with various graphics methods. On a Web page, display animated.gif files or use a scripting language or Java Applets and avoid round trips to the server

25 Displaying an Animated Graphic Animation is achieved on either a Windows Form or a Web Form by displaying an animated.gif file. Use a PictureBox control on a Windows Form and an Image control on a Web Form

26 Controlling Pictures at Run Time Pictures can be added or changed at run time. To speed execution, load pictures in controls that can be made invisible and set Visible property to True at run time. Use the FromFile Method to load a picture at run time. Requires file name and path Store image files in Bin folder to eliminate need for path. To remove a picture from the display, either hide or use the Nothing constant

27 Switching Images Easy way to show animation is to replace one picture with another. Use images (or icons) of similar sizes. May use images (or icons) with opposite states (open/closed, on/off, etc.)

28 Creating Animation Each of the graphics is placed into the upper picture box when the user clicks the Change button

29 Moving a Picture Change the Left and Top properties --OR--, better Use the control's SetBounds Method, which produces a smoother-appearing move

30 SetBounds Method Used to move a control or change its size General Form SetBounds(XInteger, YInteger, WidthInteger, HeightInteger) Examples PlanePictureBox.SetBounds(XInteger, YInteger, PlaneWidthInteger, PlaneHeight)Integer EnginePictureBox.SetBounds(xInteger, YInteger, WidthInteger, HeightInteger) 13-30

31 The Timer Component (1 of 2) Causes events to occur at a set interval with its Tick event Useful for animation; move or change an image each time the Tick event occurs Sets value at run time or design time 13-31

32 The Timer Component (2 of 2) Interval property Between 0 and 65,535 milliseconds 1,000 milliseconds = 1 second Enabled property False (default) ==> Do not run Tick event True ==> Run Tick event at designated interval Tick event Occurs each time the Timer's designated interval elapses, if Enabled = True 13-32

33 Horizontal scroll bars Vertical scroll bars Used to scroll through a document or a window Used to control items that have a range of values such as sound level, color, or size The Scroll Bar Controls Can be changed in small or large increments 13-33

34 Scroll Bar Properties (1 of 3) Together represent a range of values Minimum Minimum value Maximum Maximum value SmallChange Distance to move when user clicks scroll arrows LargeChange Distance to move when user clicks gray area of scroll bar or presses Page-Up or Page-Down keys 13-34

35 Scroll Bar Properties (2 of 3) Minimum value (Minimum property) Scroll Arrow (SmallChange property) Scroll Box (Value property) Gray Area (LargeChange property) Maximum value (Maximum property) 13-35

36 Scroll Bar Properties (3 of 3) Value Property Indicates the current position of the scroll box and the corresponding value within the scroll bar User clicks up Scroll Arrow. Value property decreases by the amount of the SmallChange unless Minimum has been reached. User clicks down Scroll Arrow. Value property increases by the amount of the SmallChange unless Maximum has been reached

37 Scroll Bar Events ValueChanged event Occurs anytime the Value property changes, by user action or in code Scroll event Occurs when user drags the scroll box As long as user continues to drag scroll box, this event continues to occur. Only when user releases scroll box will Scroll event cease and ValueChanged event occur

38 The SoundPlayer Component Programs play sounds files, called wave files (.wav) using the new My.Computer.Audio.Play --OR-- A SoundPlayer component. The component s SoundLocation property gives the location of the file

39 Adding Sounds Files When using sounds in a project, the best way is to add the files to the project s resources. To refer to the filename in code, use My.Resources.Filename 13-39

40 A Sound-Playing Program Users can choose to play one of the preselected sounds or select a file to play. File types are restricted using the filter property

41 Drag-and-Drop Programming (1 of 2) Often, Windows users use drag-and-drop events rather than selecting a menu item or pressing a button. Drag-and-drop programming requires that a user begin the drag-drop with a MouseDown event. Determine the effect of the drop with a DragEnter event. The event that holds the code for the drop is the DragDrop event

42 Drag-and-Drop Programming (2 of 2) The Source object is dragged to the Target object in a drag-and-drop operation

43 The Source Object The item chosen to drag With.NET programming, begin a drag-drop operation by setting the source object using a control s DoDragDrop method. The DragDrop effect specifies the requested action; choices include DragDropEffects.Copy, DragDropEffects.Move, and DragDropEffects.None. General Form Example ObjectName.DoDragDrop(DataToDrag, DesiredDragDropEffect) 13-43

44 The Target Object Location at which a user releases the mouse, a drop, is the target. Forms may have multiple targets. To set a control to be a target, set its AllowDrop property to True. Target control needs DragEnter procedure that sets the effect DragDrop event procedure that executes the action to take and when the drop takes place 13-44

45 The DragEnter Event When a user drags a source object over the target, the target control s DragEnter event fires. The argument is defined as DragEventArgs, which has special properties for the drag operation

46 The DragDrop Event Statements to perform additional functions are added to the DragDrop event. Data that is being dragged is contained in the Data property of the argument of the DragDrop event procedure. Retrieve the dragged data using the GetData method of the Data object. Format the data or use a predefined clipboard data format

Chapter 13. Graphics, Animation, Sound and Drag-and-Drop The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill

Chapter 13. Graphics, Animation, Sound and Drag-and-Drop The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Chapter 13 Graphics, Animation, Sound and Drag-and-Drop McGraw-Hill 2010 The McGraw-Hill Companies, Inc. All rights reserved. Chapter Objectives - 1 Use Graphics methods to draw shapes, lines, and filled

More information

(0,0) (600, 400) CS109. PictureBox and Timer Controls

(0,0) (600, 400) CS109. PictureBox and Timer Controls CS109 PictureBox and Timer Controls Let s take a little diversion and discuss how to draw some simple graphics. Graphics are not covered in the book, so you ll have to use these notes (or the built-in

More information

Smoother Graphics Taking Control of Painting the Screen

Smoother Graphics Taking Control of Painting the Screen It is very likely that by now you ve tried something that made your game run rather slow. Perhaps you tried to use an image with a transparent background, or had a gazillion objects moving on the window

More information

DRAWING AND MOVING IMAGES

DRAWING AND MOVING IMAGES DRAWING AND MOVING IMAGES Moving images and shapes in a Visual Basic application simply requires the user of a Timer that changes the x- and y-positions every time the Timer ticks. In our first example,

More information

1. Multimedia authoring is the process of creating a multimedia production:

1. Multimedia authoring is the process of creating a multimedia production: Chapter 8 1. Multimedia authoring is the process of creating a multimedia production: Creating/assembling/sequencing media elements Adding interactivity Testing (Alpha/Beta) Packaging Distributing to end

More information

Drawing Graphics in C Sharp

Drawing Graphics in C Sharp Drawing Graphics in C Sharp Previous Table of Contents Next Building a Toolbar with C# and Visual Studio Using Bitmaps for Persistent Graphics in C# Purchase and download the full PDF and epub versions

More information

Class Test 5. Create a simple paint program that conforms to the following requirements.

Class Test 5. Create a simple paint program that conforms to the following requirements. Class Test 5 Question 1 Use visual studio 2012 ultimate to create a C# windows forms application. Create a simple paint program that conforms to the following requirements. The control box is disabled

More information

Responding to the Mouse

Responding to the Mouse Responding to the Mouse The mouse has two buttons: left and right. Each button can be depressed and can be released. Here, for reference are the definitions of three common terms for actions performed

More information

MS WORD INSERTING PICTURES AND SHAPES

MS WORD INSERTING PICTURES AND SHAPES MS WORD INSERTING PICTURES AND SHAPES MICROSOFT WORD INSERTING PICTURES AND SHAPES Contents WORKING WITH ILLUSTRATIONS... 1 USING THE CLIP ART TASK PANE... 2 INSERTING A PICTURE FROM FILE... 4 FORMATTING

More information

Adobe Flash CS4 Part 1: Introduction to Flash

Adobe Flash CS4 Part 1: Introduction to Flash CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 1: Introduction to Flash Fall 2010, Version 1.0 Table of Contents Introduction...3 Downloading the Data Files...3

More information

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool.

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool. THE BROWSE TOOL Us it to go through the stack and click on buttons THE BUTTON TOOL Use this tool to select buttons to edit.. RECTANGLE TOOL This tool lets you capture a rectangular area to copy, cut, move,

More information

OVERLOADING METHODS AND CONSTRUCTORS: The Ball Class

OVERLOADING METHODS AND CONSTRUCTORS: The Ball Class OVERLOADING METHODS AND CONSTRUCTORS: The Ball Class Create a Ball Demo program that uses a Ball class. Use the following UML diagram to create the Ball class: Ball - ballcolor: Color - ballwidth, ballheight:

More information

ANSWER KEY. Chapter 1. Introduction to Computers

ANSWER KEY. Chapter 1. Introduction to Computers 3 ANSWER KEY Chapter 1. Introduction to Computers Exercises A. 1. c. 2. a. 3. b. 4. a. B. 1. False 2. True 3. True 4. True 5. False 6. True C. 1. Processing 2. Notebooks 3. Output 4. Data 5. PARAM D. 1.

More information

HAPPY HOLIDAYS PHOTO BORDER

HAPPY HOLIDAYS PHOTO BORDER HAPPY HOLIDAYS PHOTO BORDER In this Photoshop tutorial, we ll learn how to create a simple and fun Happy Holidays winter photo border! Photoshop ships with some great snowflake shapes that we can use in

More information

Generating Vectors Overview

Generating Vectors Overview Generating Vectors Overview Vectors are mathematically defined shapes consisting of a series of points (nodes), which are connected by lines, arcs or curves (spans) to form the overall shape. Vectors can

More information

Course 2DCis: 2D-Computer Graphics with C# Chapter C1: Comments to the Intro Project

Course 2DCis: 2D-Computer Graphics with C# Chapter C1: Comments to the Intro Project 1 Course 2DCis: 2D-Computer Graphics with C# Chapter C1: Comments to the Intro Project Copyright by V. Miszalok, last update: 04-01-2006 using namespaces //The.NET Framework Class Library FCL contains

More information

Visual C# Program: Simple Game 3

Visual C# Program: Simple Game 3 C h a p t e r 6C Visual C# Program: Simple Game 3 In this chapter, you will learn how to use the following Visual C# Application functions to World Class standards: Opening Visual C# Editor Beginning a

More information

Edupen Pro User Manual

Edupen Pro User Manual Edupen Pro User Manual (software for interactive LCD/LED displays and monitors) Ver. 3 www.ahatouch.com Some services in Edupen Pro require dual touch capability. In order to use dual touch, your computer

More information

ScreenHunter 7.0 Pro Help File

ScreenHunter 7.0 Pro Help File ScreenHunter 7.0 Pro Help File 2017 Wisdom Software Inc. All rights reserved. Designated trademarks and brands are the property of their respective owners. Notice of Non-Liability Wisdom Software Inc.

More information

ILLUSTRATOR TUTORIAL-1 workshop handout

ILLUSTRATOR TUTORIAL-1 workshop handout Why is Illustrator a powerful tool? ILLUSTRATOR TUTORIAL-1 workshop handout Computer graphics fall into two main categories, bitmap graphics and vector graphics. Adobe Illustrator is a vector based software

More information

3D Modeler Creating Custom myhouse Symbols

3D Modeler Creating Custom myhouse Symbols 3D Modeler Creating Custom myhouse Symbols myhouse includes a large number of predrawn symbols. For most designs and floorplans, these should be sufficient. For plans that require that special table, bed,

More information

To learn more about the Milestones window choose: Help Help Topics Select the Index tab and type in the feature. For Example toolbox.

To learn more about the Milestones window choose: Help Help Topics Select the Index tab and type in the feature. For Example toolbox. To learn more about the Milestones window choose: Help Help Topics Select the Index tab and type in the feature. For Example toolbox. 1 of 12 CHOOSE THE DATES TAB TO: 1. Set the schedule s Date Range.

More information

MET 107 Drawing Tool (Shapes) Notes Day 3

MET 107 Drawing Tool (Shapes) Notes Day 3 MET 107 Drawing Tool (Shapes) Notes Day 3 Shapes: (Insert Tab Shapes) Example: Select on the rounded rectangle Then use the mouse to position the upper left corner and produce the size by dragging out

More information

TWO-DIMENSIONAL FIGURES

TWO-DIMENSIONAL FIGURES TWO-DIMENSIONAL FIGURES Two-dimensional (D) figures can be rendered by a graphics context. Here are the Graphics methods for drawing draw common figures: java.awt.graphics Methods to Draw Lines, Rectangles

More information

How to draw and create shapes

How to draw and create shapes Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using

More information

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Final Figure Size exclusion chromatography (SEC) is used primarily for the analysis of large molecules such as proteins

More information

5Using Drawings, Pictures. and Graphs. Drawing in ReportSmith. Chapter

5Using Drawings, Pictures. and Graphs. Drawing in ReportSmith. Chapter 5Chapter 5Using Drawings, Pictures Chapter and Graphs Besides system and custom report styles, ReportSmith offers you several means of achieving variety and impact in your reports, by: Drawing objects

More information

Scripting Tutorial - Lesson 9: Graphical Shape Numbers

Scripting Tutorial - Lesson 9: Graphical Shape Numbers Home TI-Nspire Authoring TI-Nspire Scripting HQ Scripting Tutorial - Lesson 9 Scripting Tutorial - Lesson 9: Graphical Shape Numbers Download supporting files for this tutorial Texas Instruments TI-Nspire

More information

Word 3 Microsoft Word 2013

Word 3 Microsoft Word 2013 Word 3 Microsoft Word 2013 Mercer County Library System Brian M. Hughes, County Executive Action Technique 1. Insert a Text Box 1. Click the Insert tab on the Ribbon. 2. Then click on Text Box in the Text

More information

Output models Drawing Rasterization Color models

Output models Drawing Rasterization Color models Output models Drawing Rasterization olor models Fall 2004 6.831 UI Design and Implementation 1 Fall 2004 6.831 UI Design and Implementation 2 omponents Graphical objects arranged in a tree with automatic

More information

Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons

Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons The Inkscape Program Inkscape is a free, but very powerful vector graphics program. Available for all computer formats

More information

Tricking it Out: Tricks to personalize and customize your graphs.

Tricking it Out: Tricks to personalize and customize your graphs. Tricking it Out: Tricks to personalize and customize your graphs. Graphing templates may be used online without downloading them onto your own computer. However, if you would like to use the templates

More information

Ancient Cell Phone Tracing an Object and Drawing with Layers

Ancient Cell Phone Tracing an Object and Drawing with Layers Ancient Cell Phone Tracing an Object and Drawing with Layers 1) Open Corel Draw. Create a blank 8.5 x 11 Document. 2) Go to the Import option and browse to the Graphics 1 > Lessons folder 3) Find the Cell

More information

GETTING AROUND STAGE:

GETTING AROUND STAGE: ASM FLASH INTRO FLASH CS3 is a 2D software that is used extensively for Internet animation. Its icon appears as a red square with a stylized Fl on it. It requires patience, because (like most computer

More information

Programming: You will have 6 files all need to be located in the dir. named PA4:

Programming: You will have 6 files all need to be located in the dir. named PA4: PROGRAMMING ASSIGNMENT 4: Read Savitch: Chapter 7 and class notes Programming: You will have 6 files all need to be located in the dir. named PA4: PA4.java ShapeP4.java PointP4.java CircleP4.java RectangleP4.java

More information

ECB Digital - Click 3 (4th Grade)

ECB Digital - Click 3 (4th Grade) ECB Digital - Click 3 (4th Grade) There are several ways to navigate around the Whiteboard Digital Books: 1 Go to a chosen unit or feature by clicking on a button on the main menu. 2 Go to a specific page

More information

Severe Weather Safety PSA

Severe Weather Safety PSA Contents Add Text 2 Format Text 3 Add Stickers 4 Resize Stickers 8 Change the Color of the Canvas 9 Name the Project 12 Add a Page 12 Practice Adding and Formatting Text 13 Use the Paint Brush Tool 14

More information

OnPoint s Guide to MimioStudio 9

OnPoint s Guide to MimioStudio 9 1 OnPoint s Guide to MimioStudio 9 Getting started with MimioStudio 9 Mimio Studio 9 Notebook Overview.... 2 MimioStudio 9 Notebook...... 3 MimioStudio 9 ActivityWizard.. 4 MimioStudio 9 Tools Overview......

More information

Graphics Applets. By Mr. Dave Clausen

Graphics Applets. By Mr. Dave Clausen Graphics Applets By Mr. Dave Clausen Applets A Java application is a stand-alone program with a main method (like the ones we've seen so far) A Java applet is a program that is intended to transported

More information

The Macromedia Flash Workspace

The Macromedia Flash Workspace Activity 5.1 Worksheet The Macromedia Flash Workspace Student Name: Date: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. The Macromedia Flash Workspace 5-35

More information

StickFont Editor v1.01 User Manual. Copyright 2012 NCPlot Software LLC

StickFont Editor v1.01 User Manual. Copyright 2012 NCPlot Software LLC StickFont Editor v1.01 User Manual Copyright 2012 NCPlot Software LLC StickFont Editor Manual Table of Contents Welcome... 1 Registering StickFont Editor... 3 Getting Started... 5 Getting Started...

More information

PowerPoint 2016 Building a Presentation

PowerPoint 2016 Building a Presentation PowerPoint 2016 Building a Presentation What is PowerPoint? PowerPoint is presentation software that helps users quickly and efficiently create dynamic, professional-looking presentations through the use

More information

ScreenBeam Touch90 Interactive Whiteboard

ScreenBeam Touch90 Interactive Whiteboard ScreenBeam Touch90 Interactive Whiteboard Software User Guide xxxx-xxxx-000 rev. 1 Table of Contents Installing the Software 2 Software Installation 2 Using the Software 5 Pages 6 Pens 7 Figures 10 Erasers

More information

PYTHON NOTES (drawing.py and drawstuff.py)

PYTHON NOTES (drawing.py and drawstuff.py) PYTHON NOTES (drawing.py and drawstuff.py) INTRODUCTION TO PROGRAMMING USING PYGAME STEP 1: Importing Modules and Initialization All the Pygame functions that are required to implement features like graphics

More information

Application of Skills: Microsoft PowerPoint 2013 Tutorial

Application of Skills: Microsoft PowerPoint 2013 Tutorial Application of Skills: Microsoft PowerPoint 2013 Tutorial Throughout this tutorial, you will progress through a series of steps to create a presentation about yourself. You will continue to add to this

More information

2IS45 Programming

2IS45 Programming Course Website Assignment Goals 2IS45 Programming http://www.win.tue.nl/~wsinswan/programmeren_2is45/ Rectangles Learn to use existing Abstract Data Types based on their contract (class Rectangle in Rectangle.

More information

Tutorials. Lesson 3 Work with Text

Tutorials. Lesson 3 Work with Text In this lesson you will learn how to: Add a border and shadow to the title. Add a block of freeform text. Customize freeform text. Tutorials Display dates with symbols. Annotate a symbol using symbol text.

More information

Lesson 1 New Presentation

Lesson 1 New Presentation Powerpoint Lesson 1 New Presentation 1. When PowerPoint first opens, there are four choices on how to create a new presentation. You can select AutoContent wizard, Template, Blank presentation or Open

More information

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush.

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush. Paint/Draw Tools There are two types of draw programs. Bitmap (Paint) Uses pixels mapped to a grid More suitable for photo-realistic images Not easily scalable loses sharpness if resized File sizes are

More information

Kidspiration 3 Basics Website:

Kidspiration 3 Basics Website: Website: http://etc.usf.edu/te/ Kidspiration is the visual learning tool for K-5 learners from the makers of Inspiration. With Kidspiration, students can build graphic organizers such as webs, concept

More information

HTML Exercise 21 Making Simple Rectangular Buttons

HTML Exercise 21 Making Simple Rectangular Buttons HTML Exercise 21 Making Simple Rectangular Buttons Buttons are extremely popular and found on virtually all Web sites with multiple pages. Buttons are graphical elements that help visitors move through

More information

SHORTCUTS DRAW PERSONA

SHORTCUTS DRAW PERSONA SHORTCUTS DRAW PERSONA esc CANCEL OPERATION ± SHOW/HIDE TABS F1 F2 F3 F4 F5 F6 F7 F8 F9 F10 F11 F12 1 2 3 4 5 6 7 8 9 0 200% 400% 800% ACTUAL PIXEL 10% 20% QUIT CLOSE RULERS CHAR- OUTLINE Q W E R T ACTER

More information

Corel Draw 11. What is Vector Graphics?

Corel Draw 11. What is Vector Graphics? Corel Draw 11 Corel Draw is a vector based drawing that program that makes it easy to create professional artwork from logos to intricate technical illustrations. Corel Draw 11's enhanced text handling

More information

Table of Contents Welcome to Menu.Applet... 2 Why Java -based menus?... 2 Basic terminology... 2 Getting to know Menu.Applet... 4 Creating a new menu

Table of Contents Welcome to Menu.Applet... 2 Why Java -based menus?... 2 Basic terminology... 2 Getting to know Menu.Applet... 4 Creating a new menu Table of Contents Welcome to Menu.Applet... 2 Why Java -based menus?... 2 Basic terminology... 2 Getting to know Menu.Applet... 4 Creating a new menu applet... 5 Applet Properties Panel: General Tab...

More information

ECDL Module 6 REFERENCE MANUAL

ECDL Module 6 REFERENCE MANUAL ECDL Module 6 REFERENCE MANUAL Presentation Microsoft PowerPoint XP Edition for ECDL Syllabus Four PAGE 2 - ECDL MODULE 6 (USING POWERPOINT XP) - MANUAL 6.1 GETTING STARTED... 4 6.1.1 FIRST STEPS WITH

More information

ScreenHunter 6.0 Pro User Guide

ScreenHunter 6.0 Pro User Guide ScreenHunter 6.0 Pro User Guide Designated trademarks and brands are the property of their respective owners. Notice of Non-Liability Wisdom Software Inc. and the authors assume no liability for errors

More information

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE)

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE) A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE) Lesson overview In this interactive demonstration of Adobe Illustrator CC (2018 release), you ll get an overview of the main features of the application.

More information

CSci 1113, Fall 2015 Lab Exercise 11 (Week 13): Discrete Event Simulation. Warm-up. Stretch

CSci 1113, Fall 2015 Lab Exercise 11 (Week 13): Discrete Event Simulation. Warm-up. Stretch CSci 1113, Fall 2015 Lab Exercise 11 (Week 13): Discrete Event Simulation It's time to put all of your C++ knowledge to use to implement a substantial program. In this lab exercise you will construct a

More information

Course 2DCis: 2D-Computer Graphics with C# Chapter C1: The Intro Project

Course 2DCis: 2D-Computer Graphics with C# Chapter C1: The Intro Project 1 Course 2DCis: 2D-Computer Graphics with C# Chapter C1: The Intro Project Copyright by V. Miszalok, last update: 09-12-2007 An empty window DrawString: Hallo World Print window size with color font Left,

More information

Advanced Special Effects

Advanced Special Effects Adobe Illustrator Advanced Special Effects AI exercise preview exercise overview The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects

More information

European Computer Driving Licence

European Computer Driving Licence European Computer Driving Licence E C D L S y l l a b u s 5. 0 Module 6 Presentation ECDL Syllabus 5 Courseware Module 6 Contents USING THE APPLICATION... 1 OPENING & CLOSING MS POWERPOINT & PRESENTATIONS...

More information

Working with Graphics and Text

Working with Graphics and Text Chapter 2 Working with Graphics and Text Learning Objectives After completing this chapter, you will be able to: Create vector graphics using drawing tools Modify the shape and size of the selected objects

More information

Motic Images Plus 3.0 ML Software. Windows OS User Manual

Motic Images Plus 3.0 ML Software. Windows OS User Manual Motic Images Plus 3.0 ML Software Windows OS User Manual Motic Images Plus 3.0 ML Software Windows OS User Manual CONTENTS (Linked) Introduction 05 Menus and tools 05 File 06 New 06 Open 07 Save 07 Save

More information

LinkMotion and CorelDraw 9, 10, 11, 12, X3, X4, X5, X6, X7 and X8:

LinkMotion and CorelDraw 9, 10, 11, 12, X3, X4, X5, X6, X7 and X8: LinkMotion and CorelDraw 9, 10, 11, 12, X3, X4, X5, X6, X7 and X8: After you install LinkMotion software and set up all settings launch CorelDraw software. Important notes: Solustan s LinkMotion driver

More information

Creative Effects with Illustrator

Creative Effects with Illustrator ADOBE ILLUSTRATOR PREVIEW Creative Effects with Illustrator AI OVERVIEW The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects and

More information

Software Program User Manual

Software Program User Manual 2MPro Sign Software Version 2.13 3/18/2004 Page 1 2MPRO Software Program User Manual Software License Agreement This Software was Written Specifically for use on predetermined signs and is not intended

More information

Excel 2016 Charts and Graphs

Excel 2016 Charts and Graphs Excel 2016 Charts and Graphs training@health.ufl.edu Excel 2016: Charts and Graphs 2.0 hours This workshop assumes prior experience with Excel, Basics I recommended. Topics include data groupings; creating

More information

Unit 21 - Creating a Navigation Bar in Macromedia Fireworks

Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------

More information

Contents. Introducing Clicker Paint 5. Getting Started 7. Using The Tools 10. Using Sticky Points 15. Free resources at LearningGrids.

Contents. Introducing Clicker Paint 5. Getting Started 7. Using The Tools 10. Using Sticky Points 15. Free resources at LearningGrids. ClickerPaintManualUS.indd 2-3 13/02/2007 13:20:28 Clicker Paint User Guide Contents Introducing Clicker Paint 5 Free resources at LearningGrids.com, 6 Installing Clicker Paint, 6 Getting Started 7 How

More information

PowerPoint. Tutorial 1 Creating a Presentation. Tutorial 2 Applying and Modifying Text and Graphic Objects

PowerPoint. Tutorial 1 Creating a Presentation. Tutorial 2 Applying and Modifying Text and Graphic Objects PowerPoint Tutorial 1 Creating a Presentation Tutorial 2 Applying and Modifying Text and Graphic Objects Tutorial 3 Adding Special Effects to a Presentation COMPREHENSIVE PowerPoint Tutorial 1 Creating

More information

Road Map. Introduction to Java Applets Review applets that ship with JDK Make our own simple applets

Road Map. Introduction to Java Applets Review applets that ship with JDK Make our own simple applets Java Applets Road Map Introduction to Java Applets Review applets that ship with JDK Make our own simple applets Introduce inheritance Introduce the applet environment html needed for applets Reading:

More information

10 Connector Designer

10 Connector Designer PRELIMINARY Connector Designer 10-1 10 Connector Designer About this Section In this section you will learn how to create your own custom connectors and edit them using the optional software connector

More information

Phone: Fax: Web: -

Phone: Fax: Web:  - Table of Contents How to Use GTWIN 1. Functions of Parts...1-1 1.1 Screen Names of GTWIN... 1-2 1.2 Menu Bar... 1-3 1.3 Toolbar... 1-4 1.4 Screen Manager... 1-6 1.5 Parts Library... 1-7 1.6 Graphicbar...

More information

Graphics Applets. By Mr. Dave Clausen

Graphics Applets. By Mr. Dave Clausen Graphics Applets By Mr. Dave Clausen Applets A Java application is a stand-alone program with a main method (like the ones we've seen so far) A Java applet is a program that is intended to transported

More information

Spiky Sphere. Finding the Sphere tool. Your first sphere

Spiky Sphere. Finding the Sphere tool. Your first sphere Spiky Sphere Finding the Sphere tool The Sphere tool is part of ShapeWizards suite called MagicBox (the other tools in the suite are Pursuit, Shell, Spiral). You can install all these tools at once by

More information

Interwrite Workspace v. 8.9 Intermediate Technology Integration Center

Interwrite Workspace v. 8.9 Intermediate Technology Integration Center Interwrite Workspace v. 8.9 Intermediate The Toolbar... 2 Moving the Toolbar... 2 Resizing the Toolbar... 2 Toolbar Settings... 2 Enable the Primary Toolbar... 2 Enable Properties with Right Click... 2

More information

9. APPLETS AND APPLICATIONS

9. APPLETS AND APPLICATIONS 9. APPLETS AND APPLICATIONS JAVA PROGRAMMING(2350703) The Applet class What is an Applet? An applet is a Java program that embedded with web content(html) and runs in a Web browser. It runs inside the

More information

Minitab Lab #1 Math 120 Nguyen 1 of 7

Minitab Lab #1 Math 120 Nguyen 1 of 7 Minitab Lab #1 Math 120 Nguyen 1 of 7 Objectives: 1) Retrieve a MiniTab file 2) Generate a list of random integers 3) Draw a bar chart, pie chart, histogram, boxplot, stem-and-leaf diagram 4) Calculate

More information

Figure 1: NC > 2 Axis menu > Options

Figure 1: NC > 2 Axis menu > Options Click To See: How to Use Online Documents SURFCAM Online Documents J 685)&$0Ã5HIHUHQFHÃ0DQXDO 7 &21),*85$7,21722/6 7.1 INTRODUCTION SURFCAM s default configuration parameters are contained in the SURFCAM.INI

More information

S206E Lecture 3, 5/15/2017, Rhino 2D drawing an overview

S206E Lecture 3, 5/15/2017, Rhino 2D drawing an overview Copyright 2017, Chiu-Shui Chan. All Rights Reserved. S206E057 Spring 2017 Rhino 2D drawing is very much the same as it is developed in AutoCAD. There are a lot of similarities in interface and in executing

More information

40. Sim Module - Common Tools

40. Sim Module - Common Tools HSC Sim Common Tools 15021-ORC-J 1 (33) 40. Sim Module - Common Tools Table of Contents 40.1. Drawing flowsheets and adding tables to flowsheets... 2 40.1.1. Drawing units... 2 40.1.2. Drawing streams...

More information

Programming with Microsoft Visual Basic.NET. Array. What have we learnt in last lesson? What is Array?

Programming with Microsoft Visual Basic.NET. Array. What have we learnt in last lesson? What is Array? What have we learnt in last lesson? Programming with Microsoft Visual Basic.NET Using Toolbar in Windows Form. Using Tab Control to separate information into different tab page Storage hierarchy information

More information

Producing a Slide Show

Producing a Slide Show LESSON 7 Producing a Slide Show 7.1 After completing this lesson, you will be able to: Annotate slides during a slide show. Set slide transitions. Animate slide text. Animate slide objects. Hide a slide

More information

VarioAnalyze. User Manual. JENOPTIK Group.

VarioAnalyze. User Manual. JENOPTIK Group. VarioAnalyze User Manual JENOPTIK Group. Dear User Dear User You should carefully read these instructions before you start operating the VarioAnalyze Software. Editorial deadline: October 2005 Document

More information

PowerPoint 2016 Part II

PowerPoint 2016 Part II PowerPoint 2016 Part II Animations In PowerPoint, any object, shape, image, etc. on a slide can be animated. Animations are a good way to add some attention grabbers to a presentation, but they can also

More information

HO-FL1: INTRODUCTION TO FLASH

HO-FL1: INTRODUCTION TO FLASH HO-FL1: INTRODUCTION TO FLASH Introduction Flash is software authoring package for creating scalable, interactive animations (or movies) for inclusion in web pages. It can be used to create animated graphics,

More information

Today s hall of fame or shame candidate is the Domino s Pizza build-your-own-pizza process. You can try it yourself by going to the Domino s website

Today s hall of fame or shame candidate is the Domino s Pizza build-your-own-pizza process. You can try it yourself by going to the Domino s website 1 Today s hall of fame or shame candidate is the Domino s Pizza build-your-own-pizza process. You can try it yourself by going to the Domino s website and clicking Order to start an order (you ll have

More information

Documentation Colibrico Design Studio

Documentation Colibrico Design Studio 1 / 39 Documentation Colibrico Design Studio Table of content About Colibrico Design Studio...3 System requirements...3 Supported languages...3 Installation...3 Trial version...4 License...4 Registration...4

More information

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert.

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert. PhotoShop Help File Sleeping mask advert lesson 1.) Open adobe Photoshop. 2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert. 3.) From

More information

Adobe Flash CS4 Part 4: Interactivity

Adobe Flash CS4 Part 4: Interactivity CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 4: Interactivity Fall 2010, Version 1.0 Table of Contents Introduction... 2 Downloading the Data Files... 2

More information

USER GUIDE. For litecam HD Version 4.8. November 5 th, 2013.

USER GUIDE. For litecam HD Version 4.8. November 5 th, 2013. 1 USER GUIDE For litecam HD Version 4.8 November 5 th, 2013. 2 Contents TABLE OF CONTENTS SYSTEM REQUIREMENTS 4 GUIDE TIP 5 LITECAM HD INSTALLATION GUIDE 9 litecam HD installation Procedure... 9 - Installation...

More information

: Rendered background can show navigation mesh : Multi-level backgrounds, priority backgrounds and Z-ordering.

: Rendered background can show navigation mesh : Multi-level backgrounds, priority backgrounds and Z-ordering. Update history: 2017-04-13: Initial release on Marketplace for UE4.15. 2017-05-09: Rendered background can show navigation mesh. 2017-05-19: Multi-level backgrounds, priority backgrounds and Z-ordering.

More information

Center for Faculty Development and Support Creating Powerful and Accessible Presentation

Center for Faculty Development and Support Creating Powerful and Accessible Presentation Creating Powerful and Accessible Presentation PowerPoint 2007 Windows Tutorial Contents Create a New Document... 3 Navigate in the Normal View (default view)... 3 Input and Manipulate Text in a Slide...

More information

WAIPA DISTRICT COUNCIL. Maps Online 9. Updated January This document contains an overview of IntraMaps/Maps Online version 9.

WAIPA DISTRICT COUNCIL. Maps Online 9. Updated January This document contains an overview of IntraMaps/Maps Online version 9. WAIPA DISTRICT COUNCIL Maps Online 9 Updated January 2018 This document contains an overview of IntraMaps/Maps Online version 9.0 Contents Starting Maps Online... 3 Menu Bar... 4 Tools... 5 View Tab...

More information

This is a structured tutorial demonstrating the features of the GEdit system. The tutorial guides the designer through three structured examples.

This is a structured tutorial demonstrating the features of the GEdit system. The tutorial guides the designer through three structured examples. Tutorial on Gedit This is a structured tutorial demonstrating the features of the GEdit system. The tutorial guides the designer through three structured examples. Background GEdit is a program that allows

More information

INKSCAPE BASICS. 125 S. Prospect Avenue, Elmhurst, IL (630) elmhurstpubliclibrary.org. Create, Make, and Build

INKSCAPE BASICS. 125 S. Prospect Avenue, Elmhurst, IL (630) elmhurstpubliclibrary.org. Create, Make, and Build INKSCAPE BASICS Inkscape is a free, open-source vector graphics editor. It can be used to create or edit vector graphics like illustrations, diagrams, line arts, charts, logos and more. Inkscape uses Scalable

More information

Cropping an Image for the Web

Cropping an Image for the Web Cropping an Image for the Web This guide covers how to use the Paint software included with Microsoft Windows to crop images for use on a web page. Opening Microsoft Paint (In Windows Accessories) On your

More information

Computer Programming

Computer Programming Computer Programming Dr. Deepak B Phatak Dr. Supratik Chakraborty Department of Computer Science and Engineering IIT Bombay Session: Coordinate based Graphics Guest Lecturer: Dr. Abhiram Ranade Quick recap

More information

Making ecards Can Be Fun!

Making ecards Can Be Fun! Making ecards Can Be Fun! A Macromedia Flash Tutorial By Mike Travis For ETEC 664 University of Hawaii Graduate Program in Educational Technology April 4, 2005 The Goal The goal of this project is to create

More information