mith College Computer Science Week 10 CSC111 Spring 2015 Dominique Thiébaut
|
|
|
- Austen Banks
- 5 years ago
- Views:
Transcription
1 mith College Computer Science Week 10 CSC111 Spring 2015 Dominique Thiébaut
2 Next Few Lectures Image Processing with Nested For-Loops Lists can be Used to Solve Many Problems (Chap. 11) Class Inheritance
3 Image Geometry & Coordinate System Scanning Images using Nested For-Loops Sweep How RGB Works Python Code for Image Processing Demo
4 Image Processing
5 Different image types: jpg, png, gif, eps, svg, tiff, etc. Zelle graphics.py library compatible with gif images only. Jpg and png files can be converted to gif using Web services (e.g.
6 Image Geometry width height 309 pixels 163 pixels ~50K pixels
7 Image Geometry width height pixels 163 pixels ~50K pixels
8 Image Geometry , 4 308, , 162
9 Image Geometry & Coordinate System Scanning Images using Nested For-Loops Sweep How RGB Works Python Code for Image Processing Demo
10 Change all the pixels to red
11 WIDTH = 8 HEIGHT = 5 for x in range( WIDTH ): for y in range( HEIGHT ): makepixelred( x, y )
12 WIDTH = 8 HEIGHT = 5 (Use numbers: easier to understand) for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
13 WIDTH = 8 HEIGHT = 5 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
14 WIDTH = 8 HEIGHT = 5 x=0 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
15 WIDTH = 8 HEIGHT = 5 x=0 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
16 WIDTH = 8 HEIGHT = 5 x=0 y=0 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
17 WIDTH = 8 HEIGHT = 5 x=0 y=0 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
18 WIDTH = 8 HEIGHT = 5 x=0 y=0 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
19 WIDTH = 8 HEIGHT = 5 x=0 y=1 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
20 WIDTH = 8 HEIGHT = 5 x=0 y=1 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
21 WIDTH = 8 HEIGHT = 5 x=0 y=2 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
22 WIDTH = 8 HEIGHT = 5 x=0 y=2 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
23 WIDTH = 8 HEIGHT = 5 x=0 y=3 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
24 WIDTH = 8 HEIGHT = 5 x=0 y=3 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
25 WIDTH = 8 HEIGHT = 5 x=0 y=4 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
26 WIDTH = 8 HEIGHT = 5 x=0 y=4 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
27 WIDTH = 8 HEIGHT = 5 x=0 y= for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
28 WIDTH = 8 HEIGHT = 5 x=1 y= for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
29 WIDTH = 8 HEIGHT = 5 x=1 y=0 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
30 WIDTH = 8 HEIGHT = 5 x=1 y=0 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
31 WIDTH = 8 HEIGHT = 5 x=1 y=01234 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
32 WIDTH = 8 HEIGHT = 5 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
33 WIDTH = 8 HEIGHT = 5 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
34 WIDTH = 8 HEIGHT = 5 for x in range( 8 ): for y in range( 5 ): makepixelred( x, y )
35 Switching the Loops
36 WIDTH = 8 HEIGHT = 5 for y in range( 5 ): for x in range( 8 ): makepixelred( x, y )
37 WIDTH = 8 HEIGHT = 5 for y in range( 5 ): for x in range( 8 ): makepixelred( x, y )
38 WIDTH = 8 HEIGHT = 5 y=0 x=0 for y in range( 5 ): for x in range( 8 ): makepixelred( x, y )
39 WIDTH = 8 HEIGHT = 5 y=0 x= for y in range( 5 ): for x in range( 8 ): makepixelred( x, y )
40 WIDTH = 8 HEIGHT = 5 for y in range( 5 ): for x in range( 8 ): makepixelred( x, y )
41 WIDTH = 8 HEIGHT = 5 for y in range( 5 ): for x in range( 8 ): makepixelred( x, y )
42 Image Geometry & Coordinate System Scanning Images using Nested For-Loops Sweep How RGB Works Python Code for Image Processing Demo
43 sweep WIDTH = 8 HEIGHT = 5 for y in range( 5 ): for x in range( 8 ): makepixelred( x, y )
44 sweep? WIDTH = 8 HEIGHT = 5 for y in range(? ): for x in range(? ): makepixelred( x, y )
45 sweep! WIDTH = 8 HEIGHT = 5 for y in range( 4, -1, -1 ): for x in range( 8 ): makepixelred( x, y )
46 Image Geometry & Coordinate System Scanning Images using Nested For-Loops Sweep How RGB Works Python Code for Image Processing Demo
47 How RGB Works pixel
48 How RGB Works Red Green Blue pixel RGB System
49 How RGB Works Red Green Blue pixel RGB System
50 How RGB Works Red Green Blue pixel RGB System
51 How RGB Works Red Green Blue pixel RGB System
52 How RGB Works Red Green Blue pixel RGB System
53 How RGB Works Red Green Blue pixel RGB System
54 How RGB Works Red Green Blue pixel RGB System
55 How RGB Works Red Green Blue pixel RGB System
56 How RGB Works Red Green Blue pixel RGB System
57 How RGB Works Red Green Blue red, green, blue = cat.getpixel( x, y ) pixel at x, y
58 How RGB Works Red Green Blue # create color red color = color_rgb( 255, 0, 0 ) # set pixel at x, y to red cat.setpixel( x, y, color ) pixel at x, y
59 How RGB Works Red Green Blue # create color red color = color_rgb( 255, 0, 0 ) # set pixel at x, y to red cat.setpixel( x, y, color ) pixel at x, y
60 Why 255?
61 binary decimal 1 bit
62 binary decimal 2 bits = 4
63 binary decimal 3 bits = 8
64 binary decimal 4 bits =
65 binary decimal 8 bits = byte = 256
66 binary decimal 8 bits = byte Red Green Blue pixel = 3 bytes
67 binary decimal 8 bits = byte Red Green Blue pixel = 3 bytes 256 x 256 x 256 = 16,777,216 colors
68 Special Colors Red Green Blue Red Green Blue Red Green Blue
69 Image Geometry & Coordinate System Scanning Images using Nested For-Loops Sweep How RGB Works Python Code for Image Processing Demo
70 Zelle's Graphics Library and Images
71 Drawing an Image
72 Processing Pixels of an Image
73 Demo Time!
74 Transformations to Try Modify RED component Saturate Draw a horizontal line (beginning of a border)
75 We stopped here last time
76 Mirroring an Image Displaying a Checker Board 8x8 Grid Alternating Colors Creating a Class for a Checkers Piece Using a Gif Image for a Piece
77 Transformations to Try Mirror top half of cat image
78 418 x=398, y=0 x=398, y=417
79 418 x=398, y=0 x=398, y=1 x=398, y=416 x=398, y=417
80 x=398, y=0 x=398, y=1 418 x=398, y=208 x=398, y=209 x=398, y=416 x=398, y=417
81 x=398, y=0 x=398, y=1 418 x=398, y=208 x=398, y=209 x=398, y=416 x=398, y=417 Observation 1: y_source + y_destination = 417, always
82 x=398, y=0 x=398, y=1 418 x=398, y=208 x=398, y=209 Observation 2: 417 = image height - 1 x=398, y=416 x=398, y=417
83 Mirroring an Image Displaying a Checker Board 8x8 Grid Alternating Colors Creating a Class for a Checkers Piece Using a Gif Image for a Piece
84 Graphic Problem of the Day: Playing Checkers Image credit:
85 Problems to Solve: Display 8x8 board with alternating colors Generate the graphics for a piece (white and black circular shapes) Display the board with the black and white pieces Spiffy it up with real images
86 Display 8x8 Board
87 i= j= px side = 600/8 =75 px
88 i= j= p1 p2 600px side = 600/8 =75 px
89 i= j= p1 p2 # i is 0, j is 0 p1 = Point(?,? ) p2 = Point(?,? ) rect = Rectangle( p1, p2 ) rect.setfill( green ) rect.draw( win ) px side = 600/8 =75 px
90 i= j= p1 p2 # i is 1, j is 2 p1 = Point(?,? ) p2 = Point(?,? ) rect = Rectangle( p1, p2 ) rect.setfill( green ) rect.draw( win ) px side = 600/8 =75 px
91 i= j= p1 p2 # i is 1, j is 2 x = i * side y = j * side p1 = Point( x, y ) p2 = Point( x+side, y+side ) rect = Rectangle( p1, p2 ) rect.setfill( green ) rect.draw( win ) 7 600px side = 600/8 =75 px
92 i= j= p1 p2 for i in range( 8 ): for j in range( 8 ): x = i * side y = j * side p1 = Point( x, y ) p2 = Point( x+side, y+side ) rect = Rectangle( p1, p2 ) rect.setfill( green ) rect.draw( win ) 7 600px side = 600/8 =75 px
93 i= j= p1 p2 for i in range( 8 ): for j in range( 8 ): x = i * side y = j * side p1 = Point( x, y ) p2 = Point( x+side, y+side ) rect = Rectangle( p1, p2 ) rect.setfill( green ) rect.draw( win ) 7 600px side = 600/8 =75 px For fun, replace with: color_rgb( i*j, 255-i*j, (i+j)*10 )
94 Mirroring an Image Displaying a Checker Board 8x8 Grid Alternating Colors Creating a Class for a Checkers Piece Using a Gif Image for a Piece
95 Alternating Black and White Cells i - j
96 Alternating Black and White Cells i - j
97 Mirroring an Image Displaying a Checker Board 8x8 Grid Alternating Colors Creating a Class for a Checkers Piece Using a Gif Image for a Piece
98 Checkers on Board
99 Checkers on Board
100 Mirroring an Image Displaying a Checker Board 8x8 Grid Alternating Colors Creating a Class for a Checkers Piece Using a Gif Image for a Piece
101 Using an Image copy Resize Convert to gif
102 Using an Image copy Resize Convert to gif?
103
104
105 We stopped here last time
106 Review Wheel, Car, Checkers Checkers: Animation Loop & Interactivity A Virtual Aquarium
107 Review Wheel & Car Classes
108 Review DisplayCheckers.py In Programs for Week 10 page
109 Review Wheel, Car, Checkers Checkers: Animation Loop & Interactivity A Virtual Aquarium
110 Building an Animation Loop Adding Interactivity
111 Removing Checkers with the Mouse
112 Moving Checkers with the Mouse
113 Virtual Aquarium
114
115
mith College Computer Science CSC103 How Computers Work Week 7 Fall 2017 Dominique Thiébaut
mith College Computer Science CSC103 How Computers Work Week 7 Fall 2017 Dominique Thiébaut dthiebaut@smith.edu Important Review Does the animation leave a trace? Are the moving objects move without a
mith College Computer Science CSC103 How Computers Work Week 6 Fall 2017 Dominique Thiébaut
mith College Computer Science CSC103 How Computers Work Week 6 Fall 2017 Dominique Thiébaut dthiebaut@smith.edu Ben Fry on Processing... http://www.youtube.com/watch?&v=z-g-cwdnudu An Example Mouse 2D
CSc 110, Autumn 2016 Lecture 7: Graphics. Adapted from slides by Marty Stepp and Stuart Reges
CSc 110, Autumn 2016 Lecture 7: Graphics Adapted from slides by Marty Stepp and Stuart Reges Graphical objects We will draw graphics in Python using a new kind of object: DrawingPanel: A window on the
mith College Computer Science Lecture Notes CSC111 Week 7 Spring 2018 Dominique Thiébaut
mith College Computer Science Lecture Notes Week 7 Spring 2018 CSC111 Dominique Thiébaut dthiebaut@smith.edu Midterm Grades available later today (3/19/18) Outline A Second Look at Files Reading Files
Exercise 1: Short Answers
MIT AITI Python Software Development Lab 06: Object-Oriented Programming Exercise 1: Short Answers 1. What is the difference between a local variable and an object s attribute? 2. What method is called
mith College Computer Science Week 7 CSC111 Fall 2015 Dominique Thiébaut
mith College Computer Science Week 7 CSC111 Fall 2015 Dominique Thiébaut dthiebaut@smith.edu Dynamic Web Page Example IF Statements & Boolean Expression An Application: Generating Dynamic Web Pages Introduction
Turn in a printout of your code exercises stapled to your answers to the written exercises by 2:10 PM on Tuesday, January 18th.
6.189 Homework 4 Readings How To Think Like A Computer Scientist: Wednesday: Make sure you ve finished Chapters 12-14 (all), & Chapter 16 (all); Thursday - get all readings finished! What to turn in Turn
mith College Computer Science Digitizing Smith A Liberal Arts Module Week 11 CSC111 - Fall 2015 Dominique Thiébaut
mith College Computer Science Digitizing Smith A Liberal Arts Module Week 11 CSC111 - Fall 2015 Dominique Thiébaut dthiebaut@smith.edu Summary Video Lecture by Prof. Helene Visentin LAM Project in 2 phases
Data Representation From 0s and 1s to images CPSC 101
Data Representation From 0s and 1s to images CPSC 101 Learning Goals After the Data Representation: Images unit, you will be able to: Recognize and translate between binary and decimal numbers Define bit,
Pick a number. Conditionals. Boolean Logic Relational Expressions Logical Operators Numerical Representation Binary. CS Conditionals 1
Conditionals Boolean Logic Relational Expressions Logical Operators Numerical Representation Binary CS105 04 Conditionals 1 Pick a number CS105 04 Conditionals 2 Boolean Expressions An expression that
Create Sponsor Scroll
Appendix B Create Sponsor Scroll TABLE OF CONTENTS... 1 CREATE, ANIMATE AND UPLOAD SPONSOR LOGOS Create... 2 Animate... 5 Upload... 6 Please note, this process requires two different programs, which should
mith College Computer Science Week 12 CSC111 Spring 2018 Dominique Thiébaut
mith College Computer Science Week 12 CSC111 Spring 2018 Dominique Thiébaut dthiebaut@smith.edu http://www.science.smith.edu/dftwiki/index.php/ Nice_Wrapping_Paper... Polymorphism Dictionaries & Recursion
1. What is the difference between a local variable and an object s attribute?
6.189 Day 7 Name: Readings How To Think Like A Computer Scientist, chapters 12, 13 and 14. Exercise 7.1 Short Answers 1. What is the difference between a local variable and an object s attribute? 2. What
With the help of Adobe and a dash of creativity, we can create all kinds of fun things just using the shapes found in our tool box.
You Are the Bomb! digitalscrapper.com /blog/bomb/ You Are the Bomb! by Nannette Dalton With the help of Adobe and a dash of creativity, we can create all kinds of fun things just using the shapes found
An Introduction to Processing
An Introduction to Processing Creating static drawings Produced by: Mairead Meagher Dr. Siobhán Drohan Department of Computing and Mathematics http://www.wit.ie/ Topics list Coordinate System in Computing.
EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE IMAGE EDITING
EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE IMAGE EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: +
Customisation and production of Badges. Getting started with I-Color System Basic Light
Customisation and production of Badges Getting started with I-Color System Basic Light Table of contents 1 Creating a Badge Model 1.1 Configuration of Badge Format 1.2 Designing your Badge Model 1.2.1
CSc 110, Spring 2018 Lecture 9: Parameters, Graphics and Random. Adapted from slides by Marty Stepp and Stuart Reges
CSc 110, Spring 2018 Lecture 9: Parameters, Graphics and Random Adapted from slides by Marty Stepp and Stuart Reges Exercise: multiple parameters def main(): print_number(4, 9) print_number(17, 6) print_number(8,
1. Complete these exercises to practice creating user functions in small sketches.
Lab 6 Due: Fri, Nov 4, 9 AM Consult the Standard Lab Instructions on LEARN for explanations of Lab Days ( D1, D2, D3 ), the Processing Language and IDE, and Saving and Submitting. Rules: Do not use the
Presenta(on Tools Adobe Illustrator. November 6, 2017
Presenta(on Tools Adobe Illustrator November 6, 2017 Today s Lab Adobe Illustrator on Macs in 345 Need to stagger afendance 5 students from 2 3:30 5 students from 3:30 5 Graphics SoNware Computer sonware
GIMP WEB 2.0 BUTTONS
GIMP WEB 2.0 BUTTONS Web 2.0 Navigation: Bar with Icons WEB 2.0 NAVIGATION: NAVIGATION BAR WITH ICONS This navigation bar will be designed with four clickable text links and icon links. In the Menus section,
CS 160: Lecture 10. Professor John Canny Spring 2004 Feb 25 2/25/2004 1
CS 160: Lecture 10 Professor John Canny Spring 2004 Feb 25 2/25/2004 1 Administrivia In-class midterm on Friday * Closed book (no calcs or laptops) * Material up to last Friday Lo-Fi Prototype assignment
Standard File Formats
Standard File Formats Introduction:... 2 Text: TXT and RTF... 4 Grapics: BMP, GIF, JPG and PNG... 5 Audio: WAV and MP3... 8 Video: AVI and MPG... 11 Page 1 Introduction You can store many different types
CS177 Recitation. Graphics. Python Programming, 2/e 1
CS177 Recitation Graphics Python Programming, 2/e 1 Objectives To be familiar with the various graphic objects available in the graphics library. To understand the fundamental concepts of computer graphics,
Adobe Photoshop Elements 2.0 Lessons for Educators
Adobe Photoshop Elements 2.0 Lessons for Educators April Fool s Day Project Adobe Education April Fool s Day Project This project takes advantage of many of the tools in the Adobe Photoshop Elements toolbox
mith College Computer Science Week 13 CSC111 Spring 2018 Dominique Thiébaut
mith College Computer Science Week 13 CSC111 Spring 2018 Dominique Thiébaut dthiebaut@smith.edu Recursion Continued Visiting a Maze Start Exit How do we represent a maze in Python? mazetext = """ #########################...#
mith College CSC 111 Introduction to Computer Science Spring 2018 Week 2 Dominique Thiébaut
mith College Computer Science CSC 111 Introduction to Computer Science Spring 2018 Week 2 Dominique Thiébaut dthiebaut@smith.edu Outline Moodle Access Piazza Homework partners Loops + range() Input Programming
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
im2graph comes in two versions: a Free version and a Premium version.
Im2graph User s Manual Shai Vaingast, http://www.im2graph.co.il, shai@im2graph.co.il December 25 th, 2016 Version 1.21 About im2graph im2graph is a digitizing software that converts graph-images to graph-data,
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
Step 1: Create A New Photoshop Document
Snowflakes Photo Border In this Photoshop tutorial, we ll learn how to create a simple snowflakes photo border, which can be a fun finishing touch for photos of family and friends during the holidays,
Building Java Programs
Building Java Programs Graphics Reading: Supplement 3G Objects (briefly) object: An entity that contains data and behavior. data: variables inside the object behavior: methods inside the object You interact
Getting Started with the new GIS Map Service Overview:
Getting Started with the new GIS Map Service Overview: 1. Layer List Widget Shows all available layers. This widget will be open by default. 2. Legend Widget Gives symbology information for all visible
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
Animation & Rendering
7M836 Animation & Rendering Introduction, color, raster graphics, modeling, transformations Arjan Kok, Kees Huizing, Huub van de Wetering h.v.d.wetering@tue.nl 1 Purpose Understand 3D computer graphics
ITP 101 Project 2 - Photoshop
ITP 101 Project 2 - Photoshop Project Objectives Learn how to use an image editing application to create digital images. We will use Adobe Photoshop for this project. Project Details To continue the development
CpSc 101, Fall 2015 Lab7: Image File Creation
CpSc 101, Fall 2015 Lab7: Image File Creation Goals Construct a C language program that will produce images of the flags of Poland, Netherland, and Italy. Image files Images (e.g. digital photos) consist
ABB PowerPoint template User s Guide
Corporate Communications February 2006 ABB PowerPoint template User s Guide ABB Group -1- ABB PowerPoint template User s Guide Table of Contents pg 3 The ABB PowerPoint template pg 7 Minimizing overall
Unit 2 Digital Information. Chapter 1 Study Guide
Unit 2 Digital Information Chapter 1 Study Guide 2.5 Wrap Up Other file formats Other file formats you may have encountered or heard of include:.doc,.docx,.pdf,.mp4,.mov The file extension you often see
IMAGE COMPRESSION USING FOURIER TRANSFORMS
IMAGE COMPRESSION USING FOURIER TRANSFORMS Kevin Cherry May 2, 2008 Math 4325 Compression is a technique for storing files in less space than would normally be required. This in general, has two major
Drawing a Circle. 78 Chapter 5. geometry.pyde. def setup(): size(600,600) def draw(): ellipse(200,100,20,20) Listing 5-1: Drawing a circle
5 Transforming Shapes with Geometry In the teahouse one day Nasrudin announced he was selling his house. When the other patrons asked him to describe it, he brought out a brick. It s just a collection
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
Captain America Shield
Captain America Shield 1. Create a New Document and Set Up a Grid Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 600 in the width and height boxes then click
THE JAVASCRIPT ARTIST 15/10/2016
THE JAVASCRIPT ARTIST 15/10/2016 Objectives Learn how to program with JavaScript in a fun way! Understand the basic blocks of what makes a program. Make you confident to explore more complex features of
Check your document s safe margin, bleeds and trim marks before uploading.
TAKE A SECOND LOOK AT YOUR DOCUMENT. A CLOSER LOOK. Check your document s safe margin, bleeds and trim marks before uploading. Please note: Business cards have been used as an example throughout the PDF
Graphics Overview ECE2893. Lecture 19. ECE2893 Graphics Overview Spring / 15
Graphics Overview ECE2893 Lecture 19 ECE2893 Graphics Overview Spring 2011 1 / 15 Graphical Displays 1 Virtually all modern computers use a full color Graphical Display device. 2 It displays images, text,
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
Adding CSS to your HTML
Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,
CS 100 Spring Lecture Notes 3/8/05 Review for Exam 2
CS 100 Spring 2005 Lecture Notes 3/8/05 Review for Exam 2 The second exam is Thursday, March 10. It will cover topics from Homework 2 through Homework 4, including anything pertaining to binary representation.
Using Microsoft Word. Working With Objects
Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects
What is the Box Model?
CSS Box Model What is the Box Model? The box model is a tool we use to understand how our content will be displayed on a web page. Each HTML element appearing on our page takes up a "box" or "container"
Kimberly Nguyen Professor Oliehoek Introduction to Programming 8 September 2013
1. A first program // Create 200x200 canvas // Print favorite quote size(200, 200); println("it is what it is"); // Draw rectangle and a line rect(100,100,50,50); line(0,0,50,50); // Save as.pde. Can be
How to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements?
BASIC GAUGE CREATION The Video VBox setup software is capable of using many different image formats for gauge backgrounds, static images, or logos, including Bitmaps, JPEGs, or PNG s. When the software
Roll No. : Invigilator's Signature :.. GRAPHICS AND MULTIMEDIA. Time Allotted : 3 Hours Full Marks : 70
Name : Roll No. : Invigilator's Signature :.. CS/MCA/SEM-4/MCA-402/2012 2012 GRAPHICS AND MULTIMEDIA Time Allotted : 3 Hours Full Marks : 70 The figures in the margin indicate full marks. Candidates are
Introduction to Programming Using Python Lecture 6. Dr. Zhang COSC 1437 Spring, 2018 March 01, 2018
Introduction to Programming Using Python Lecture 6 Dr. Zhang COSC 1437 Spring, 2018 March 01, 2018 Chapter 9 GUI Programming Using Tkinter Getting started with Tkinter with a simple example. Code example:
HC series full-color controller instruction manual
HC series full-color controller instruction manual New Wing HC series controller is a efficient and high performance-cost ratio LED full-color control card,use a USB-drive for program upload, Support for
Introduction to Computer Science (I1100) Data Storage
Data Storage 145 Data types Data comes in different forms Data Numbers Text Audio Images Video 146 Data inside the computer All data types are transformed into a uniform representation when they are stored
Building Java Programs
Building Java Programs Graphics reading: Supplement 3G videos: Ch. 3G #1-2 Objects (briefly) object: An entity that contains data and behavior. data: Variables inside the object. behavior: Methods inside
Gallery of Transition Effects. Transition Effects Dissolves Wipes Digital Video Effects
C Gallery of Transition Effects Transition Effects...................................... 608 Dissolves.......................................... 608 Wipes............................................. 610
CISC 1600, Lab 3.1: Processing
CISC 1600, Lab 3.1: Processing Prof Michael Mandel 1 Getting set up For this lab, we will be using OpenProcessing, a site for building processing sketches online using processing.js. 1.1. Go to https://www.openprocessing.org/class/57767/
8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Horizontal Rule Element
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 4 Visual Elements and Graphics Learning Objectives (1 of 2) 4.1 Create and format lines and borders on web pages 4.2 Apply the image
Server-Side Graphics
Server-Side Graphics SET09103 Advanced Web Technologies School of Computing Napier University, Edinburgh, UK Module Leader: Uta Priss 2008 Copyright Napier University Graphics Slide 1/16 Outline Graphics
Spring Semester Study Guide
Spring Semester Study Guide 1. When you create a table in Datasheet view, Access automatically adds a field called ID as the first field in the table. 2. To undo the most recent change to a table structure,
ClipArt and Image Files
ClipArt and Image Files Chapter 4 Adding pictures and graphics to our document not only breaks the monotony of text it can help convey the message quickly. Objectives In this section you will learn how
1/27/2013. Outline. Adding images to your site. Images and Objects INTRODUCTION TO WEB DEVELOPMENT AND HTML
Outline INTRODUCTION TO WEB DEVELOPMENT AND HTML Images and Objects: Adding images to your site Adding Objects with Using Images as Links Image Maps Exercise Lecture 05 - Spring 2013 Adding images
Computer Graphics 1. Chapter 2 (May 19th, 2011, 2-4pm): 3D Modeling. LMU München Medieninformatik Andreas Butz Computergraphik 1 SS2011
Computer Graphics 1 Chapter 2 (May 19th, 2011, 2-4pm): 3D Modeling 1 The 3D rendering pipeline (our version for this class) 3D models in model coordinates 3D models in world coordinates 2D Polygons in
Building Java Programs
Building Java Programs Graphics reading: Supplement 3G videos: Ch. 3G #1-2 Objects (briefly) object: An entity that contains data and behavior. data: variables inside the object behavior: methods inside
MS Word 2007: Graphics. Lesson Notes Author: Pamela Schmidt. The Drawing Tools Format Ribbon appears when the object is selected.
AutoShapes MS Word 2007: Graphics Lesson Notes Author: Pamela Schmidt To insert a shape, on the Insert Ribbon choose the Shapes control. When a shape tool is selected, a cross hair will appear when the
CISC 1600, Lab 2.1: Processing
CISC 1600, Lab 2.1: Processing Prof Michael Mandel 1 Getting set up For this lab, we will be using Sketchpad, a site for building processing sketches online using processing.js. 1.1. Go to http://cisc1600.sketchpad.cc
MIDIPoet -- User's Manual Eugenio Tisselli
MIDIPoet -- User's Manual 1999-2007 Eugenio Tisselli http://www.motorhueso.net 1 Introduction MIDIPoet is a software tool that allows the manipulation of text and image on a computer in real-time. It has
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
Microsoft Word
OBJECTS: Shapes (part 1) Shapes and the Drawing Tools Basic shapes can be used to graphically represent information or categories. The NOTE: Please read the Objects (add-on) document before continuing.
A Step-by-step guide to creating a Professional PowerPoint Presentation
Quick introduction to Microsoft PowerPoint A Step-by-step guide to creating a Professional PowerPoint Presentation Created by Cruse Control creative services Tel +44 (0) 1923 842 295 training@crusecontrol.com
MS Publisher 2007: Graphics. Lesson Notes Author: Pamela Schmidt
MS Publisher 2007: Graphics Lesson Notes Author: Pamela Schmidt Auto Shapes When a shape tool is selected, a precision pointer (cross hair) will appear when the mouse pointer is taken over the document.
Using Masks for Illustration Effects
These instructions were written for Photoshop CS4 but things should work the same or similarly in most recent versions Photoshop. 1. To download the files you ll use in this exercise please visit: http:///goodies.html
MICROSOFT EXCEL BIS 202. Lesson 1. Prepared By: Amna Alshurooqi Hajar Alshurooqi
MICROSOFT EXCEL Prepared By: Amna Alshurooqi Hajar Alshurooqi Lesson 1 BIS 202 1. INTRODUCTION Microsoft Excel is a spreadsheet application used to perform financial calculations, statistical analysis,
Lecture Week 4. Images
Lecture Week 4 Images Images can be used: As a backdrop behind text to create a pictorial framework for the text. As a background for the content. As an icon to represent options that can be selected.
Decorating with CSS. Cool Ways to Make Things Pretty. R. Scott Granneman. Jans Carton
Decorating with CSS Cool Ways to Make Things Pretty R. Scott Granneman Jans Carton 1.4 2013 R. Scott Granneman Last updated 2015-01-14 You are free to use this work, with certain restrictions. For full
Converting Your PDFs to Excel
Converting Your PDFs to Excel Easy 3-Step Guide STEP 1: OPEN YOUR PDF Select the Open... command from the File menu. STEP 3: CONVERTING TO EXCEL After selecting, you are ready for conversion. For conversions
PyGame Unit ?
PyGame Unit 1 1.1 1.? 1.1 Introduction to PyGame Text Book for Python Module Making Games With Python and PyGame By Al Swiegert Easily found on the Internet: http://inventwithpython.com/pygame/chapters
Manual Bitmap Fixture v
Manual Bitmap Fixture v3.2.2.3 Paderborn, 25/05/2016 Contact: tech.support@malighting.com 1 Bitmap Fixture The MA Lighting Bitmap fixture replaces the previous bitmap effects. The bitmap fixture is a virtual
Content provided in partnership with Macromedia Press, from the book Macromedia Flash MX: Training from the Source by Chrissy Reyà Ã
8VLQJV\PEROVDQGWKHOLEUDU\ Content provided in partnership with Macromedia Press, from the book Macromedia Flash MX: Training from the Source by Chrissy Reyà à In this sample chapter, you ll learn to use
Programming Fundamentals
Programming Fundamentals Lecture 03 Introduction to Löve 2D Edirlei Soares de Lima Computer Graphics Concepts What is a pixel? In digital imaging, a pixel is a single
2. If a window pops up that asks if you want to customize your color settings, click No.
Practice Activity: Adobe Photoshop 7.0 ATTENTION! Before doing this practice activity you must have all of the following materials saved to your USB: runningshoe.gif basketballshoe.gif soccershoe.gif baseballshoe.gif
Exploring Microsoft Office Word 2007
Exploring Microsoft Office Word 2007 Chapter 3: Enhancing a Document Robert Grauer, Keith Mulbery, Michelle Hulett Objectives Insert a table Format a table Sort and apply formulas to table data Convert
Mac. Logo Guidelines March 2018
Mac Logo Guidelines March 2018 Contents Overview 3 Basics 4 Graphic Standards 5 Using the Mac Logo 6 Avoid Mistakes 7 Legal Requirements 8 2 Overview These guidelines explain the correct use of the Mac
mith College Computer Science Week 13 CSC111 Fall 2015 (Lab 12, Homework 12) Dominique Thiébaut
mith College Computer Science Week 13 CSC111 Fall 2015 (Lab 12, Homework 12) Dominique Thiébaut dthiebaut@smith.edu This Week: Two Concepts Lists of Lists Class Inheritance Lists of Lists (Chapter 11 Designing
Shape Cluster Photo Written by Steve Patterson
Shape Cluster Photo Written by Steve Patterson Before After Step 1: Create A New Document Let's begin by creating a new Photoshop document. Go up to the File menu in the Menu Bar along the top of the screen
GraffixPro Studio TM Software Version 2.0 Release Notes
GraffixPro Studio TM Software Version 2.0 Release Notes February 2013 2 NEW TO GRAFFIXPRO STUDIO TM SOFTWARE VERSION 2.0: The following is a brief description of the features and functionality that are
Using Graphics. Digital Camera. Auto Shapes
AutoShape Using Graphics Internet The following graphic elements are available to enhance your presentation Clip Art AutoShapes Fill effects Shadow effects 3D effects Digital Camera WordArt Digital Camera
3D Modeling and Design Glossary - Beginner
3D Modeling and Design Glossary - Beginner Align: to place or arrange (things) in a straight line. To use the Align tool, select at least two objects by Shift left-clicking on them or by dragging a box
Tutorial 1 Engraved Brass Plate R
Getting Started With Tutorial 1 Engraved Brass Plate R4-090123 Table of Contents What is V-Carving?... 2 What the software allows you to do... 3 What file formats can be used?... 3 Getting Help... 3 Overview
In this lecture we will briefly examine a few new controls, introduce the concept of scope, random numbers, and drawing simple graphics.
Additional Controls, Scope, Random Numbers, and Graphics CS109 In this lecture we will briefly examine a few new controls, introduce the concept of scope, random numbers, and drawing simple graphics. Combo
To specify the dimensions of the drawing canvas use the size statement: ! size( 300, 400 );
Study Guide We have examined three main topics: drawing static pictures, drawing simple moving pictures, and manipulating images. The Final Exam will be concerned with each of these three topics. Each
COMP519: Web Programming Lecture 4: HTML (Part 3)
COMP519: Web Programming Lecture 4: HTML (Part 3) Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University of Liverpool Contents 1 HTML
mith College Computer Science Week 9 CSC111 - Fall 2018 Dominique Thiébaut
mith College Computer Science Week 9 CSC111 - Fall 2018 Dominique Thiébaut dthiebaut@smith.edu Dealing with Exceptions (Chapter 7.4) Defining Classes (Chapter 10) # getinput: returns an integer larger
This section provides an overview of the features available within the Standard, Align, and Text Toolbars.
Using Toolbars Overview This section provides an overview of the features available within the Standard, Align, and Text Toolbars. Using toolbar icons is a convenient way to add and adjust label objects.
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
There s already a ton of code written called libraries that we can use by importing. One that we use often is random
There s already a ton of code written called libraries that we can use by importing. One that we use often is random import random print random.randint(2, 22) Random frequently used methods Name Use random.randint(a,
255, 255, 0 0, 255, 255 XHTML:
Colour Concepts How Colours are Displayed FIG-5.1 Have you looked closely at your television screen recently? It's in full colour, showing every colour and shade that your eye is capable of seeing. And