Star Wars Crawl

· Leave a comment · in HTML5, JavaScript

Star Wars CrawlThis is my homage to the original “Star Wars” in HTML5, CSS and JavaScript.

It’s coded to run on an iPhone but viewable in the latest versions of Firefox, Safari and Chrome. You can also view on an iPad or iTouch. But not in IE.

Uses a combination of HTML5, CSS animation and JavaScript.

Displays the opening logo and story crawl, with sound, for a viewport of 320×480. Looks best in landscape mode on an iPhone.

Since this post is more of a fun homage as opposed to instructional, I did not list out the code.

But you can view source if you are interested in examining the inner workings.

Primarily coded to work on the iPhone(tested on a 4S), here is a shortlink for less typing:
http://clarkeulmer.com/sw

Here’s an iPhone 4S, landscape mode screenshot:
Star Wars Crawl Screenshot - iPhone 4S Landscape

This entry was posted in HTML5, JavaScript. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

To include code in your comment: Paste your code in the comment form, select it and then click the language link button below. This will wrap your code in a <pre> tag(or shortcode) and format it when submitted.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="">