Loading video...

Video Failed to Load

Go Home

Fun fact: the Marathon spinner is actually a hand-coded shader! It has to display before the engine loads any textures or videos, so it's entirely procedurally animated and rendered by a shader I wrote for it using SDFs, procedural noise, and a pile of math for the animation :)

189,409 views • 3 months ago •via X (Twitter)

39 Comments

Abby Welsh's profile picture
Abby Welsh3 months ago

Most of the work I did at Bungie was behind the scenes on the engine, vfx tech, and artist/designer-facing tools, so it was awesome getting to put on my tech art hat and build something more visible :) (fantastic concept + art direction by Wolfie Davis!)

Evren's profile picture
Evren3 months ago

I love the spinner!!! I've been making them on plastic canvas :)

Abby Welsh's profile picture
Abby Welsh3 months ago

Whoaaah I love these!

Toad's profile picture
Toad3 months ago

This is one of my favorite things about the whole loading sequence of Marathon! I'm unfamiliar with the kind of math that goes into animations. Could you throw out an example or something that maybe explains what's going on behind the scenes?

Abby Welsh's profile picture
Abby Welsh3 months ago

Sure! In simple terms, there's 3 parts: - the shapes are drawn using 2D SDFs - I blend a few colors for the "pixels" turning on and off - for each "pixel", I use its position, the moth shape, the current time, and some noise to decide when to turn it on and off

Abby Welsh's profile picture
Abby Welsh3 months ago

I highly recommend The Book of Shaders to learn more about this type of math - their chapters on shape rendering ( and noise ( are excellent. I'm also personally inspired by @iquilezles's work in this area (

Abby Welsh's profile picture
Abby Welsh3 months ago

@iquilezles (I should clarify: the designs of each moth and stage are all Wolfie's! I encoded them as the bits in a few integers in the shader. The SDFs are used for the shape of each "pixel", along with the registration marks, anti-aliasing calculations, etc)

EntropeyTV @ Tau Ceti IV's profile picture
EntropeyTV @ Tau Ceti IV3 months ago

I was so enamored with it I tried my best in scaling it down and then reshaping it to make a pixel'd version a while back. Such creative design in a relatively low form factor!

Adam's profile picture
Adam3 months ago

Ahhhh I love your work! I tried to remake it in canvas when we first saw it!

𝐙𝚺𝐍𝐈𝐓𝐇's profile picture
𝐙𝚺𝐍𝐈𝐓𝐇3 months ago

Peak...

Bishop's profile picture
Bishop3 months ago

I fucking love that thing. Nice work! My brother wants to know if the other photography and random stuff for loading screens was done in house.

Ben Platnick's profile picture
Ben Platnick3 months ago

@artofallan i love math

Walker John Moses's profile picture
Walker John Moses3 months ago

Love this loader! The game gets a ton of unwarranted hate for no reason imo - I think the UI is awesome / fits the vibe.

Surge Kazbo's profile picture
Surge Kazbo3 months ago

@bumgieofficial gonna pretend to know what you just said but that’s so fkn cool 😂😭

MiMiZ's profile picture
MiMiZ3 months ago

Noob graphics dev here, teach me your secrets, grand wizard 😭🙏

Abby Welsh's profile picture
Abby Welsh3 months ago

Replied here with some info on this type of thing :)

MiMiZ's profile picture
MiMiZ3 months ago

Ooooo Grand wizard, thank you for bestowing this knowledge upon me 😭🙏

Ein's profile picture
Ein3 months ago

Your loading anim is the coolest one i've ever seen, very happy to finally see who made it. Always wished my loading would be slower so I get to see it as many times as possible. Are you allowed to let me know if there's any way I could extract it so I can use it on DIY projects?

The Skrub King's profile picture
The Skrub King3 months ago

Every time I see something from Bungie devs it’s just cool.

DavZ's profile picture
DavZ3 months ago

you single handedly made the game super interesting for so many people just because of this, what a legend

TheNamana98's profile picture
TheNamana983 months ago

Oyy!

Sentinel Gray's profile picture
Sentinel Gray3 months ago

@bumgieofficial Thats so fucking sick! Its stuff like this that makes me want to see the code for it so bad. Still learning and all that

unit 3113 💽 【= ❙ 𖥦 ❙ =】's profile picture
unit 3113 💽 【= ❙ 𖥦 ❙ =】3 months ago

ahhhhhh that’s so cool what the hell

Jessie Lam _(:3 」∠ )'s profile picture
Jessie Lam _(:3 」∠ )3 months ago

this is nerdy af!! what the helll!!!!

ETHOS's profile picture
ETHOS3 months ago

holy shitttt

Scott Shermer's profile picture
Scott Shermer3 months ago

@kambyyy so obsessed with this

sergeantphd's profile picture
sergeantphd3 months ago

So fucking cool, you’re so clever, i always loved how it would change to different shapes and thought it was scripted. The fact it isn’t just compliments the effort you put into it. Thank you

Mr_Gwap's profile picture
Mr_Gwap3 months ago

Awesome

Aleks Danilov's profile picture
Aleks Danilov3 months ago

the small jitter when the squares transition on the wipe aniamtion is just chefs kiss

Justin.md's profile picture
Justin.md3 months ago

@artofallan I love staring at this when playing

JakeMyler's profile picture
JakeMyler3 months ago

@COSMICraven117 Hell to the yes. I’ve been really getting into shaders lately and I’m just totally amazed at how much can be accomplished with little bits of math flowing into other bits of math!

Daystream's profile picture
Daystream3 months ago

@Q2726054234 I always wondered why it looks like a daphnia in one of the forms!

古今闘乱 (Kokon-Tōlan)'s profile picture
古今闘乱 (Kokon-Tōlan)3 months ago

nothing should hire you

JH's profile picture
JH3 months ago

@bumgieofficial I love it what was backstory behind if you don’t mind saying?

Jamison Dance's profile picture
Jamison Dance3 months ago

That is Very Cool

PAUSO's profile picture
PAUSO3 months ago

Any time I saw this when playing I was wondering how they made it - one of my fav parts of the game lol

Carrion's profile picture
Carrion3 months ago

The sub pixels are very satisfying and I think its really cool that you thought of that to add more motion to the limited cel count.

KLΔUS 117 🏂🎮✨// BUILDING AREA 59™'s profile picture
KLΔUS 117 🏂🎮✨// BUILDING AREA 59™3 months ago

Beautiful.

Geoduck Online's profile picture
Geoduck Online3 months ago

@artofallan it's my favorite detail. or one of them. there's so many

Related Videos