1 / 7

Javascript & HTML5

Javascript & HTML5. Intro. Why Javascript ?. Next big thing in online games Flash is slowly on its way out Can be coded via any text editor, flash costs mega $$$. What are Javascript & HTML5?. HTML is the page layout, is STATIC, usually an HTM or HTML file

kim
Download Presentation

Javascript & HTML5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Javascript & HTML5 Intro

  2. Why Javascript? • Next big thing in online games • Flash is slowly on its way out • Can be coded via any text editor, flash costs mega $$$

  3. What are Javascript & HTML5? • HTML is the page layout, is STATIC, usually an HTM or HTML file • Javascript is the program that runs on the page, usually a JS file • We will be focusing on the Javascript side of things for now • We will be writing our code in the most hardcore way possible • We are going to write code in NOTEPAD (We may also use a more advanced program later on, but for now Notepad will do.)

  4. HTML vs HTML5 • HTML5 is an extension of HTML, has the glorious CANVAS element • The canvas is an object that sits on the page (like a picture) but we can display anything we want on the canvas whenever we want • The canvas is basically a picture that changes according to what we say in our code. • This is what lets us make games so easy

  5. Questions?

  6. TO DO List • On your student drive, create a folder named: templates • Go to http://www.artofzombie.com/templates.html • Right click as save both HTML Page & Javascript Code into your templates folder • Open the html file and see Hello World • Open the JS file to see the code

  7. TO DO Con’t • Change the background of the canvas to something else • Print your name in all 4 corners, as close to the edges as you can • Make a border in a different colour of width 10 pixels

More Related