Keeping Up: Noupe Smashing Magazine Windows 8 Metro JS Tutorial Metro App Development Mobile Jo PhoneGap Sencha Responsive Design Extending JS Limitations of HTML5 Mashi Pixastic WebGL Canviz Plotr CoffeeScript Intro to Unity with JS Other Languages Objective C PHP…Continue Reading →
http://xkcd.com/1513/
1. Slides – localstorage (2) 2. Example Final Projects a. http://home.ubalt.edu/students/id95rx02/newborn.html b. https://home.ubalt.edu/clayton.zook/idia619final/IDIA619_final_czook.html c. http://www.staticmud.com/IDIA619/FINAL/RehabGuessWho-v4.html d. http://home.ubalt.edu/students/ID51GC84/IDIA619/finalProject.html 3. Sample Code <script>// <![CDATA[ window.onload = init; function init() { var button = document.getElementById(“submit”); button.onclick = storeGroceryList; for (var i = 0; i < localStorage.length; i++)…Continue Reading →
<html> <head> <script> window.onload = function() { var button = document.getElementById(“submit”); button.onclick = drawShapes; } function drawShapes(){ var canvas = document.getElementById(“tshirtCanvas”); var context = canvas.getContext(“2d”); var selectObj = document.getElementById(“backgroundColor”); var index = selectObj.selectedIndex; var bgColor = selectObj[index].value; var selectObj =…Continue Reading →
<html> <head> <script> window.onload = function() { var button = document.getElementById(“submit”); button.onclick = drawShapes; } function drawShapes(){ var canvas = document.getElementById(“tshirtCanvas”); var context = canvas.getContext(“2d”); var selectObj = document.getElementById(“backgroundColor”); var index = selectObj.selectedIndex; var bgColor = selectObj[index].value; var selectObj =…Continue Reading →
1. Slides – Getting+Started+with+Canvas (3) 2. 2D Context API – http://www.w3.org/TR/2dcontext2/ 3. Today we’ll build a simple abstract art generator that uses random colors, coordinates and sizes to build a “modern art” piece out of squares and circles. The code will be posted…Continue Reading →
1. What happened to XML? – http://www.w3schools.com/xml/xml_whatis.asp 2. Understanding JSON notation – http://www.json.org/ 3. Replacement Assignment Working from the example code below, create a simple application to take and display information from a web services API. Your application should demonstrate an understanding…Continue Reading →
Keeping in mind your own thesis goals, current clients, and other needs, design a web application or game that integrates all the structures and functions you’ve learned this semester. Your application should include meaningful interactivity, responsiveness to the user, and…Continue Reading →
Take an existing application or concept you’ve worked with this semester and change its existing interface to use the Canvas for primary display. Using the starting tutorial on taking MasterMind from a text-based to graphical interface as an example, choose…Continue Reading →
1. Review Slides – Review (1) – alt link (Slides) 2. Geolocation API – http://wickedlysmart.com/hfhtml5/ 3. Geolocation Spec – http://dev.w3.org/geo/api/spec-source.html 4. Flash is Dead! Long Live OpenFL! – http://developers.slashdot.org/story/14/03/18/1657208/flash-is-dead-long-live-openfl 5. Google Maps API – https://developers.google.com/maps/documentation/javascript/tutorial