Stockholm Light

Digital Fireworks

Client: Atracta
Project: Digital service

Atracta is a company that operates advertising screens (and we’re talking SCREENS) in some of Stockholm’s most well-trafficked squares and avenues. To celebrate New Years Eve 2020, they wanted to do something special.

What could really dazzle the citizens of Sweden’s royal capital? You know, ignite the night… and let it shine…

Lighting up Stockholm

Given the nerds we are for interactive digital experiences, we thought it would be fun to let people play a role in making the fireworks happen.

After brainstorming with Atracta about technological possibilities, we honed in on the following idea: to create an app that would let users shoot up digital fireworks onto the big screens with personalized greetings.

And we would use the exposure to do some good too, by giving users the opportunity to donate to a charity. A donation would get you a really big firework.

Oooh… ahhh….

Users could choose which of Atractas four screens they wanted their firework to play on: The Big Bang at Stureplan, The Façade on Kungsgatan, Twin Screens on the way to Arlanda, or the Elevator towering above Katarinahissen.

They could also choose the type of firework, the color, and fill in their greeting. That “order” was processed through a custom-built API and sent to the individual websites we built for each screen.

We integrated this infrastructure with Atracta’s own program so the fireworks would show up between their commercial loops.

How to code a firework

Everything about each firework needed to be dynamic: the size, color, duration, timing. There was no other choice but to actually make them from code. We decided to go with particles.

A single particle is a tiny bitmap image whose movements are controlled by Javascript. A spark, if you will, that could be combined with thousands of other sparks to create the actual firework. We hosted it all on a game engine called Defold, which is — fun fact — a completely open source engine created by some lovely people in Malmö.

It took a special blend of art + math to make the fireworks mimic reality. This involved programming sine and cosine waves to create the arcs and smoke trails, adding gravity, simulating wind, and so on.

  • Download app & choose screen
  • Choose firework style & color
  • Dedicate it to a loved one
  • Give to a charity from the list

End scene

When the clock struck twelve… boom, bang, pow, whizz! Our digital fireworks were playing perfectly all across the city.

Looking up from Stureplan that night, the folks at Atracta were really happy with the result. And we were too. We loved the opportunity to spread some interactive cheer using the art of web-based motion.

And the fact that our creation didn’t leave our dog friends trembling in a corner, that’s satisfying too.

Selected work

Fenderball trailer

Fenderball trailer

A 2D piece of art with 3D secrets

Qgroup

Qgroup

Question IT

Qmatic

Qmatic

Energetic explainer of the robust and functionally jam-packed services of Qmatic Cloud Appointments.

Academedia Snacka med SYV

Academedia Snacka med SYV

A guidance counselling service

Stockholm Light

Stockholm Light

Digital Fireworks

Semrén & Månsson

Semrén & Månsson

Architecture with heart

Crusner Advokatbyrå

Crusner Advokatbyrå

A lawyer in your phone

Planet of Lana

Planet of Lana

A tale of two sisters

Poppy Poppy

Poppy Poppy

Who said flower pots should be boring?

Brooklyn HaHa

Brooklyn HaHa

A mini-series about stand-up in the heart of Brooklyn

Schedaero

Schedaero

Aircraft and pilot scheduling, made easy with Schedaero from Avinode Group.

Bauer quiz

Bauer quiz

Sunny hockey season

Paynode

Paynode

Retro-influenced animation for aviation service Paynode from Avinode Group.

Allemansrätten

Allemansrätten

Infomercials can be fun!

Nya Styr & Ställ

Nya Styr & Ställ

A brand new fleet of city bikes

Hubins

Hubins

Explainer video for investment site Hubins.com with smooth and flowy line art animations.

Montessori Mondial

Montessori Mondial

A playful handpainted animation series created for Montessori Mondial schools.

Qgroup

Qgroup

A chef's table-esque branding film

Paprica­klubben

Paprica­klubben

An interactive world for ICA's children's club

Crayon

Crayon

Smooth animation explaining CloudIQ, a subscription management service from Crayon.

Winningtemp

Winningtemp

Demonstration of the structure of well known employee satisfaction platform Winningtemp.

Veterans Online

Veterans Online

Brainy multiplayer battles

The Swedish School in London

The Swedish School in London

One of a kind. In fact.

JOOL

JOOL

A financial service for bond investments

Study in Sweden

Study in Sweden

Redesign of the student blog

Collector

Collector

Success & the niche bank

Liseberg

Liseberg

A Halloween click-or-treat

Owd Bob

Owd Bob

The most elusive print shop in the world