CSS290: Apps on Mobile Devices

Slides:



Advertisements
Similar presentations
MEG 361 CAD Chapter 3 Basic Concepts of Graphics Programming.
Advertisements

© 2010 Delmar, Cengage Learning Chapter 9 Positioning Objects with AP Div Tags.
Your Transformation Equation y = - a f(-( x ± h)) ± k - a = x-axis reflection a > 1 = vertical stretch 0 < a < 1 = vertical compression -x = y-axis reflection.
This will be your summary section.
© 2011 Delmar, Cengage Learning Chapter 10 Positioning Objects with AP Divs.
Cosc 5/4730 Game Design. A short game design primer. A game or animation is built on an animation loop. – Instance variables of “objects” are updated.
HTML 5 Previous version: HTML4.01, 1999 Still work in progress, most browsers support some of it.
Geometry Control – Modifying and Relimiting; Using Axes and Transformation Ideas Chapter 2: 2.4 & 2.5 R. Lindeke IE 1225.
Lecture 7: Real Time Applications. Tasks, and Storage CSS290: APPS ON MOBILE DEVICES.
Cosc 5/4730 Game Design. A short game design primer. A game or animation is built on an animation loop. – Instance variables of “objects” are updated.
Essentials of Interactive Computer Graphics: Concepts and Implementation K. Sung, P. Shirley, S. Baer Chapter 12 Chapter 12: Making the Applications Interesting.
Lecture 2: Events + Service Routines + Instance vs local Variable CSS290: APPS ON MOBILE DEVICES.
Essentials of Interactive Computer Graphics: Concepts and Implementation K. Sung, P. Shirley, S. Baer Chapter 4 Chapter 4: Working with Graphics APIs.
Chapter 6 Color Image Processing Chapter 6 Color Image Processing.
1 CGS1060 Mobile UIs Copyright 2012 by Janson Industries.
Slides adapted from: Bjarne Stroustrup, Programming – Principles and Practice using C++ Chapter 12 A display model Hartmut Kaiser
The Guide to Your ISN Anthony’s Guide to Your Personal Organizer for this Class!
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
Task Card Templates Choose one slide below each week to create a task card for a Tech Tub station. Make sure to fill in the “Notes” below the task card.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.
Sequence diagram in UML Martin Palkovik. Sequence diagram  It is a graphic representation of system operations based on chronology - a time sequence.
SVG for Designers Tom Hoferek. Objectives Introduce SVG Illustrate its capabilities Demonstrate SVG in action Speculate, discuss, answer questions.
Interactive Applications Design and Development About this course State of the mobile app industry What is an interactive application? Topic 1: Course.
Lecture 3: Application State + Event Driven Programming CSS290: APPS ON MOBILE DEVICES.
DUAL WORLD TOURISM SHOPPING
Aim: How can using basic shapes help my drawing?.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Main characteristics of Vector graphics  Vector graphics provide an elegant way of constructing digital images (diagrams, technical illustration and.
Common Core Math 7, 8 Adv. May 6, 2016 Sauer
1 Chapter 13: Class Diagram Chapter 19 in Applying UML and Patterns Book.
Lecture 6: Thread Safe Event services and Coordinate System CSS290: APPS ON MOBILE DEVICES.
Student 365 Lookup Directions
CompSci 280 S Introduction to Software Development
Comparing and Ordering Decimals
Hackafe Plovdiv An IT NGO.
Canvas and Arrays in Apps
CS320n – Elements of Visual Programming
Introduction to Event-Driven Programming
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
The Web Wizard’s Guide To DHTML and CSS
Adding and subtracting decimals
Lesson 1: Buttons and Events – 12/18
Explaining the Periodic Table
Addition Grids.
Morphological Image Processing
Flooding © 2018.
Exam1 Review CSE113 B.Ramamurthy 11/29/2018 B.Ramamurthy.
Chapter 5 Image Restoration.
Chapter 10 Image Segmentation.
Student 365 Lookup Directions
Starter ‘What is the difference between 2D and 3D?
Darkened picture background with full-color circle (Intermediate)
Rargh! Click on a number below to see how to write it.
Graphing Using x and y Intercepts
Comparing and Ordering Decimals
May 14, 2015 Ferris Wheel 3-D transition effect and pictures (Basic)
Floating and Positioning
Creating Animated Apps: Canvas與ImageSprite 靜宜大學資管系 楊子青
Color Image Processing
Rargh! Click on a number below to see how to write it.
Steps on the Digital Journey
Exam1 Review CSE113 B.Ramamurthy 4/17/2019 B.Ramamurthy.
Chapter 5 Stack (part 1).
Determining the Function Obtained from a Series of Transformations.
Darkened picture background with full-color circle (Intermediate)
Reference Angles.
Gal Bar Adi Haviv Yuval Kesten
UI Elements 2.
Presentation transcript:

CSS290: Apps on Mobile Devices Lecture 5: Drawing Primitives and Cooridnate

Today: Concepts Reading: Chapter 13 Primitives for Drawing Attributes: Fill, Edge (Stroke) Transformation of primitives Image and Primitives Event Driven and Drawing: Interactive controlling of primitives Dynamic creation of drawing primitives Grouping of Primitives For Fun Accelerometer

Notes GUI Element Offsets: reset all to zero IsHitTestVisible Must add to Panel.Children! All reference position is top-left corner Y-axis does downwards Z-index

References More on Tasks (with return value) and Launchers (start an App): http://msdn.microsoft.com/en-us/library/ff428753%28v=VS.92%29.aspx