Developer

Cool HTML5 implementations in application development and gaming

Ryan Boudreaux reviews trends within HTML5 and provides examples of how HTML5 is being implemented for web, mobile designs, and gaming and development platforms.

HTML5.gif
Although the initial excitement about HTML5 has waned a bit in recent months, I'm seeing the maturation of the web coding language, as many organizations and developers are looking for ways to incorporate it into their frameworks and web design systems. HTML5's availability and use in modern browsers shows no signs of slowing down either. In addition, I've also observed more application development, responsive development, and mobile web designs are using the new HTML5 elements and attributes.

Here's a look at several of the latest HTML5 trends. I provide examples of how each HTML5 trend is being implemented for web, mobile designs, and online gaming and development platforms.

HTML5 implementations in application development

Several software organizations are using HTML5 to leverage their application development products; for this article, I'm highlighting FileMaker Web Direct and Alpha Anywhere.

FileMaker Web Direct

FileMaker Platform's FileMaker Web Direct (Figure A) is an HTML5 browser-based application suited for desktop browsers that can provide the same custom business solutions as previous traditional versions. While FileMaker WebDirect runs solutions that are used in browsers, it is not designed for use on a mobile device. (Note: FileMaker, Inc. is a subsidiary of Apple.) [Description courtesy of FileMaker.)

Figure A

HTML5Trends_FigA_121213.gif
 Image credit: FileMaker
 

Alpha Anywhere

Alpha Software's Alpha Anywhere is a standards-based HTML5, CSS, and JavaScript coding-optional environment that rapidly creates business applications with responsive layout and design on any mobile device, laptop, or desktop. Alpha Anywhere's latest release is not only built on HTML5, but it also creates HTML5-based applications that can be used in any device and goes beyond the typical responsive design techniques for application delivery to desktops, notebooks, laptops, and mobile phones.

The tutorial Vimeo video provides a good overview of the kinds of applications that you can build using Alpha Anywhere. It also shows how to connect with a SQL database and how to make edits to add images using a notebook camera with the Alpha Anywhere image control panel (Figure B).

Figure B

HTML5Trends_FigB_121213.gif
 Image credit: Alpha Software
 

Fun and games with HTML5

Mozilla and Goo's gaming competition

HTML5 is gaining recognition among the online gaming developer community. In fact, if you can create an enticing interactive game using Goo Technologies for Mozilla, you might have a chance to win $45,000 USD. Read all of the details about the Mozilla and Goo's Game Creator Challenge. The deadline to submit entries is January 14, 2014 at midnight PT

Two HTML5-based Goo Technologies products are Goo Create and Goo Engine. Goo Create (Figure C) is a browser-based application designed to bring simplicity and creativity to producing HTML5 and WebGL rich content. Goo Engine is an HTML5 and WebGL-based graphics engine that is capable of powering the next generation of web games, apps, and visualizations. 

Figure C

HTML5Trends_FigC_121213.gif
 Image credit: Goo Technologies

Ludei partners with Nickelodeon 


Ludei, the creator of CocoonJS, announced on November 26, 2013 its venture partnership with Nickelodeon for using its technology to help them create and publish its Emmy award-winning Nick App for Android devices. According to Dhimiter Bozo, Vice President Engineering, Nickelodeon Group:
"Technologies like HTML 5 allow us to create games and content that are playable across multiple platforms. Performance is a key metric for Nickelodeon and is a goal we aim for with every game."

Figure D shows the screen capture of the CocoonJS cloud-based services for HTML5 games and apps.

Figure D

HTML5Trends_FigD_121213.gif
 Image credit: Ludei
 

Final thoughts

As applications and development platforms continue to deliver new and updated releases, it will be interesting to see how HTML5 technologies get incorporated into them, as well as how HTML5 will continue to grow and mature.

Also read on TechRepublic

 

About

Ryan has performed in a broad range of technology support roles for electric-generation utilities, including nuclear power plants, and for the telecommunications industry. He has worked in web development for the restaurant industry and the Federal g...

2 comments
mobileapptelligence
mobileapptelligence

HTML5 Game Development

Cross Platform - Main advantage of HTML5 is that it runs on any modern device. Careful thought process is needed to understand as to how the game will respond to various screen sizes and input types. Personalization may be needed in the code to certain extent as per the platform.

Unique Distribution - HTML5 hyperlinks are very powerful. It can be easily distributed across the web and mobile devices. That's why it provides a seamless platform for game development.

http://www.mobileapptelligence.com/html5-game-development.html

Editor's Picks