正在加载视频...

视频加载失败

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 次观看 • 3 个月前 •via X (Twitter)

39 条评论

Abby Welsh 的头像
Abby Welsh3 个月前

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 的头像
Evren3 个月前

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

Abby Welsh 的头像
Abby Welsh3 个月前

Whoaaah I love these!

Toad 的头像
Toad3 个月前

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 的头像
Abby Welsh3 个月前

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 的头像
Abby Welsh3 个月前

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 的头像
Abby Welsh3 个月前

@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 的头像
EntropeyTV @ Tau Ceti IV3 个月前

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 的头像
Adam3 个月前

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

𝐙𝚺𝐍𝐈𝐓𝐇 的头像
𝐙𝚺𝐍𝐈𝐓𝐇3 个月前

Peak...

Bishop 的头像
Bishop3 个月前

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 的头像
Ben Platnick3 个月前

@artofallan i love math

Walker John Moses 的头像
Walker John Moses3 个月前

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 的头像
Surge Kazbo3 个月前

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

MiMiZ 的头像
MiMiZ3 个月前

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

Abby Welsh 的头像
Abby Welsh3 个月前

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

MiMiZ 的头像
MiMiZ3 个月前

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

Ein 的头像
Ein3 个月前

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 的头像
The Skrub King3 个月前

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

DavZ 的头像
DavZ3 个月前

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

TheNamana98 的头像
TheNamana983 个月前

Oyy!

Sentinel Gray 的头像
Sentinel Gray3 个月前

@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 💽 【= ❙ 𖥦 ❙ =】 的头像
unit 3113 💽 【= ❙ 𖥦 ❙ =】3 个月前

ahhhhhh that’s so cool what the hell

Jessie Lam _(:3 」∠ ) 的头像
Jessie Lam _(:3 」∠ )3 个月前

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

ETHOS 的头像
ETHOS3 个月前

holy shitttt

Scott Shermer 的头像
Scott Shermer3 个月前

@kambyyy so obsessed with this

sergeantphd 的头像
sergeantphd3 个月前

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 的头像
Mr_Gwap3 个月前

Awesome

Aleks Danilov 的头像
Aleks Danilov3 个月前

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

Justin.md 的头像
Justin.md3 个月前

@artofallan I love staring at this when playing

JakeMyler 的头像
JakeMyler3 个月前

@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 的头像
Daystream3 个月前

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

古今闘乱 (Kokon-Tōlan) 的头像
古今闘乱 (Kokon-Tōlan)3 个月前

nothing should hire you

JH 的头像
JH3 个月前

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

Jamison Dance 的头像
Jamison Dance3 个月前

That is Very Cool

PAUSO 的头像
PAUSO3 个月前

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

Carrion 的头像
Carrion3 个月前

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™ 的头像
KLΔUS 117 🏂🎮✨// BUILDING AREA 59™3 个月前

Beautiful.

Geoduck Online 的头像
Geoduck Online3 个月前

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

相关视频