CHAPTER 7 BASIC GRAPHICS, EVENTS AND GLOBAL DATA
|
|
- Hillary Welch
- 5 years ago
- Views:
Transcription
1 VERSION 1 BASIC GRAPHICS, EVENTS AND GLOBAL DATA CHAPTER 7 BASIC GRAPHICS, EVENTS, AND GLOBAL DATA In this chapter, the graphics features of TouchDevelop are introduced and then combined with scripts when an action, such as turning the phone around, is performed. That topic leads very naturally to scripts which access the sensors built into a Windows phone. Providing code to be executed whenever an event is triggered then leads naturally into scripts which use global data items. 7.1 GRAPHICS FACILITIES 7.2 EVENTS AND SENSORS 7.3 GLOBAL DATA 7.1 GRAPHICS FACILITIES The phone s screen is composed of many dots which can be illuminated in different colors. All characters, all lines, all pictures seen on the screen are displayed as patterns of these dots where the phone s software has selected the color and intensity for each dot. Graphics programming is, in effect, a matter of writing code to set the color and intensity of each dot in an area of the screen. Anyone who has had some previous experience with graphics programming can skip the following brief introduction to the subject. After that introduction, we will move on to the facilities for graphics programming provided in TouchDevelop. COMPUTER GRAPHICS TERMINOLOGY Each dot on the screen is known as a PICTURE ELEMENT and that term is usually abbreviated to PIXEL or to PEL. We will use the term pixel. The TouchDevelop API for setting the pixel s color and intensity uses a triple of three numbers. In most graphics software, these three numbers are one-byte integers in the range 0 to 255, and they specify the intensity of the red, green and blue components of the color separately. However TouchDevelop scales these numbers to be in the range 0.0 to 1.0. The triple of three numbers is commonly called an RGB VALUE. An integer value of 0 means that the color component has zero intensity and a value of 1.0 means maximum intensity. Some typical combinations of integers as RGB values in TouchDevelop are: 73
2 BASIC GRAPHICS, EVENTS AND GLOBAL DATA VERSION 1 (0.0, 0.0, 0.0) black (0.0, 1.0, 0.0) green (1.0, 1.0, 1.0) white (0.0, 0.0, 1.0) blue (0.5, 0.5, 0.5) gray (1.0, 1.0, 0.0) yellow (1.0, 0,0, 0.0) red (1.0, 0.0, 1.0) purple The pixels on the screen are arranged in a rectangular grid. Each pixel has a coordinate position in this grid given by an x value and a y value. The x values start at 0 and increase from left-to-right across the screen; the y values start at 0 and increase from top to bottom down the screen. (Note that y-axis values grow in the opposite direction to how you would normally draw a graph.) The size of the displayable area on the screen is exactly 480 pixels wide by 800 pixels high for a Windows 7 phone. This means that the x and y coordinates can range from (0,0) in the top-left corner to (479,799) in the bottom right corner, as shown on the right. A TRIVIAL GRAPHICS PROGRAM Figure 7.1: Trivial graphics script A short graphics program was used as an example in Chapter 2. It begins by creating a new Picture value and assigning it to variable pic. It is an array of pixel values 480 wide and 300 wide. The width is the maximum which can be displayed on a Windows phone. The height of 300 is much less than the maximum 800 allowed for the phone. The pixels are initialized to be white. The second statement draws a solid rectangle in the Picture array. The top left corner of the rectangle is at (10,10) i.e. 10 pixels in from the left and 10 pixels down from the top. The width of the rectangle is 200 pixels and its height is 100 pixels. The fifth argument of 0 means that we do not want to rotate the rectangle before drawing it onto the picture object. (To be more precise, it is rotated by 0 degrees.) The last parameter specified the color to use for the rectangle. The colors red value is equivalent to using (1.0,0.0,0.0) as the RGB value for the pixels, and is much more readable. 74
3 VERSION 1 BASIC GRAPHICS, EVENTS AND GLOBAL DATA The third statement draws a solid ellipse inside the Picture array. One has to imagine that the ellipse fits inside a rectangle whose top left corner is at the coordinates (270,190). The width and height of that ellipse are set to be 200 and 100 respectively. Again, we rotate that containing rectangle by 0 degrees. The color for the ellipse is chosen to be blue. The fourth statement draws the four sides of a rectangle at approximately the extreme edges of the Picture array. The thickness of the lines used for the four sides has been set at 3 pixels. The color of the lines is whatever has been chosen in the phone s settings as the accent color; for the screen shot shown below, that accent color is magenta. The fifth statement draws a line from the bottom left corner up towards the top right corner, and the thickness of the line is chosen to be 3 pixels wide. Finally the last statement sends the picture to be displayed on the wall. A screen shot of our program s output appears in Figure 7.2. Figure 7.2: Output from trivial graphics script MORE DETAILS ABOUT PICTURES Any photograph held on the phone or downloadable from the web is held as a Picture value too. This means that you can write scripts which transform the photograph or overwrite them in some way. Anything is possible given enough effort spent developing a script. Just to introduce you to the possibilities, Figure 7.3 shows a script which first prompts the user to enter a string (to use as the value of the parameter msg), then asks the user to select a photograph from amongst those on the phone, overprints a text message diagonally across the picture from the bottom left to the top right and finally displays the picture. 75
4 BASIC GRAPHICS, EVENTS AND GLOBAL DATA VERSION 1 Figure 7.3: Script to Overprint a Photograph The script has to make some calculations to determine a suitable size for the characters in the message being displayed and what angle to draw the text at, if we want that text to be along the diagonal. The character size calculation is very approximate (as not all characters are the same width) and the formula used here was found by trial and error. The angle of the diagonal is found by computing the arctangent of height/width for the image. The math function atan2 provided in the TouchDevelop API performs that calculation but returns the result in radians. The angle argument to the draw text method requires the angle in degrees however, so a call to the rad to deg conversion function is needed too. Finally a minus sign is needed in front because we are drawing the text in a direction which ascends from left to right which corresponds to an anticlockwise rotation, whereas the draw text method normally performs a clockwise rotation on the text. A sample output from this script is shown in Figure 7.4. Note that the photograph selected for display in Figure 7.4 is too large to fit on the screen. Its width is 800 pixels yet the screen itself is only 480 pixels wide. The post to wall method scaled the image by a factor of 480/800 in both dimensions so that it would fit without having to scroll the image from side to side. 76
5 VERSION 1 BASIC GRAPHICS, EVENTS AND GLOBAL DATA Figure 7.4: Output from the Overprint Photograph Script Table 7.1 provides a description of most of the methods available for the Picture datatype. Table 7.1: Useful Picture Methods Method Description Operations on the Image as a Whole height: Number Returns the picture height in pixels width: Number Returns the picture width in pixels invert: Picture Inverts the R,G,B color components of every pixel clear(col:color): Nothing Sets all pixels to color col clone: Picture Returns a duplicate of the picture post to wall: Nothing Displays the picture on the screen, resizing it if necessary to fit within the maximum width of 480 pixels and a maximum height of 800 pixels. crop(x:number, y:number, w:number, Crops the picture to have width w and height h, selecting h:number): Nothing a subimage whose top left corner is at position x,y blend(other:picture, x:number, Overwrites this picture with picture, other, putting its top y:number, angle:number, left corner at position x,y and rotating about that corner alpha:number): Nothing by angle degrees in a clockwise direction; alpha is used as the transparency of all pixels in the other picture. resize(w:number, h:number): Nothing Scales the picture to have width w and height h 77
6 BASIC GRAPHICS, EVENTS AND GLOBAL DATA VERSION 1 Shape Drawing Methods draw ellipse(x:number, y:number, Draws the largest ellipse which fits inside a rectangle w:number, h:number, angle:number, with width w and height h; the top left corner of the rectangle is at position x,y; the rectangle is rotated about the c:color, th:number): Nothing top left corner by angle degrees in a clockwise direction; the line has a thickness of th pixels and is drawn in color c. draw line(x1:number, y1:number, Draws a line from position x1,y1 to position x2,y2; the x2:number, y2:number, c:color, line has thickness of th pixels and is drawn in color c. th:number): Nothing draw rect(x:number, y:number, w:number, h:number, angle:number, c:color, th:number): Nothing draw text(x:number, y:number, txt:string, fs:number, angle:number, c:color): Nothing fill ellipse(x:number, y:number, w:number, h:number, angle:number, c:color): Number fill rect(x:number, y:number, w:number, h:number, angle:number, c:color): Nothing pixel(x:number, y:number): Color set pixel(x:number, y:number, c:color): Nothing Draws a rectangle whose top left corner is at position x,y; it has width w and height h; the rectangle is rotated about the top left corner by angle degrees in a clockwise direction; the line has a thickness of th pixels and is drawn in color c. Draws text as pixels in color c on the picture; the top left of the first character is at position x,y; the size used for the characters is fs; the text is rotated by angle degrees about the x,y position. Like draw ellipse except that the ellipse is drawn as a solid object (not as a line surrounding an elliptically shaped area) Like draw rect except that the rectangle is drawn as a solid object (not as four lines surrounding a rectangular area) Access to Pixels Returns the color of the pixel at position x,y Sets the pixel at position x,y to have color c WORKING WITH PIXELS As explained earlier, each pixel has a color and an intensity determined by a triple of three numbers, the RGB values. There is an additional number attached to each pixel which comes into play if we want to superimpose one picture on top of another. This additional integer is known as the AL- PHA value and controls the degree of transparency of the pixel. Suppose that we want to overlay part of picture A with picture B. Should the pixels from Picture B replace the pixels of A? This is usually known as knockout overprinting. It means that you cannot see through the pixels from picture B and see any remnants of picture A in the overlaid area. However, perhaps the colors of the B picture pixels should be blended with the pixels of the A picture so 78
7 VERSION 1 BASIC GRAPHICS, EVENTS AND GLOBAL DATA that you can see both the A and B images combined? The alpha values associated with the B pixels determine their degrees of transparency. If alpha is 1.0, the pixel is fully opaque and the B pixel will knockout (replace) the A pixel. If alpha is 0.0, the pixel is fully transparent and no trace of picture B will be seen when overlaid on picture A. Intermediate values for alpha result in partial transparency for the B picture. Given a picture referenced by variable pic, the pixel at coordinates x,y can be retrieved by a statement like the following. var col := pic pixel(x,y) The value so obtained has the datatype Color. That value can be decomposed into its A (alpha), R, G and B components with statements like these: var red component := col R var green component := col G var blue component := col B var alpha component := col A We can change these color components in any way we like, as long as the values stay in the 0.0 to 1.0 range, and then recombine them to create a new color which can be stored back into the picture as a changed pixel value. For example, the following code inverts the color intensities, giving an effect similar to creating a color negative image: red component := red component green component := green component blue component := blue component col := colors from argb(alpha component, red component, green component, blue component) pic set pixel(x, y, col) However that particular sequence of statements would rarely be needed because the Picture datatype has an invert method which performs exactly that operation to every pixel in the image. Many of the methods used for working with colors and individual pixels are listed below in Table 7.2. They are accessed from the service named colors. For example, var y := colors yellow declares variable y to have the type Color and initializes it to the yellow color. 79
8 BASIC GRAPHICS, EVENTS AND GLOBAL DATA VERSION 1 Table 7.2: Methods provided by the colors Service Method Description Composing and Decomposing Color Values from argb(alpha:number, r:number, Constructs a color from the alpha and RGB values, which g:number, b:number): Color must all be in the range 0.0 to 1.0 from rgb(r:number, g:number, Constructs a color from the RGB values provided; the alpha component is set to 1.0 (totally opaque) b:number): Color Access to the Phone s Theme Colors accent: Color background: Color foreground: Color chrome: Color subtle: Color Returns the accent, background, foreground, chrome and subtle (light gray) colors selected for the phone s theme in its Settings menu Standard Colors black: Color blue: Color brown: Color cyan: Color dark gray: Color gray: Color green: Color light gray: Color magenta: Color orange: Color purple: Color red: Color white: Color yellow: Color Obtain standard colors by their usual names. Obtaining Special Colors random: Color linear gradient(c1:color, c2:color, alpha:number): Color Returns a random (opaque) color Computes a color in between c1 and c2 where c2 overlays c1 with the specified alpha factor for transparency. 7.2 EVENTS AND SENSORS The Windows phone contains a number of sensors, such as an accelerometer, which can trigger events that get passed on to the TouchDevelop script. In addition, a script which implements an interactive game needs to respond when the user taps certain items on the screen, and those taps can also trigger events. 80
9 VERSION 1 BASIC GRAPHICS, EVENTS AND GLOBAL DATA The various kinds of events recognized by TouchDevelop are listed in Table 7.3. Sensors are covered in some more detail in Chapter 8 as well as more examples which use events. The events grouped in the Game Playing category will be covered only in Chapter 9. Table 7.3: Events in TouchDevelop Scripts Event shake phone face up phone face down phone portrait phone landscape left phone landscape right active song changed camera button pressed camera button half pressed camera button released tap wall XX(item: XX) gameloop player state changed tap board: b(x,y) swipe: board: b(x, y, dx, dy) tap sprite in s(sprite, index, x, y) swipe sprite in s(sprite, index, x, y, delta x, delta y) drag sprite in s(sprite, index, x, y, delta x, delta y) Description Phone Movement Events Triggered when the phone is shaken Triggered when the phone is turned so that it is face up Triggered when the phone is turned so that it is face down Triggered when the phone is turned so the screen in portrait mode (such as when the phone is vertical) Triggered when the phone is turned so that its left side is facing down Triggered when the phone is turned so that its right side is facing down Media Events The names of these events describe the events Tap Wall Events XX represents any of the TouchDevelop datatypes, such as String or Location or Number Map, etc. The event is triggered when a user taps a display of a value of type XX on the wall (i.e. the screen). The value is passed as a parameter to the event. Game Playing Events An event which is triggered by a timer approximately every 50ms Triggered when a global data item named b with type Board is tapped; x and y are the coordinates of the tap. Similar to tap board, except that it is triggered by a swiping action starting at position x,y and with a distance vector dx,dy Sprites will be covered in Chapter 9. (They are graphics objects which can move around on the screen.) 81
10 BASIC GRAPHICS, EVENTS AND GLOBAL DATA VERSION 1 EXAMPLE EVENT HANDLING SCRIPT: PHONE ORIENTATION A script can optionally include code which is executed whenever a particular kind of event happens. As a simple example, let us construct a script which displays the words Portrait and Landscape in large letters on the screen according to the phone s current orientation. To reuse some of the graphics code covered earlier in this chapter, we will create Picture values and write text with suitable orientations for display into the pictures and display the pictures in the event code. The code for the main action and all three events is shown in Figure 7.5. As you can see, the main action has got absolutely nothing to do. Even though control returns from the main action, the script stays active waiting for events. The only way to stop this script is to tap the phone back button (or to tap the Windows button to exit from TouchDevelop completely). Figure 7.5: Code for the Orientation Event Script Two of the screen displays produced by this script as the phone is rotated are shown below in Figure
11 VERSION 1 BASIC GRAPHICS, EVENTS AND GLOBAL DATA Figure 7.6: Some Output Displayed by the Orientation Script 7.3 GLOBAL DATA Sometimes an event in a script needs to save information which is used later by an action or by another invocation of an event (perhaps the same event, perhaps a different event). Where can such information be saved? The only reasonable answer is to use a GLOBAL DATA VARIABLE. We have already seen some example programs which use global data items. Let us look at one more. EXAMPLE SCRIPT: A PEDOMETER If you carry your Windows phone with you when jogging or walking briskly, the phone s sensors should trigger a SHAKE event each time you take one step. We can therefore write a simple script which records how many steps you take, incrementing a counter each time the shake event occurs. With a little more coding, we can compute the number of steps per minute. By using access to the phone s GPS location, we can also compute your average speed. However that programming feature does not need to use any event code, so we will omit that feature in this version of the program. When we begin creating the Pedometer script, TouchDevelop provides a default action named main and that is all. No events and no global data items exist for the script. We could tap the plus button to the right of the data icon to create a global data item for the number of steps taken, but let s do it another way. We can use the promote to global data item form of refactoring explained in Chapter 6. The first thing we do in creating the script is to edit the code for the main action. We add the statement var steps := 0 83
12 BASIC GRAPHICS, EVENTS AND GLOBAL DATA VERSION 1 where we have declared and initialized steps as a local variable. Now, by selecting this declaration line for editing and selecting the left-hand side variable, we can promote it to a global data item named steps. Similarly, we should declare var start time := time now and then promote the start time local variable to be the global data item start time. We need to remember the time at which the script was started so that we can determine the elapsed time, needed for computing the number of steps per minute. The code for the Pedometer program is shown in Figure 7.6. The local variable elapsed is the time since the script was started, measured in seconds. It is probably unnecessary to check that elapsed has a non-zero value, but it is good programming practice to avoid division by zero. To compute the walking or jogging rate as the number of steps per minute, we need to multiply the steps per second by 60. Otherwise, the script should be easy to follow. Figure 7.6: The Pedometer Script Output from the script while it is running looks similar to that shown below. This does not look very professional! Accuracy to 15 decimal places is just a bit excessive. Fortunately it takes only one extra line of code to reduce the number of digits after to the decimal point to a more reasonable number. Let s pick one digit. If we insert either this line of code: 84
13 VERSION 1 BASIC GRAPHICS, EVENTS AND GLOBAL DATA rate := math round(10*rate)/10 or this line of code rate := math round with precision(rate,1) after the line declaring and initializing the local variable rate, we will get just one digit to the right of the decimal point. The output produced by the program now looks like this: Now, why did we have to initialize steps to zero in the main action? Why did it not just start with the value 0 when we begin running the script? This is explained in the next subsection. PERSISTENCE OF GLOBAL DATA VALUES The very first time you use a script after it has been installed, the global data items will have initial values which are 0 for Number values, false for Boolean values, an empty string for String values, and date / time combination from long ago for DateTime values. For all other datatypes, the global data item has the special INVALID value. It may be necessary for the script to check and initialize global data variables to take account of first time use of a script. The is invalid method is useful for checking the data items which start off with an invalid value. When the script is run a second time or a third time or, the global data items still have the same values as they had at the end of the previous run. In the terminology of programming languages, we say that the values of the global data items PERSIST from one run to the next on your phone. Persistence is a highly useful feature because it allows your scripts to accumulate information over many runs. (In a misuse of the English language, programmers often say that a variable is persisted if it retains its value from one run to the next.) If you do not want to reuse a value from the previous run of the script, as is the case with the Pedometer example, the script should re-initialize the global data items in whichever of its actions will be invoked when the script is started. (This is likely to be every action which is not flagged as private.) 85
14 BASIC GRAPHICS, EVENTS AND GLOBAL DATA VERSION 1 86
Chapter 3 The Wall using the screen
Chapter 3 The Wall using the screen A TouchDevelop script usually needs to interact with the user. While input via the microphone and output via the built-in speakers are certainly possibilities, the touch-sensitive
More informationPart 1: Introduction to Computer Graphics
Part 1: Introduction to Computer Graphics 1. Define computer graphics? The branch of science and technology concerned with methods and techniques for converting data to or from visual presentation using
More informationPrograms. onevent("can", "mousedown", function(event) { var x = event.x; var y = event.y; circle( x, y, 10 ); });
Loops and Canvas Programs AP CSP Program 1. Draw something like the figure shown. There should be: a blue sky with no black outline a green field with no black outline a yellow sun with a black outline
More informationImport and quantification of a micro titer plate image
BioNumerics Tutorial: Import and quantification of a micro titer plate image 1 Aims BioNumerics can import character type data from TIFF images. This happens by quantification of the color intensity and/or
More informationNintendo. January 21, 2004 Good Emulators I will place links to all of these emulators on the webpage. Mac OSX The latest version of RockNES
98-026 Nintendo. January 21, 2004 Good Emulators I will place links to all of these emulators on the webpage. Mac OSX The latest version of RockNES (2.5.1) has various problems under OSX 1.03 Pather. You
More informationTable of Contents. 2 Select camera-lens configuration Select camera and lens type Listbox: Select source image... 8
Table of Contents 1 Starting the program 3 1.1 Installation of the program.......................... 3 1.2 Starting the program.............................. 3 1.3 Control button: Load source image......................
More informationLinkage 3.6. User s Guide
Linkage 3.6 User s Guide David Rector Friday, December 01, 2017 Table of Contents Table of Contents... 2 Release Notes (Recently New and Changed Stuff)... 3 Installation... 3 Running the Linkage Program...
More informationEDL8 Race Dash Manual Engine Management Systems
Engine Management Systems EDL8 Race Dash Manual Engine Management Systems Page 1 EDL8 Race Dash Page 2 EMS Computers Pty Ltd Unit 9 / 171 Power St Glendenning NSW, 2761 Australia Phone.: +612 9675 1414
More informationGetting Graphical PART II. Chapter 5. Chapter 6. Chapter 7. Chapter 8. Chapter 9. Beginning Graphics Page Flipping and Pixel Plotting...
05-GPFT-Ch5 4/10/05 3:59 AM Page 105 PART II Getting Graphical Chapter 5 Beginning Graphics.......................................107 Chapter 6 Page Flipping and Pixel Plotting.............................133
More informationMODULE 4: Building with Numbers
UCL SCRATCHMATHS CURRICULUM MODULE 4: Building with Numbers TEACHER MATERIALS Developed by the ScratchMaths team at the UCL Knowledge Lab, London, England Image credits (pg. 3): Top left: CC BY-SA 3.0,
More informationELATION EMOTION. DMX Channel Values / Functions - STANDARD PROTOCOL (32 DMX Channels)
Decimal Decimal Percent Percent Hex Hex 1 Pan Pan Coarse 255 % 1% h FFh 128 2 Pan Pan Fine 255 % 1% h FFh 3 Tilt Tilt Coarse 255 % 1% h FFh 128 4 Tilt Tilt Fine 255 % 1% h FFh Digital Zoom Smallest % h
More informationecast for IOS Revision 1.3
ecast for IOS Revision 1.3 1 Contents Overview... 5 What s New... 5 Connecting to the 4 Cast DMX Bridge... 6 App Navigation... 7 Fixtures Tab... 8 Patching Fixtures... 9 Fixture Not In Library... 11 Fixture
More informationUser Manual VM700T Video Measurement Set Option 30 Component Measurements
User Manual VM700T Video Measurement Set Option 30 Component Measurements 070-9654-01 Test Equipment Depot - 800.517.8431-99 Washington Street Melrose, MA 02176 - FAX 781.665.0780 - TestEquipmentDepot.com
More informationCS2401-COMPUTER GRAPHICS QUESTION BANK
SRI VENKATESWARA COLLEGE OF ENGINEERING AND TECHNOLOGY THIRUPACHUR. CS2401-COMPUTER GRAPHICS QUESTION BANK UNIT-1-2D PRIMITIVES PART-A 1. Define Persistence Persistence is defined as the time it takes
More informationFAQs by Jack C Tutorials about Remote Sensing Science and Geospatial Information Technologies
C: DIAGNOSTIC PRODUCTS FOR SURFACE REFLECTANCE IMAGES Like Frequently Asked Questions, a question is posed, e.g., C1. How Do I Make a Mask (MK) Raster? Then, an answer is given 1 with comments and opinions.
More informationE X P E R I M E N T 1
E X P E R I M E N T 1 Getting to Know Data Studio Produced by the Physics Staff at Collin College Copyright Collin College Physics Department. All Rights Reserved. University Physics, Exp 1: Getting to
More informationUser s Manual. Log Scale (/LG) GX10/GX20/GP10/GP20/GM10 IM 04L51B01-06EN. 2nd Edition
User s Manual Model GX10/GX20/GP10/GP20/GM10 Log Scale (/LG) User s Manual 2nd Edition Introduction Notes Trademarks Thank you for purchasing the SMARTDAC+ Series GX10/GX20/GP10/GP20/GM10 (hereafter referred
More informationOperating Instructions
Operating Instructions VIA-170 R Video Image Marker- Measurement System Accuracy by Design P/N 700051 ii VIA-170 Video Image Marker-Measurement System User's Manual R iii Copyright 1994-1998 by Boeckeler
More information2 Select the magic wand tool (M) in the toolbox. 3 Click the sky to select that area. Add to the. 4 Click the Quick Mask Mode button(q) in
ADOBE PHOTOSHOP 4.0 FUNDAMENTALS A mask works like a rubylith or frisket, covering part of the image and selecting the rest. In Adobe Photoshop, you can create masks using the selection tools or by painting
More informationMultiSpec Tutorial: Visualizing Growing Degree Day (GDD) Images. In this tutorial, the MultiSpec image processing software will be used to:
MultiSpec Tutorial: Background: This tutorial illustrates how MultiSpec can me used for handling and analysis of general geospatial images. The image data used in this example is not multispectral data
More informationComputer Graphics: Overview of Graphics Systems
Computer Graphics: Overview of Graphics Systems By: A. H. Abdul Hafez Abdul.hafez@hku.edu.tr, 1 Outlines 1. Video Display Devices 2. Flat-panel displays 3. Video controller and Raster-Scan System 4. Coordinate
More informationUser s Manual. Log Scale (/LG) GX10/GX20/GP10/GP20/GM10 IM 04L51B01-06EN. 3rd Edition
User s Manual Model GX10/GX20/GP10/GP20/GM10 Log Scale (/LG) 3rd Edition Introduction Thank you for purchasing the SMARTDAC+ Series GX10/GX20/GP10/GP20/GM10 (hereafter referred to as the recorder, GX,
More informationLab experience 1: Introduction to LabView
Lab experience 1: Introduction to LabView LabView is software for the real-time acquisition, processing and visualization of measured data. A LabView program is called a Virtual Instrument (VI) because
More informationSource/Receiver (SR) Setup
PS User Guide Series 2015 Source/Receiver (SR) Setup For 1-D and 2-D Vs Profiling Prepared By Choon B. Park, Ph.D. January 2015 Table of Contents Page 1. Overview 2 2. Source/Receiver (SR) Setup Main Menu
More informationTV Character Generator
TV Character Generator TV CHARACTER GENERATOR There are many ways to show the results of a microcontroller process in a visual manner, ranging from very simple and cheap, such as lighting an LED, to much
More informationSubtitle Safe Crop Area SCA
Subtitle Safe Crop Area SCA BBC, 9 th June 2016 Introduction This document describes a proposal for a Safe Crop Area parameter attribute for inclusion within TTML documents to provide additional information
More informationILDA Image Data Transfer Format
ILDA Technical Committee Technical Committee International Laser Display Association www.laserist.org Introduction... 4 ILDA Coordinates... 7 ILDA Color Tables... 9 Color Table Notes... 11 Revision 005.1,
More informationTable of content. Table of content Introduction Concepts Hardware setup...4
Table of content Table of content... 1 Introduction... 2 1. Concepts...3 2. Hardware setup...4 2.1. ArtNet, Nodes and Switches...4 2.2. e:cue butlers...5 2.3. Computer...5 3. Installation...6 4. LED Mapper
More informationGetting Started. Connect green audio output of SpikerBox/SpikerShield using green cable to your headphones input on iphone/ipad.
Getting Started First thing you should do is to connect your iphone or ipad to SpikerBox with a green smartphone cable. Green cable comes with designators on each end of the cable ( Smartphone and SpikerBox
More informationPSC300 Operation Manual
PSC300 Operation Manual Version 9.10 General information Prior to any attempt to operate this Columbia PSC 300, operator should read and understand the complete operation of the cubing system. It is very
More information9.5 Add or Remove Samples in Single Access Mode
3. Press the Previous or Next button to see the details of the previous or next loaded position. 4. Press the Back button to return to the information screen. The previous menu is displayed. 9.5 Add or
More informationAnalysis. mapans MAP ANalysis Single; map viewer, opens and modifies a map file saved by iman.
Analysis Analysis routines (run on LINUX): iman IMage ANalysis; makes maps out of raw data files saved be the acquisition program (ContImage), can make movies, pictures of green, compresses and decompresses
More informationApplication Note 11 - Totalization
Application Note 11 - Totalization Using the TrendView Recorders for Totalization The totalization function is normally associated with flow monitoring applications, where the input to the recorder would
More informationPS User Guide Series Seismic-Data Display
PS User Guide Series 2015 Seismic-Data Display Prepared By Choon B. Park, Ph.D. January 2015 Table of Contents Page 1. File 2 2. Data 2 2.1 Resample 3 3. Edit 4 3.1 Export Data 4 3.2 Cut/Append Records
More informationUser s Manual. Log Scale (/LG) GX10/GP10/GX20/GP20 IM 04L51B01-06EN. 1st Edition
User s Manual Model GX10/GP10/GX20/GP20 Log Scale (/LG) User s Manual 1st Edition Introduction Notes Trademarks Thank you for purchasing the SMARTDAC+ Series GX10/GX20/GP10/GP20 (hereafter referred to
More informationMarks and Grades Project
Marks and Grades Project This project uses the HCS12 to allow for user input of class grades to determine the letter grade and overall GPA for all classes. Interface: The left-most DIP switch (SW1) is
More informationSpectraPlotterMap 12 User Guide
SpectraPlotterMap 12 User Guide 108.01.1609.UG Sep 14, 2016 SpectraPlotterMap version 12, included in Radial Suite Release 8, displays two and three dimensional plots of power spectra generated by the
More informationToshibaEdit. Contents:
ToshibaEdit Contents: 1 General 2 Installation 3 Step by step a Load and back up a settings file b Arrange settings c Provider d The favourite lists e Channel parameters f Write settings into the receiver
More informationAnalyzing Modulated Signals with the V93000 Signal Analyzer Tool. Joe Kelly, Verigy, Inc.
Analyzing Modulated Signals with the V93000 Signal Analyzer Tool Joe Kelly, Verigy, Inc. Abstract The Signal Analyzer Tool contained within the SmarTest software on the V93000 is a versatile graphical
More informationPreface 11 Key Concept 1: Know your machine from a programmer s viewpoint 17
Table of contents Preface 11 Prerequisites 11 Basic machining practice experience 11 Math 12 Motivation 12 Controls covered 12 What about conversational controls? 13 Controls other than Fanuc 13 Limitations
More informationF7000NV ROBOT VISION OPERATING MANUAL
Rev. C Feb 2012 F7000NV ROBOT VISION OPERATING MANUAL Rev. C Feb 2012 This page has intentionally been left blank. Contents Contents Chapter 1. Getting Started... 5 1. Preface... 5 2. Manuals... 5 3. Setting
More informationChapter 2: Lines And Points
Chapter 2: Lines And Points 2.0.1 Objectives In these lessons, we introduce straight-line programs that use turtle graphics to create visual output. A straight line program runs a series of directions
More informationINTERNATIONAL TELECOMMUNICATION UNION 4%2-).!, %15)0-%.4!.$ 02/4/#/,3 &/2 4%,%-!4)# 3%26)#%3
INTERNATIONAL TELECOMMUNICATION UNION )454 4 TELECOMMUNICATION STANDARDIZATION SECTOR OF ITU 4%2-).!, %15)0-%.4!.$ 02/4/#/,3 &/2 4%,%-!4)# 3%26)#%3 ).4%2.!4)/.!, ).&/2-!4)/. %8#(!.'% &/2 ).4%2!#4)6% 6)$%/4%8
More information14/09/98 Martin Casemanual (Version 6.21) The effect generator PRESS : $, 7
5.1 In general To make programming a lot easier, and to save lots of time, the controller is equipped with an effect generator. Now it is possible to launch all kinds of effects on every fixture channel
More informationINSTALATION PROCEDURE
INSTALLATION PROCEDURE Overview The most difficult part of an installation is in knowing where to start and the most important part is starting in the proper start. There are a few very important items
More informationone M2M Logo Brand Guidelines
one M2M Logo Brand Guidelines July 2012 Logo Design Explanation What does the one M2M logo symbolize? The number 2 in the middle part of the logo symbolizes the connection between the two machines, the
More informationKeyframing TOPICS. Camera Keyframing 'Key Camera' Popover Controlling the 'Key Camera' Transition Starting the 'Key Camera' Operation
Keyframing Keyframing is an animation technique commonly used to produce a smooth transition between a defned start and end point. In Animation Pro, it is possible to create either a smooth camera, fgure
More informationSIDRA INTERSECTION 8.0 UPDATE HISTORY
Akcelik & Associates Pty Ltd PO Box 1075G, Greythorn, Vic 3104 AUSTRALIA ABN 79 088 889 687 For all technical support, sales support and general enquiries: support.sidrasolutions.com SIDRA INTERSECTION
More informationVID_OVERLAY. Digital Video Overlay Module Rev Key Design Features. Block Diagram. Applications. Pin-out Description
Key Design Features Block Diagram Synthesizable, technology independent VHDL IP Core Video overlays on 24-bit RGB or YCbCr 4:4:4 video Supports all video resolutions up to 2 16 x 2 16 pixels Supports any
More informationDektak Step by Step Instructions:
Dektak Step by Step Instructions: Before Using the Equipment SIGN IN THE LOG BOOK Part 1: Setup 1. Turn on the switch at the back of the dektak machine. Then start up the computer. 2. Place the sample
More informationPart 1: Introduction to computer graphics 1. Describe Each of the following: a. Computer Graphics. b. Computer Graphics API. c. CG s can be used in
Part 1: Introduction to computer graphics 1. Describe Each of the following: a. Computer Graphics. b. Computer Graphics API. c. CG s can be used in solving Problems. d. Graphics Pipeline. e. Video Memory.
More informationMATH& 146 Lesson 11. Section 1.6 Categorical Data
MATH& 146 Lesson 11 Section 1.6 Categorical Data 1 Frequency The first step to organizing categorical data is to count the number of data values there are in each category of interest. We can organize
More informationDVR Overlay. Overlay 4K, 3D, HD, and SD videos with information and graphics
DVR Overlay Overlay K, D, HD, and SD videos with information and graphics User s manual version.. Written in consideration of SubC DVRO software version 6..7 Overlay System The SubC Overlay System is an
More informationcolors AN INTRODUCTION TO USING COLORS FOR UNITY v1.1
colors AN INTRODUCTION TO USING COLORS FOR UNITY v1.1 Q&A https://gamelogic.quandora.com/colors_unity Knowledgebase Online http://gamelogic.co.za/colors/documentation-andtutorial// Documentation API http://www.gamelogic.co.za/documentation/colors/
More informationThe BBC micro:bit: What is it designed to do?
The BBC micro:bit: What is it designed to do? The BBC micro:bit is a very simple computer. A computer is a machine that accepts input, processes this according to stored instructions and then produces
More informationWhat s New in Raven May 2006 This document briefly summarizes the new features that have been added to Raven since the release of Raven
What s New in Raven 1.3 16 May 2006 This document briefly summarizes the new features that have been added to Raven since the release of Raven 1.2.1. Extensible multi-channel audio input device support
More informationTOMELLERI ENGINEERING MEASURING SYSTEMS. TUBO Version 7.2 Software Manual rev.0
TOMELLERI ENGINEERING MEASURING SYSTEMS TUBO Version 7.2 Software Manual rev.0 Index 1. Overview... 3 2. Basic information... 4 2.1. Main window / Diagnosis... 5 2.2. Settings Window... 6 2.3. Serial transmission
More information7thSense Design Delta Media Server
7thSense Design Delta Media Server Channel Alignment Guide: Warping and Blending Original by Andy B Adapted by Helen W (November 2015) 1 Trademark Information Delta, Delta Media Server, Delta Nano, Delta
More informationTable of Contents Introduction
Page 1/9 Waveforms 2015 tutorial 3-Jan-18 Table of Contents Introduction Introduction to DAD/NAD and Waveforms 2015... 2 Digital Functions Static I/O... 2 LEDs... 2 Buttons... 2 Switches... 2 Pattern Generator...
More informationUSBOSDM2 USB-Powered MPEG2 Encoder with Picture-in-Picture & Text/Graphics Overlay. Application Software User Manual
USBOSDM2 USB-Powered MPEG2 Encoder with Picture-in-Picture & Text/Graphics Overlay Application Software User Manual Version 1.0.3 Copyright 2010 Inventa Australia Pty Ltd Table of Contents 1. Main Features
More informationTHE FROG SERIES OPERATING MANUAL
THE FROG SERIES OPERATING MANUAL THE FROG SERIES OPERATING MANUAL If a portable or temporary three phase mains supply is used to power this desk, we recommend that the desk mains plug is removed before
More informationSNG-2150C User s Guide
SNG-2150C User s Guide Avcom of Virginia SNG-2150C User s Guide 7730 Whitepine Road Revision 001 Richmond, VA 23237 USA GENERAL SAFETY If one or more components of your earth station are connected to 120
More informationPicoScope 6 Training Manual
PicoScope 6 Training Manual DO226 PicoScope 6 Training Manual r2.docx Copyright 2014 Pico Technology CONTENTS 1 Quick guide to PicoScope 6... 1 1.1 The PicoScope way... 1 1.2 Signal view... 2 1.3 Timebase...
More informationCIE CIE
U S E R M A N U A L Table of Contents Welcome to ColorFacts... 4 Installing ColorFacts... 5 Checking for ColorFacts Updates... 5 ColorFacts Registration... 6 ColorFacts Dongle... 6 Uninstalling ColorFacts...
More informationimso-104 Manual Revised August 5, 2011
imso-104 Manual Revised August 5, 2011 Section 1 Getting Started SAFETY 1.10 Quickstart Guide 1.20 SAFETY 1.30 Compatibility 1.31 Hardware 1.32 Software Section 2 How it works 2.10 Menus 2.20 Analog Channel
More informationUser manual. English. Perception CSI Extension Harmonic Analysis Sheet. A en
A4192-2.0 en User manual English Perception CSI Extension Document version 2.0 February 2015 For Harmonic Analysis version 2.0.15056 For Perception 6.60 or higher For HBM's Terms and Conditions visit www.hbm.com/terms
More informationAnalyzing Numerical Data: Using Ratios I.B Student Activity Sheet 4: Ratios in the Media
For a rectangular shape such as a display screen, the longer side is called the width (W) and the shorter side is the height (H). The aspect ratio is W:H or W/H. 1. What is the approximate aspect ratio
More informationBlueline, Linefree, Accuracy Ratio, & Moving Absolute Mean Ratio Charts
INTRODUCTION This instruction manual describes for users of the Excel Standard Celeration Template(s) the features of each page or worksheet in the template, allowing the user to set up and generate charts
More informationAPA Research Paper Chapter 2 Supplement
Microsoft Office Word 00 Appendix D APA Research Paper Chapter Supplement Project Research Paper Based on APA Documentation Style As described in Chapter, two popular documentation styles for research
More information802DN Series A DeviceNet Limit Switch Parameter List
802DN Series A DeviceNet Limit Switch Parameter List EDS file Version 2.01 1. Operate Mode 1 (Sensor Output #1) Normally Open Normally Closed 2. Operate Mode 2 (Sensor Output #2) Normally Open Normally
More informationObjectives: Topics covered: Basic terminology Important Definitions Display Processor Raster and Vector Graphics Coordinate Systems Graphics Standards
MODULE - 1 e-pg Pathshala Subject: Computer Science Paper: Computer Graphics and Visualization Module: Introduction to Computer Graphics Module No: CS/CGV/1 Quadrant 1 e-text Objectives: To get introduced
More informationKRAMER ELECTRONICS LTD. USER MANUAL
KRAMER ELECTRONICS LTD. USER MANUAL MODEL: Projection Curved Screen Blend Guide How to blend projection images on a curved screen using the Warp Generator version K-1.4 Introduction The guide describes
More informationVeeco Dektak 6M Profilometer
Veeco Dektak 6M Profilometer System Ranges/Resolutions Range (Å) Resolution (Å) 50 (5nm) to 65K 1 0.5K to 655K 10 2K to 2620K 40 8K to 10000K (1mm) 160 Maximum sample thickness: 31.75mm Scan range: 50
More informationUSER MANUAL FOR DDT 2D. Introduction. Installation. Getting Started. Danley Design Tool 2d. Welcome to the Danley Design Tool 2D program.
USER MANUAL FOR DDT 2D ( VERSION 1.8) Welcome to the Danley Design Tool 2D program. Introduction DDT2D is a very powerful tool that lets the user visualize how sound propagates from loudspeakers, including
More informationDesigning Custom DVD Menus: Part I By Craig Elliott Hanna Manager, The Authoring House at Disc Makers
Designing Custom DVD Menus: Part I By Craig Elliott Hanna Manager, The Authoring House at Disc Makers DVD authoring software makes it easy to create and design template-based DVD menus. But many of those
More informationThe Measurement Tools and What They Do
2 The Measurement Tools The Measurement Tools and What They Do JITTERWIZARD The JitterWizard is a unique capability of the JitterPro package that performs the requisite scope setup chores while simplifying
More informationSequential Storyboards introduces the storyboard as visual narrative that captures key ideas as a sequence of frames unfolding over time
Section 4 Snapshots in Time: The Visual Narrative What makes interaction design unique is that it imagines a person s behavior as they interact with a system over time. Storyboards capture this element
More informationSTB Front Panel User s Guide
S ET-TOP BOX FRONT PANEL USER S GUIDE 1. Introduction The Set-Top Box (STB) Front Panel has the following demonstration capabilities: Pressing 1 of the 8 capacitive sensing pads lights up that pad s corresponding
More informationPrevious Lecture Sequential Circuits. Slide Summary of contents covered in this lecture. (Refer Slide Time: 01:55)
Previous Lecture Sequential Circuits Digital VLSI System Design Prof. S. Srinivasan Department of Electrical Engineering Indian Institute of Technology, Madras Lecture No 7 Sequential Circuit Design Slide
More informationDave Jones Design Phone: (607) Lake St., Owego, NY USA
Manual v1.00a June 1, 2016 for firmware vers. 2.00 Dave Jones Design Phone: (607) 687-5740 34 Lake St., Owego, NY 13827 USA www.jonesvideo.com O Tool Plus - User Manual Main mode NOTE: New modules are
More informationILDA Image Data Transfer Format
INTERNATIONAL LASER DISPLAY ASSOCIATION Technical Committee Revision 006, April 2004 REVISED STANDARD EVALUATION COPY EXPIRES Oct 1 st, 2005 This document is intended to replace the existing versions of
More informationGLog Users Manual.
GLog Users Manual GLog is copyright 2000 Scott Technical Instruments It may be copied freely provided that it remains unmodified, and this manual is distributed with it. www.scottech.net Introduction GLog
More informationECE438 - Laboratory 1: Discrete and Continuous-Time Signals
Purdue University: ECE438 - Digital Signal Processing with Applications 1 ECE438 - Laboratory 1: Discrete and Continuous-Time Signals By Prof. Charles Bouman and Prof. Mireille Boutin Fall 2015 1 Introduction
More informationENGR 1000, Introduction to Engineering Design
ENGR 1000, Introduction to Engineering Design Unit 2: Data Acquisition and Control Technology Lesson 2.4: Programming Digital Ports Hardware: 12 VDC power supply Several lengths of wire NI-USB 6008 Device
More informationAgilent DSO5014A Oscilloscope Tutorial
Contents UNIVERSITY OF CALIFORNIA AT BERKELEY College of Engineering Department of Electrical Engineering and Computer Sciences EE105 Lab Experiments Agilent DSO5014A Oscilloscope Tutorial 1 Introduction
More informationFLIP-FLOPS AND RELATED DEVICES
C H A P T E R 5 FLIP-FLOPS AND RELATED DEVICES OUTLINE 5- NAND Gate Latch 5-2 NOR Gate Latch 5-3 Troubleshooting Case Study 5-4 Digital Pulses 5-5 Clock Signals and Clocked Flip-Flops 5-6 Clocked S-R Flip-Flop
More informationPracticum 3, Fall 2012
A.- F. Miller 2012 T1&T2 Measurement 1 Practicum 3, Fall 2012 Measuring the longitudinal relaxation time: T1. Strychnine, dissolved CDCl3 The T1 is the characteristic time of relaxation of Z- magnetization,
More informationFUNDAMENTAL MANUFACTURING PROCESSES Computer Numerical Control
FUNDAMENTAL MANUFACTURING PROCESSES Computer Numerical Control SCENE 1. CG: FBI warning white text centered on black to blue gradient SCENE 2. CG: disclaimer white text centered on black to blue gradient
More informationData Acquisition Instructions
Page 1 of 13 Form 0162A 7/21/2006 Superchips Inc. Superchips flashpaq Data Acquisition Instructions Visit Flashpaq.com for downloadable updates & upgrades to your existing tuner (See the next page for
More informationChapt er 3 Data Representation
Chapter 03 Data Representation Chapter Goals Distinguish between analog and digital information Explain data compression and calculate compression ratios Explain the binary formats for negative and floating-point
More informationGS122-2L. About the speakers:
Dan Leighton DL Consulting Andrea Bell GS122-2L A growing number of utilities are adapting Autodesk Utility Design (AUD) as their primary design tool for electrical utilities. You will learn the basics
More informationVSP 516S Quick Start
VIEWSIZE THE WORLD VSP 516S Quick Start Max 2048 1152@60Hz/2560 816 60Hz input/output resolution User customize output resolution 3G/HD/SD-SDI input Multiple cascade mapping for super resolution Seamless
More informationGeneral Certificate of Education Advanced Subsidiary Examination June Problem Solving, Programming, Data Representation and Practical Exercise
General Certificate of Education Advanced Subsidiary Examination June 2012 Computing COMP1 Unit 1 Problem Solving, Programming, Data Representation and Practical Exercise Friday 25 May 2012 9.00 am to
More informationPicoScope for Windows user guide Chapter 1: Overview Chapter 2: Views Chapter 3: How To.. Chapter 4: Menus Chapter 5: Dialogs
PicoScope for Windows user guide This user guide contains over a hundred pages of information about the PicoScope for Windows program. Please take a few minutes to read chapters 1 and 2, as this will quickly
More informationVannevar Bush: As We May Think
Vannevar Bush: As We May Think 1. What is the context in which As We May Think was written? 2. What is the Memex? 3. In basic terms, how was the Memex intended to work? 4. In what ways does personal computing
More informationTechNote: MuraTool CA: 1 2/9/00. Figure 1: High contrast fringe ring mura on a microdisplay
Mura: The Japanese word for blemish has been widely adopted by the display industry to describe almost all irregular luminosity variation defects in liquid crystal displays. Mura defects are caused by
More informationSoftware Ver
- 0 - Software Ver-3.02 CONTENTS 1. INTRODUCTION...- 2-2. MAIN PANEL...- 3-3. SETTING UP TIME AND DAY...- 4-4. CREATING AN IRRIGATION PROGRAM...- 6-4.1 IRRIGATION DAYS AND START TIMES WHEN... - 6-4.2 WATER
More informationPre-processing of revolution speed data in ArtemiS SUITE 1
03/18 in ArtemiS SUITE 1 Introduction 1 TTL logic 2 Sources of error in pulse data acquisition 3 Processing of trigger signals 5 Revolution speed acquisition with complex pulse patterns 7 Introduction
More informationISCEV SINGLE CHANNEL ERG PROTOCOL DESIGN
ISCEV SINGLE CHANNEL ERG PROTOCOL DESIGN This spreadsheet has been created to help design a protocol before actually entering the parameters into the Espion software. It details all the protocol parameters
More informationContents Circuits... 1
Contents Circuits... 1 Categories of Circuits... 1 Description of the operations of circuits... 2 Classification of Combinational Logic... 2 1. Adder... 3 2. Decoder:... 3 Memory Address Decoder... 5 Encoder...
More information