Watch 'Faded' by Alan Walker Come Alive: Stunning Real-Time Visuals!

A demo by @mawa

I didn’t change anything just hacked the Adobe typekit font loader to preload the font. @mawa has kindly let the fate of this project to me ( long story :slight_smile: ) so now I’m publishing it!

Watch it here:
Alan Walker’s ‘Faded’ transformed into a Visual Spectacle with Babylon.js!

It has no git repo. Source code & assets available, just ask for it.

WAIT FOR IT & Enjoy!

20 Likes

This is SO sHEEEEESH : O
it absolute cinEMA
Combined w/ the fact faded holds a special place in my heart (very 1st song I learned on guitar)
The showcase legit brought me tears lol
this is what the internet is meant for : ))))
explosions of pure raw creativity
GG, it beaut as heck : D

2 Likes

It’s actually why I went into CG, I wanna make websites like this maaaaan whole ahh experiences, that make ppl feel stuff : O

1 Like

gosh this is huge (cc @docEdub for the audio analyzer)

gg @mawa for the design and @roland for greaselines! this feature kicks ass

4 Likes

Goosebumps everytime time I watch it :crazy_face:
And a fokin’big smile at the end on my face :slight_smile: I feel calm and satisfied everytime, this music, these colors makes me feel hapy, I don’t know why :wink:

@Heaust-ops you bein’ sensitive like Klaus H in Umbrella Academy:

…and Postmortal as well :rofl:

1 Like

Love this! Nice work people!

2 Likes

@roland One very minor thing, there seems to be a horizontal line overlay but when the demo goes full screen on my 32:9 aspect ratio ultrawide, the horizontal line overlay doesn’t extend edge to edge, but instead stops at maybe 6:4 aspect ratio?

EDIT: It’s a bit hard to see, you have to squint :slight_smile:

1 Like

Screenshot pls. Thx!

I added a screenie to my above comment.

1 Like

Awesome!

2 Likes

I’ve checked it. It’s a composited texture (bg+text+lines), to be precise 4 textures and they wasn’t created for ultrawide screens. I don’t have the source files so it’s something not easily fixable so it will remain as is.

Anyway thanks for letting me know! Hopefuly this small annoyance doesn’t kill the overall experience! :wink:

2 Likes

No problem. It’s awesome! Just my OCD kicking in, so I thought I’d report it :laughing:

I have the same “issues” with myself but I have a 16:10 screen so I didn’t notice it! :rofl: Damned bro, this will haunt me for a few days!! :rofl:

1 Like

you bein’ sensitive like Klaus H in Umbrella Academy

guess I kno what series I’ll binge this weekend : O

1 Like

Indeed. It really does :smiling_face_with_three_hearts: :yum:. It’s a realm of possibilities for a simple designer like me. There’s so much in this tool to discover and unleash your creativity (with minimal impact on perf !).
I though it deserves to be featured. I hope many other people will share their creative mind using greasedLine :smiley:

Well, you know what I told you before… I’m just your humble servant on this :innocent: :joy:
It takes little effort to make a clumsy demo out of a great feature :grin: Give me a ‘piece of sh*t’ and I’ll turn it into a piece of :poop: with FX :laughing:… Give me a great feature, and I’ll eventually add some level of ‘immersion’ to it (eventually) :sweat_smile: :rofl:
Your contribution creating and next improving and maintaining greasedLine is simply incredible and beyond any other contribution that’s been made by the Community so far (in my opinion). And that means a lot given the level and the quality of all contributions made.
Long live ‘greasedLine’ :person_with_crown:

Yeah. That’s clearly my bad. Overlays are not accounting this ratio. I eventually wanted to and also make the mobile version… instead, lazy me simply handed the crap over to @roland :face_with_open_eyes_and_hand_over_mouth: (sry :pray:)

Edit:

I’ll fix it and send you the rev version so you can update if you wish to do so. Just give me a couple of days :sweat_smile:

1 Like

Nice demo ! I’m an audiophile and just watched the demo full screen, with good and loud studio monitoring speakers… Stunning :slight_smile:


Out of curiosity, I have a few questions :

  • Apart from the sound analyser (Which I guess is real time) is there some kind of synchro to start other animations ? I mean, do you just start the music and then rely on time (assuming the music duration is guaranteed to be fixed, and started at the moment you asked) or do you have somekind of loopback procedure to extract synchro ?
  • (A bit related to previous one) Sometimes some shapes appear on the words (Heart, Flammes, etc) is it done 100% manually or is there some kind of automatic / AI procedure to generate these ?
  • WHERE is the VR version ? :smiley:
1 Like

Really? possible to share a screenshot?

As much as I would have loved to do it differently, I’m afraid this is just based on runtime animation. I was actually waiting for audio V2 to make this differently… but as far as I know, this thingy hasn’t shown yet :sweat_smile:

Edit:

From my experience, the audio playback is guaranteed. I’m saying based on my ‘space museum’ auditorium project. It appears audio V1 (which is actually not from BJS) is running on time in all cases. Even switching tabs or anything. However, the animations timed on runtime can go ‘haywire’ in such case. That’s why I was (I still am) very much awaiting the features promised for audio V2.

1 Like

@mawa what about to hand it over to @Tricotou ? :rofl:

1 Like