Announcements
Quiz Today
Check class announcements daily
You must implement programming projects by yourself
Reference:
CSS Cookbook by Christopher Schmitt
○ISBN-13: 978-0-596-52741-9
http://www.oreilly.com/catalog/cssckbk2/
1
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Guidelines and tips
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Graphics in JavaScript - Project #6 | CMSC 122, Study notes of Computer Science
Material Type: Notes; Professor: Padua-Perez; Class: INTRO COMP PROG VIA WEB; Subject: Computer Science; University: University of Maryland; Term: Spring 2009;
Typology: Study notes
Pre 2010
1 / 8
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download Graphics in JavaScript - Project #6 | CMSC 122 and more Study notes Computer Science in PDF only on Docsity!
Announcements
Quiz Today
Check class announcements daily
You must implement programming projects by yourself
Reference:
CSS Cookbook by Christopher Schmitt ○ ISBN-13: 978-0-596-52741- http://www.oreilly.com/catalog/cssckbk2/
Project
Let’s talk about some parts of this project
Graphics in JavaScript ()
new html which can be used to: Draw graphics Make photo compositions Perform Animations http://developer.mozilla.org/en/docs/HTML:Canvas Originally introduced by Apple Safari, Opera 9, and Firefox supports the canvas tag. Examples: http://developer.mozilla.org/en/docs/Drawing_Graphics_with_Canvas#A_Simple_Exa mple Path Example http://developer.mozilla.org/en/docs/Drawing_Graphics_with_Canvas#Using_Paths Canvas Painter http://caimansys.com/painter/index.html 3D Demo http://www.tapper-ware.net/canvas3d/
Rounding Corners with JavaScript
Alternative I: Using Nifty Corners Cube by Alessandro Fulciniti http://www.html.it/articoli/niftycube/index.html Alternative II: http://www.netzgesta.de/corner/ Read license before using
REFLECTION ON IMAGES USING JAVASCRIPT
Using Reflection.js at: http://cow.neondragon.net/stuff/reflection/ Usage: Add to the header section (where reflectionJS is the folder with reflection.js)
Add class to element you want to reflect. For example:
rheightNN – NN (% image’s height used for the reflection’s height) ropacityNN – NN (% of the transparency of the reflected image) Example: reflection.html, reflection.css
Applications We Can Develop
Sudoku validator
How can we implement such a validator?
Tic Tac Toe game
Batttleship game
Crossword