comScore
Tech Monday, September 16th 2013 at 11:37 am

Somebody coded the Star Wars Opening Crawl into HTML and SCSS

I mean, of course they did.

star wars crawl

Similar in some ways to the popular Github, Codepen.Io is a browser-based HTML, CSS, and JavaScript code editor that allows people to share their code with one another and create. Naturally, developer Tim Pietrusky used it to create the opening scene from Star Wars: A New Hope. Isn’t that what we all invented computers for in the first place?

“I freaking love Star Wars, but could not find a web version of the original opening crawl from 1977. So I created this one.” Pietrusky says in the Javascript code notes. He also outlines his code-building process on his website, where you can find more insight into how he animated the text and what tricks he used to make everything look so accurate.

Some other fun things we learned from this code: the font used in the crawl is called “News Cycle.” You can buy the font here if you’re so inclined (where it’s called News Gothic) — apparently it was also the official font of the Polaroid loho, and was used in the Saul Bass opening title sequence for Psycho.

The code, by the way, can be found here.

(via BoingBoing)

Meanwhile in related links

Filed Under |
© 2014 Geekosystem, LLC   |   About UsAdvertiseNewsletterJobsPrivacyUser AgreementDisclaimerContactArchives RSS

Dan Abrams, Founder