comScore

Wait, what?

Looks like you came here from Geekosystem. Don't worry, everything is still here. We've just combined forces with The Mary Sue to bring you more and better content, all in one place.

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 The Mary Sue   |   About UsAdvertiseNewsletterJobsContributorsComment PolicyPrivacyUser AgreementDisclaimerContactArchives RSS

Dan Abrams, Founder
  1. Mediaite
  2. The Mary Sue
  3. Styleite
  4. The Braiser
  5. SportsGrid
  6. Gossip Cop