Programming games Show your virtual somethings. Demonstrate Hangman and Black Jack. Show credit card (or other form input & calculation) Homework: [Complete.

Slides:



Advertisements
Similar presentations
Games in Python – the easy way
Advertisements

Create a Simple Game in Scratch
Change font face Change font size Align left.
Create a Simple Game in Scratch
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 4 Key Concepts 1 Copyright © Terry Felke-Morris.
Cascading Style Sheets By: Valerie Kuna. What are Cascading Style Sheets? Cascading Style Sheets (CSS) are a standard for specifying the presentation.
Foundation Level Course
Programming games More drawing. Text. Radian measure. Faces. Homework: Do your own drawings. Create index.html file. Upload work.
Programming games Reprise on dice game and alternative dice game Homework: [Catch up.]. Finish dice game.
CANVAS Fundamentals. What is Canvas? Canvas is a medium for oil painting. One of the earliest oils on canvas is a French Madonna from Canvas is.
Assignment 3 Business Stationery
Bayu Priyambadha, S.Kom. for long documents, you can even have links to other locations in that same document  … where ident is a variable for identifying.
Programming Games Computer science big ideas. Computer Science jargon. Show virtual dog Homework: [Catch up: dice game, credit card or other form.] Plan.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
UNIT 8 DRAWING WITH THE HTML5 CANVAS ELEMENTS AND FORMS.
Programming Games Review for midterm. Work session. Homework: Prepare for midterm.
Creating Web Documents: JavaScript, continued Tool reports Creating new windows Form input verification Homework: read about JavaScript, start planning.
CSS The Definitive Guide Chapter 8.  Allows one to define borders for  paragraphs  headings  divs  anchors  images  and more.
Creating User Interfaces Usability. Correspondences. HTML5: Dynamic creation of html; events. Planning & Usability Inspection. Form validation. Homework:
Word Tips. Objectives Open and close MS Word Learn the parts of the Word window Learn the toolbar, their buttons, and what they do Create and save a new.
Brent M. Dingle, Ph.D Game Design and Development Program Mathematics, Statistics and Computer Science University of Wisconsin - Stout HTML5 – Canvas.
Programming Games Google Map API examples. CSS. Classwork/homework: Catch up. Upload work. Show your [more] complex Google Maps API example. Plan your.
Programming Games Simulated ballistic motion: cannon ball. Classwork: Final day for midterm project and all projects for first part of class. Homework:
Programming Games Show your simple video. More video examples. Audio. Classwork/Homework: Produce more complex video program.
Geometers Sketch pad. Step 1: Open Sketch pad Use this to select items Use this to draw a point Use this to draw a circle Use this to draw a line Use.
How To Use This Template The blank slide below will be your canvas for creating your very own custom header image! The slide has already been sized to.
How To Use This Template The blank slide below will be your canvas for creating your very own custom header image! The slide has already been sized to.
How To Use This Template The blank slide below will be your canvas for creating your very own custom header image! The slide has already been sized to.
Programming Games Show project. Refresher on coordinates. Scaling, translation. HTML5 logo. Refresher on animation. Bouncing ball. Homework: Do your own.
Programming games Flash drawing trick(s). Past due: Your completion of rock-paper-scissors) Classwork: Bouncing ball: read tutorial. Start coding.
Programming games Examples. Classwork: work and show something of your final project. Homework: (finish…)
Programming games Show your version of Bo the dog. Start cannonball Preview: video, audio work session (cannonball) Homework: Cannonball with ball in a.
Programming games Show shaking screen, quiz show. Calculations Homework: (Finish basic Javascript Projects) Make proposal. Work on project.
PowerPoint Practice Exercise 1 1.Save this file in your AV-TECH Folder as PowerPoint Practice Exercise 1. 2.Open this file in PowerPoint. 3.Edit each slide.
© Copyright 2012 by Pearson Education, Inc. All Rights Reserved. Chapter 9 GUI Programming Using Tkinter 1.
Advanced Web Development Instructor: Thomas Bombach.
Programming games Context of what we are doing. Drawing on canvas. Homework: [Complete coin toss examples.] Do your own drawings. Upload files to website.
Programming Games Logic. Slide show. Range input. Storage. Datatypes. Binary numbers. Homework: Catch up. This includes uploading projects to your server.
Programming Games Show your rock-paper-scissors. Demonstrate bouncing ball. Demonstrate and examine Bo the dog. Homework: Modify Bo to make your own.
Programming games Review concepts. Crooked coin toss. Drawing on canvas. Homework: Complete [static] drawings. Upload files to website.
Computer Science I Share plans for virtual something. Text. Show my virtual dog. Classwork: Plans for your virtual something. Homework: start implementation.
Computer Science I Assignments. Extra credit possibilities. Have a great break!
Programming Games Reprise: credit cards. Show video projects. Demonstrate Find Daniel and Virtual Dog. Homework: [Catch up.] Post proposal for your JavaScript.
Web111a_chapt04.ppt HTM: Section 4 Tables Table Types Text table elements Easy to use Use fixed-font text (font family monospace) Andale Mono Courier Monaco.
Home Learning Task 3 Complete the writing guide to create the text you are going to include in your brochure. You can add your own ideas that aren’t covered.
Internet & World Wide Web How to Program, 5/e.  JavaScript events  allow scripts to respond to user interactions and modify the page accordingly  Events.
Creating a Simple Game in Scratch Barb Ericson Georgia Tech May 2009.
Introduction to Programming the WWW I CMSC Summer 2004 Lecture 8.
Programming Games Reprise Credit Cards! Reprise Binary. Overall time limit, setTimeout Homework: [Show virtual something.] Make proposal as reply to my.
Programming games Show work on site. Work on slide show. Timed event for bouncing ball. Homework: [Finish slide show and upload to site.] Acquire a short.
HTML5 ProgLan HTML5 Making a Game on the Canvas Part 1.
Creating Web Documents CSS examples (do more later) Lab/Homework: Read chapters 15 & 16. Work on Project 3, do postings.
That Gauge is COOL! 
PYGAME.
Learn Animations in Fireworks
Programming Games Computer science big ideas and Computer Science jargon: review of things we have used in examples. Show virtual dog Homework: [Catch.
How To Use This Template
How To Use This Template
Do Now 1) t + 3 = – 2 2) 18 – 4v = 42.
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
How To Use This Template
Draw the balance scales shown below on a blank page after Page 105.
Context of what we are doing.
The Smooth Motion: Case Study in Algorithmic Solving
Programming games Share your plans for your virtual something.
Catchup. Work on project.
Programming Games Refresher on coordinates. Scaling, translation. HTML5 logo. Refresher on animation. Bouncing ball. Show project. Classwork/Homework:
How To Use This Template
Presentation transcript:

