Somebody coded the Star Wars Opening Crawl into HTML and SCSS

I mean, of course they did.
This article is over 11 years old and may contain outdated information

Recommended Videos

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


The Mary Sue is supported by our audience. When you purchase through links on our site, we may earn a small affiliate commission. Learn more about our Affiliate Policy