HTML5 GAMING By Scott Benton. HTML5 New HTML Standard Previous Version of HTML, HTML 4.01, Released in 1999 Not an Official Standard Yet No Browsers Have.

Slides:

Advertisements

Similar presentations

Introduction to HTML5. History of HTML HTML first published HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0 HTML

Advertisements

What is HTML5…?. ”…removes the need for plugins” ”…can handle multimedia directly” ”…enables rich, interactive clients” ”…enables advanced visual designs”

 A markup language  Structures content on the internet  Commonly used by web browsers.

HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.

HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.

Project 1 Introduction to HTML.

Chapter 9 Comparing Web Technologies. Agenda Browser Hypertext Markup Language (HTML) Common Gateway Interface Web Application Server Plug-in.

Vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Basic Technology HTML, HTTP, MIME client / server architecture client-side extensions.

Bartosz Kowalski Software Developer CERN. Presentation outline -HTML : introduction and history -HTML5 : -History and philosophy -New features -Structure.

Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,

Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.

1st Project Introduction to HTML.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

Development of mobile applications using PhoneGap and HTML 5

COMPUTER TERMS PART 1. COOKIE A cookie is a small amount of data generated by a website and saved by your web browser. Its purpose is to remember information.

Chapter 14 Introduction to HTML

ITM352 Javascript and Dynamic Web Pages: Client Side Processing.

CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.

Chapter ONE Introduction to HTML.

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

Web Design Basic Concepts.

HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.

HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.

Director of Computer Center, DaYeh University Ku-Yaw Chang.

Chapter 1 Introduction to HTML, XHTML, and CSS

Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.

Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.

Databases and the Internet. Lecture Objectives Databases and the Internet Characteristics and Benefits of Internet Server-Side vs. Client-Side Special.

Mobile App Support Jacob Poirier Geri Hengesbach Andrea Menke Erin Rossell.

HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.

HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.

HTML5 for Mobile Andrew Kinai. HTML vs HTML5 HTML:A language that describes documents' formatting and content, which is basically composed of static text.

Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.

UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

IS-907 Java EE World Wide Web - Overview. World Wide Web - History Tim Berners-Lee, CERN, 1990 Enable researchers to share information: Remote Access.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.

Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.

Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.

Matthew Baillie, Luke Day THE INTERNET. HISTORY OF THE INTERNET J.C.R. Licklider authored a series of memos concerning theoretical network structures.

Let’s look what flash can do: OK, that wasn’t flash! That was HTML5.

Introduction of Presented by Neetu sharma MCA (8 th trim)

丁建文國立高雄應用科大資管系副教授兼任計網中心軟體發展組組長跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.

History Before designing web pages it is important to know how it all came about… History Channel – The Invention of the Internet History Channel – The.

Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.

TNPW1 Ing. Jiří Štěpánek.  In current version (XHTML 1.0 strict)  No multimedia elements  No semantics elements  Only few input types  Only few document.

HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.

HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.

I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.

4.01 How Web Pages Work.

Project 1 Introduction to HTML.

Objective % Select and utilize tools to design and develop websites.

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

Introduction to HTML5.

HTML 5 Tutorial Chapter 1 Introduction.

Project 1 Introduction to HTML.

Process of Converting “PSD to HTML”

Application with Cross-Platform GUI

Objective % Select and utilize tools to design and develop websites.

Unit 6 part 3 Test Javascript Test.

Secure Web Programming

HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:

CIS 133 mashup Javascript, jQuery and XML

4.01 How Web Pages Work.

Retrieving compound pages

Presentation transcript:

HTML5 GAMING By Scott Benton

HTML5 New HTML Standard Previous Version of HTML, HTML 4.01, Released in 1999 Not an Official Standard Yet No Browsers Have Full HTML5 Support All Major Browsers Continuing to Add HTML5 Features

How Did HTML5 Get Started? 2006 World Wide Web Consortium W3C Web Hypertext Application Technology Working Group WHATWG Decided to Cooperate to Create New Version of HTML

Planned Rules for HTML5 New Features Based on HTML, CSS, DOM, and Javascript Reduce the Need for External Plugins (like Flash) Better Error Handling More Markup to Replace Scripting HTML5 Should Be Device Independent Development Process Visible to the Public

HTML5 Features New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D Graphics Local Storage

Gaming on the Web Developing Web Games was Frustrating Plugin-Based Technologies Plugins like Flash are disconnected from technologies surrounding them HTML, JavaScript, and CSS Fit naturally on page, but are more limited

HTML5 and Web Gaming Canvas Element Ability to create dynamic graphics Audio Ability for browser audio without using a plugin WebSockets Allows two-way communication between server and client Web Storage Larger storage capabilities using local and session storage Client-side only, not transferred with each HTTP request WebGL OpenGL for web

Benefits of using Web Technologies Open Web Technologies are not Platform Dependent Objective-C for iOS, Java for Android, and their respective SDKs Do Not Need to Go Through Distribution Channels Web applications can be hosted and distributed as desired Scalable Layouts for Different Devices Responsive Web Design

Limitations of HTML5 in Gaming Incomplete Browser Support HTML5 is still young Specifications still being defined as browsers work to add the features Browser Inconsistencies Browsers made by different organizations Likely to be differences between browsers despite the standards Resources / Performance Capability of device can limit performance Fewer Tools, Frameworks, and Resources Compared to plugin based options

HTML5 Game Demonstrations

Other HTML5 Applications CSS3 Maker Web Design Tool CanvasMol 3D Molecule Viewer Zygote Body 3D Anatomical Body Viewer WebGL Bookcase (Google Chrome Experiment) Interactive Google Books Application

Discussion What other applications are possible with HTML5? How graphically complex can HTML5 games become? Is HTML5 a reliable game development platform?

HTML5 GAMING By Scott Benton