Programming games Show your virtual somethings. Demonstrate Hangman and Black Jack. Show credit card (or other form input & calculation) Homework: [Complete your virtual something.] Study midterm guide and come to class with questions.

Virtual dog: Discrete simulation Check and, possibly, change state at discrete intervals of time. Note: Can combine with event based programming –do actions, including checks, when events happen State can include: internal state variables, src settings for img on document, OR draw on canvas, change location of elements in the document. –more on this later

Discrete simulation Used for many things, including –Weather. What goes on each interval is solution of a small number (~6) equations involving 3-D grid of the world! –Traffic. –Medicine / biology –Manufacturing –….

One way of handling animated gifs stgif.html Notice check if the gif has been started already. The function setInterval returns a new number each time.

Hangman Combine dynamically created markup with drawings on canvas. External script file used to hold word list. html5/hangman3.htmlhttp://faculty.purchase.edu/jeanine.meyer/ html5/hangman3.html

function drawhead() { ctx.lineWidth = 3; ctx.strokeStyle = facecolor; ctx.save(); //before scaling of circle to be oval ctx.scale(.6,1); ctx.beginPath(); ctx.arc (bodycenterx/.6,80,10,0,Math.PI*2,fa lse); ctx.stroke(); ctx.closePath(); ctx.restore(); }

.letters {position:absolute;left: 0px; top: 0px; border: 2px; border-style: double; margin: 5px; padding: 5px; color:#F00; background-color:#0FC; font- family:"Courier New", Courier, monospace; }.blanks {position:absolute;left: 0px; top: 0px; border:none; margin: 5px; padding: 5px; color:#006; background-color:white; font-family:"Courier New", Courier, monospace; text-decoration:underline; color: black; font-size:24px; }

Black Jack more drawing of images, text on canvas, shuffling, capture key presses – 5/blackjack.htmlhttp://faculty.purchase.edu/jeanine.meyer/html 5/blackjack.html Note use of footer for giving credit.

Classwork / Homework Catch up. Show work. If you aren't done (remember it can be simple), complete your virtual something. Start studying for midterm. –Come to class with questions.