Presented by Phillip Chang and Pennsylvania Wu Teaching Basic Game Programming Using JavaScript.

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

Overview / Introduction to our work in Silverlight Developing with the Silverlight 2 Framework Design of the Concept / Storyboards Architecture Game Logic.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Professor Michael J. Losacco CIS 1150 – Introduction to Computer Information Systems Programming and Languages Chapter 13.
Chapter Concepts Review Markup Languages
Web Page Behavior IS 373—Web Standards Todd Will.
Russell Taylor Lecturer in Computing & Business Studies.
October 16, 2007HighEdWebDev2007 Single Source Website for Full Spectrum Access Rick Ells University of Washington
CSC 2720 Building Web Applications JavaScript. Introduction  JavaScript is a scripting language most often used for client-side web development.  JavaScript.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Development of mobile applications using PhoneGap and HTML 5
COM 205 Multimedia Applications
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
Client/Server Architectures
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
Comparing Python and Visual Basic
DHTML - Introduction Introduction to DHTML, the DOM, JS review.
MVC New release IE8 Beta 1 Deep Zoom (sea dragon) Silver light 2.0 Beta 1 Expression Blend 2.5 Preview Instant Messaging API Enhancements to Virtual Earth.
4.1 JavaScript Introduction
Ruth Betcher Ruth Christie
Dynamic Web Pages (Flash, JavaScript)
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
Introduction CSE 1310 – Introduction to Computers and Programming Vassilis Athitsos University of Texas at Arlington 1.
JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.
AJAX Making Dynamic Web pages more Dynamic Jim Hendricks April 25th, 2006.
Introduction CSE 1310 – Introduction to Computers and Programming Vassilis Athitsos University of Texas at Arlington 1.
Silverlight Technology. Table of Contents 1.What is Silverlight Technology? 2.Silverlight Overview. 2.1 How it works 2.2 Silverlight development tools.
DHTML - Introduction Chapter Introduction to DHTML, the DOM, JS review.
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
Introduction to Programming the WWW I CMSC Summer 2003 Lecture 7.
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
An Introduction to JavaScript By: John Coliton Tuesday, November 10, 1998 Center for Teaching and Learning.
JavaScript Defined JavaScript Basics Definitions JavaScript is an object-oriented programming language designed for the world wide web. JavaScript code.
ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.
Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Presentation On HTML & Podcast Done by: Shamelia Young & Sheriece Williamson.
PROGRAMMING IN VISUAL BASIC.NET CREATING YOUR FIRST WEB APPLICATION Bilal Munir Mughal 1 Chapter-3.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
Introduction CSE 1310 – Introduction to Computers and Programming Vassilis Athitsos University of Texas at Arlington 1.
JavaScript & Introduction to AJAX
Lesson 30: JavaScript and DHTML Fundamentals. Objectives Define and contrast client-side and server-side technologies used to create dynamic content for.
Java Script. What is JavaScript ? It is an scripting language, developed by Netscape Navigator. It can be used to replace CGI scripts for client-side.
The Web Wizard’s Guide To DHTML and CSS Chapter 2 A Review of CSS2 and JavaScript.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
Online Voting System by Sanghun Chi ECE345. Introduction Traditional voting system inefficient. Takes time and human resources. Does not give an instant.
The Web Wizard’s Guide To DHTML and CSS Chapter 2 A Review of CSS2 and JavaScript.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
A S P. Outline  The introduction of ASP  Why we choose ASP  How ASP works  Basic syntax rule of ASP  ASP’S object model  Limitations of ASP  Summary.
1 Introducing Web Developer Tools Rapid application development tools ASP.NET-compatible web editors –Visual Studio.NET Professional Edition –Visual Studio.
CS491B Software Design Lab Project Report Yuet-Chi Lee California State University, Los Angeles.
TECH RELATED TOPIC PRESENTATION MICROPROCESSOR: CSE341 COURSE INSTRUCTOR DR. JIA UDDIN Assistant Professor Department of Computer Science and Engineering.
JQuery Fundamentals Introduction Tutorial Videos
Creating Visual Effects
JavaScripts.
Intro to JavaScript CS 1150 Spring 2017.
Haritha Dasari Josue Balandrano Coronel -
Unit 2, Lesson 5 Website Development Tools
Introduction CSE 1310 – Introduction to Computers and Programming
Unit 2, Lesson 5 Website Development Tools
Dynamic Web Pages (Flash, JavaScript)
M4: Animations, Custom Controls, and Globalization
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Unit 6 part 3 Test Javascript Test.
Web Design and Development
ITI 239 HTML5 Desktop and Mobile Level I
Choosing between Silverlight and AJAX
Introduction to JavaScript & jQuery
Presentation transcript:

Presented by Phillip Chang and Pennsylvania Wu Teaching Basic Game Programming Using JavaScript

Introduction Our target learners –Entry-level college students without strong background in programming Before learning game programming, they struggle for: –Complicated toolkits –Complex syntax and language –Debugging –Initial investment(s)

Need a language that is –easy-to-learning –loosely design structure –cross-platform –operating-system independent –high fault tolerance –require no installation –no complicated compilation –no initial investment (preferably open source) JavaScript is a good candidate

Pros & Cons of JavaScript Advantages –loosely-designed, cross-platform –open source & supported by all major browsers –fully comply with HTML, CSS, DHTML, and AJAX for greater flexibility –test games immediately on the Web Disadvantages –scripts, not self-executable programs –poor support on audio and visual efforts –poor support on 3D graphics programming ( ?) –programmers have less controls on outputs

A basic game programming course Covers –Animation –Handling user inputs –Sprite programming –Object movement (motion) –Collision detection and response –Artificial intelligence –Scorekeeping –Sound effects You can teach them using JavaScript-based browser games

JavaScript browser game Structure is –HTML – page layout –CSS – appearance of objects –JavaScript – application DHTML is frequently used to enhance the game functions

Sample codes Animation Handling user inputs Sprite programming Object movement (motion) Collision detection and response Artificial intelligence Scorekeeping Sound effects

Conclusion JavaScript is good for teaching basic game programming, because –Easy-to-learn and implement –Function sufficient –Reduce the complexity level of teaching –Motivate students by sharing their games online

Question? Thank you very much!