Adventure Game Studio

Community => General Discussion => Topic started by: Fitz on Sun 16/10/2016 19:57:55

Title: Music videos made in AGS (new one added June 17, 2018!)
Post by: Fitz on Sun 16/10/2016 19:57:55
I haven't been very active in the forums for a while now. But I've been super busy on another AGS project that's not a game. I've using our beloved engine to make music videos now!

It started with Zuri, the musician who kindly let me use one his songs in a teaser trailer (https://www.youtube.com/watch?v=bYfFKQA51w8) for The Unprintable MAGENTA. We've become good friends since, and co-worked on various projects. So this one time, he wrote a new synthwave song, and then somewhat shyly offered it for a soundtrack for a future project -- and I loved it, and instantly knew where I wanted to use it. But the more I thought about it, the more I realized the song demands a more fleshed-out visualization. Ideas started flowing, and within 15 minutes I had a detailed concept for a whole music video. And since I don't have After Effects, I took to the one program I know: Adventure Game Studio. It was an insane decision, for many reasons, and it took its toll - but..

...some 2,5 months later, the video is finally done:


UPDATE Jan 10, 2017:

And here's another one -- which I did as a fan tribute for one of my favorite synthwave artists, VHS Glitch (http://vhsglitch.bandcamp.com) (and which he liked so much it is now the official video for the song)! This one I've done mostly in MOHO/Anime Studio, which I got recently and started playing around with -- BUT after some initial trials I decided animating all the keystrokes would be crazy, I made virtual organs in AGS. Then I grabbed the footage of myself whamming the hell out of my trusty keyboard and put the animation of that into the animation (laugh)


UPDATE Oct 30, 2017:

Here's a Halloween special!


Some time ago, after seeing my first video (http://www.youtube.com/watch?v=0JWeNMnXI7c), the French synthwave band ELEVN (https://www.facebook.com/elevn/), whom I'd been following with great interest from the start, approached me about creating visualizations for their live gigs. And so, over several months of blood, sweat and tears, driven by madness and black magic, I concocted the darkest, craziest creation of my entire life. This time it's pure-bred hellspawn of AGS, with no other magic involved: inanimate objects and undead characters moving around, vanishing and reappearing, changing size and tint in real time by the power of The Code... MUAHAHAAAA!!! (laugh)

UPDATE May 3, 2018:

Took me a while to get back into the swing of things - but I'm back with a new video made in AGS:


The song by the talented singer/songwriter/pianist Jennifer Doll (https://jenniferdollmusic.bandcamp.com/releases) nudged me in just the direction I'd been wanting to go: to do something cartoony and weird, silly and dark at the same time. Think Tim Burton meets Amanita Design. It also gave me the inspiration to keep going with these little, simple videos I make in AGS. I was actually originally making this one in Open Shot Video Editor - but when you have a 7 year old computer, playing with video editing software is more dangerous than juggling bricks of uranium. So after the damn thing started spazzing and almost fried my CPU, I went back and re-assembled the video in AGS. Oh, the things you can do with dynamic sprites and some tricky coding. Suffice it to say that there's barely any frame-by-frame animation - except the rolling paper ball, because I was lazy. Everything else - characters extending arms, the falling droplet, the leaf, the chewing caterpillar's head - is rotated/resized in real time by code. It seems I also figured out the code for character jumping (with the slow deceleration in mid-air and getting pulled down by Earth's gravity). Wish I actually knew the first thing about designing platformers because I could totally make one now ;)

UPDATE June 17, 2018:

And one mooooooo-re ;)


I was listening to this song by Here On Mars (http://onmars.bandcamp.com/) on one hot, sunny day & started slowly dozing off. Then this dream vision of a blue cow with orange patches against a red Martian sky hit me. That's when I knew it has to become a video. Originally I planned it to be just a series of static images of cows grazing, repeating and progressively turning more and more psychedelic. But the song is just so clever and insightful that I had to do more than that to do it justice. I tried to reference the lyrics in creative ways - with cows at the center of the metaphors. The result is six minutes of complete madness that might only make sense to me ;)
Title: Re: A music video made in AGS
Post by: Amayirot Akago on Sun 16/10/2016 20:46:27
That was pretty awesome :D Lovely 80's style visuals and a pretty decent tune to boot. Helps that I love anything related to Chris Hülsbeck :)
Title: Re: A music video made in AGS
Post by: Fitz on Sun 16/10/2016 21:23:08
Thanks :) Had so much fun making this -- especially since I'm an 80's kid myself (1980 FTW!). Though I never got to play Giana Sisters, and we didn't get NES in my neck of the woods till the early 90's.
Title: Re: A music video made in AGS
Post by: selmiak on Sun 16/10/2016 21:58:37
cool stuff. Is that rainwiper (is it called like this in english?) some sprite function? That eye/Iris made from lines to the center with more lines inside is pretty cool is this also some code trickery?
Title: Re: A music video made in AGS
Post by: Cassiebsg on Sun 16/10/2016 22:05:58
Sounds and looks great!
Good job! (nod)
Title: Re: A music video made in AGS
Post by: Jack on Sun 16/10/2016 22:26:49
This is so cool. Well done!
Title: Re: A music video made in AGS
Post by: Fitz on Mon 17/10/2016 06:04:03
Thanks :)

Selmiak: I did consider using drawing functions, as they'd make some thing easier, but I had no prior experience with those, and I had certain f/x in mind that I wasn't sure they'd handle. So yeah, it's all sprites :) It still required some trickery, as the wiper going left and the one going right right are two separate layers, and the vectory iris is three layers of lines with varying degrees of transparency to make the disappearing look smooth and gradual.
Title: Re: A music video made in AGS
Post by: Danvzare on Mon 17/10/2016 13:12:19
Woah, holy crap that was awesome! :shocked:
I can only imagine the amount of effort that must have gone into this.
That was incredible, and to think it was made all in AGS. Wow, simply wow.
Title: Re: A music video made in AGS
Post by: Mandle on Mon 17/10/2016 16:20:22
I SO WANT TO SEE THIS VIDEO PLAYING AT A RAVE ON GIANT SCREENS WHILE THE MUSIC PUMPS AT INSANE LEVELS!!!

Both the video and the music are insanely cool!

This deserves a new AGS award: The Coolest Application Of AGS 2016
Title: Re: A music video made in AGS
Post by: Chicky on Mon 17/10/2016 17:45:06
Dude I saw this on Facebook and it's proper ace! Your art fits the synthwave vibe really well, love all the minimalist close ups and transitions. I was pondering over why you chose AGS instead of AE or similar and thought it would be a neat idea if you released the compiled exe, in spirit of the demoscene visualisations of yesteryear. Seems like it would be a neat extra to compliment those who pay for the album or single.

Congrats man, must've taken some serious work timing everything to the music.
Title: Re: A music video made in AGS
Post by: Fitz on Mon 17/10/2016 21:51:50
Danvzare: I should clarify that while most of what you see is pure 100% AGS, three scenes have been tweaked in AE: the fake trailer (a VHS-like filter added, it looked like this (https://www.youtube.com/watch?v=KlVQKSM6W7U) originally), the cig & wine scene (displacement glitches), and the matrixy vector part at the end (some glow/bloom added here and there). But yeah, other than that, it was just multiple objects flying around, multiple layers pretending to be one object, transparencies and creative use of walk-behinds. I started working on the song's first demo it in July, and then on the finished song in since the end of August or so, usually a scene or two a day, putting in crazy hours at times.

Mandle: Zuri & his company actually frequently work for mass EDM venues, dealing in sound engineering and visualizations specifically, so he might just be able to do that!

Chicky: I did consider posting the video as a game here -- but in my very painful experience with previous projects the performance varies from system to system, severely lagging on older specs. My puter is 5 years old and boy did I have fun trying to get it to sync in all the right places.
Oh and the single is available as a free download, as everything released by Export Elite :)
Title: Re: A music video made in AGS
Post by: cat on Mon 17/10/2016 22:01:44
Awesome music and video!
Title: Re: A music video made in AGS
Post by: Problem on Mon 17/10/2016 22:03:28
EXE or it didn't happen! :-D
But seriously, this is awesome! Must have been a ton of work.
Title: Re: A music video made in AGS
Post by: Fitz on Mon 17/10/2016 22:11:07
Cat: Thank you! And I agree about the song. Must've heard it hundreds of times while making the video and I still love it and enjoy listening to it :D

Problem: Might just upload it, then :) Not now, though -- it's late, it's a large file, and those things take ages to upload.
Title: Re: A music video made in AGS
Post by: Baron on Tue 18/10/2016 02:46:26
That... was... Awesome! ;-D
Title: Re: A music video made in AGS
Post by: AnasAbdin on Tue 18/10/2016 04:56:06
I loved every bit of it! It's on the 4th loop on my headphones now and I'm not getting up anytime soon  (laugh)
This is now my theme music every time I want to open AGS, and I do that a lot everyday  8-)
Title: Re: A music video made in AGS
Post by: ThreeOhFour on Wed 19/10/2016 04:23:25
Love it! :cheesy:
Title: Re: A music video made in AGS
Post by: MiteWiseacreLives! on Wed 19/10/2016 06:13:55
Wow.
Your a madman Fitz.
Title: Re: A music video made in AGS
Post by: on Thu 20/10/2016 21:29:05
Very cool Fitz!! Incredibly stylish...and a great music track! binary rain, nice!
Title: Re: A music video made in AGS
Post by: Fitz on Fri 21/10/2016 11:11:33
Thanks, guys :) I really appreciate the great response. I've been toying with the idea of making music videos in AGS for years -- and actually kinda did that (https://www.youtube.com/watch?v=9efHD5vdw_c) before, but it was an outro for a game, and only took me two days to make or so. This one was a stand-alone, and forced me to go a little more hi-tech (including HD), try completely new things, and use AGS mechanics in pretty unconventional ways.

Anas: It is an incredibly catchy tune, isn't it? Over the past few months I listened to every bit of it hundreds of times while planning and testing each scene, and I still love listening to it :)

Mods: Matrix was obviously a huge inspiration for the video -- but there's also one obscure movie from around that time called The 13th Floor (https://www.youtube.com/watch?v=-UtUAHYlkdM) that I drew from. It's a completely different take on the subject, and way more stylish, too. For the same reason I recommend seeing Dark City (https://www.youtube.com/watch?v=gt9HkO-cGGo), another niche classic.
Title: Re: A music video made in AGS (and another one made in part with AGS)
Post by: Fitz on Tue 10/01/2017 11:16:03
And here's another one -- which I did as a fan tribute for one of my favorite synthwave artists, VHS Glitch (http://vhsglitch.bandcamp.com) (and which he liked so much it is now the official video for the song)! This one I've done mostly in MOHO/Anime Studio, which I got recently and started playing around with -- BUT after some initial trials I decided animating all the keystrokes would be crazy, I made virtual organs in AGS. Then I grabbed the footage of myself whamming the hell out of my trusty keyboard and put the animation of that into the animation (laugh)

Title: Re: A music video made in AGS (and another one made in part with AGS)
Post by: Mandle on Tue 10/01/2017 14:29:21
Amazing music and also an amazing process you must have gone through to create the video...

I didn't quite understand though: Do you mean you played along with the music on your keyboard in your AGS "game" to capture the animation of the keys? (which turned out to be the buttons on a boombox, which is an AWESOME twist!!!)

If so: did you play along in real time or slow down the track?
Title: Re: A music video made in AGS (and another one made in part with AGS)
Post by: Fitz on Tue 10/01/2017 20:16:00
I played along to the song -- which I uploaded into the game -- in real time. The result isn't great partly because there seems to be a bit of a lag in the youtube video (while it seemed to sync nicely in the original screengrab) but mostly because I don't know jack about music and so I just hit any key when I felt I should, all too often missing my cue completely, especially in the faster parts (laugh)
Title: Re: A music video made in AGS (and another one made in part with AGS)
Post by: Danvzare on Tue 10/01/2017 20:32:13
Quote from: Fitz on Tue 10/01/2017 20:16:00
I played along to the song -- which I uploaded into the game -- in real time. The result isn't great partly because there seems to be a bit of a lag in the youtube video (while it seemed to sync nicely in the original screengrab) but mostly because I don't know jack about music and so I just hit any key when I felt I should, all too often missing my cue completely, especially in the faster parts (laugh)
The effect is still awesome though, and I honestly didn't notice the lag or the fact that it's just hitting keys at random, until you mentioned it.
Title: Re: A music video made in AGS (and another one made in part with AGS)
Post by: Fitz on Tue 10/01/2017 20:45:43
Yeah, I was hoping a greater sense of "WTF is going on?" and the slow revealing of other details would detract the viewers' attention from the keys (laugh) But I did go through the whole song and felt I found my inner Chopin by the end of it ;)
Title: Re: A music video made in AGS (and another one made in part with AGS)
Post by: Fitz on Sun 29/10/2017 22:00:56
Here's a Halloween special!


Some time ago, after seeing my first video (http://www.youtube.com/watch?v=0JWeNMnXI7c), the French synthwave band ELEVN (https://www.facebook.com/elevn/), whom I'd been following with great interest from the start, approached me about creating visualizations for their live gigs. And so, over months of blood, sweat and tears, driven by madness and black magic, I concocted the darkest, craziest creation of my entire life. This time it's pure-bred hellspawn of AGS, with no other magic involved: inanimate objects and undead characters moving around, vanishing and reappearing, changing size and tint in real time by the power of The Code... MUAHAHAAAA!!! (laugh)
Title: Re: Music videos made in AGS (new one added Oct 30!)
Post by: eri0o on Mon 30/10/2017 18:58:12
This is amazing. I love this. Is there any part of the code where you did a smart trick to get a specific effect, that would be cool to mention? And when developing, how did you go to not have to play whatever you developed before over and over?
Title: Re: Music videos made in AGS (new one added Oct 30!)
Post by: Fitz on Tue 31/10/2017 08:30:38
Basically, the video is nothing BUT non-stop trickery ;) Perhaps I could've taken it easy here and there, with a simplier, more time-efficient solution -- but I wanted to challenge myself. What I'm proud of the most is that there's very little frame-by-frame animation (other than random background effects like rain, snow or asphalt - which were usually made by flipping a single image left/right or up/down, anyway). It's usually having multiple objects on top of each other and unveiling or hiding them dynamically throughout the scene by manipulating Transparency (like in the scene where the vampire rides through the city (https://youtu.be/IOcflHuoY5I?t=1m10s)) or changing color (such as the city exploding (https://youtu.be/IOcflHuoY5I?t=3m17s)). But these are rather basic. The one I'm most proud of is the cat in the headlights (https://youtu.be/IOcflHuoY5I?t=56s). This one has two masks for the face: one for when it's in the dark, one when lit -- and behind those semi-transparent masks, four object moving and scaling simultaneously to simulate dilating pupils AND two more for the light reflections. There's also one thing in AGS I discovered only while making this video that just blew my mind: rotating things! 8-0 I've never even thought it possible, given the fact that it's a sprite based-engine -- but I blame it on my superficial knowledge of the program. It's not super easy to do, either, but it's feasible. And so, the witch doing a wheelie (https://youtu.be/IOcflHuoY5I?t=2m47s) is just a static image of the woman on the motorcycle being rotated. Of course there's the hair in the wind, which I had to animate and move around separately - since the wind still blows in one direction, which doesn't line up with the angle of the motorcycle, and also dynamic sprites ignore transparency.
As for watching the video over and over -- yup, no easy or failproof way around it ;) Doing my first AGS music video (https://www.youtube.com/watch?v=0JWeNMnXI7c), I did cut the audio into smaller chunks, worked on a few scenes at a time, and then joined them later, but it'd go terribly out of sync sometimes. So this time I only did two major splits, and even that was a pain to sync right afterwards. Multiple viewings and screen captures were a sad necessity, especially since my current work station is over 6 years old and it'd usually take 2-3 takes before it'd chew through all the graphic assets and run without a hitch. Perhaps/probably there's some very simple solution, like a code that would start playing the audio from a specific point, but I haven't looked hard enough ;)
Title: Re: Music videos made in AGS (new one added Oct 30!)
Post by: eri0o on Tue 31/10/2017 09:36:40
Thanks for the write up Fitz, I really liked reading through. And thanks for the how you did the cat eye pupils, that was very interesting :] Lots of ideas for cutscenes now. (laugh)
Title: Re: Music videos made in AGS (new one added Oct 30!)
Post by: Fitz on Tue 31/10/2017 16:24:46
You're welcome :) One other thing you'll need to consider when making sophisticated cutscenes within AGS -- especially if they're supposed to run in sync with music -- is that people will run your game on different specs, and very often the graphics, especially in higher resolutions or when screen-captured without compression (on programs like FRAPS), will lag, thus ruining the desired effect. So while it's perfectly feasible to make cutscenes in-engine, it's probably best to screen-grab them, upload them to the project and play them as videos.
Title: Re: Music videos made in AGS (new one added Oct 30!)
Post by: Cassiebsg on Tue 31/10/2017 19:56:36
Again, this is superb and mind blowing, Fitz! :-D
You did an awesome work there, and hope the band is happy with the end result! (they better be, or we'll unleash the hounds of hell on them (laugh) ).
Title: Re: Music videos made in AGS (new one added Oct 30!)
Post by: Fitz on Thu 03/05/2018 08:22:03
Took me a while to get back into the swing of things - but I'm back with a new video made in AGS:


The song by the talented singer/songwriter/pianist Jennifer Doll (https://jenniferdollmusic.bandcamp.com/releases) nudged me in just the direction I'd been wanting to go: to do something cartoony and weird, silly and dark at the same time. Think Tim Burton meets Amanita Design. It also gave me the inspiration to keep going with these little, simple videos I make in AGS. I was actually originally making this one in Open Shot Video Editor - but when you have a 7 year old computer, playing with video editing software is more dangerous than juggling bricks of uranium. So after the damn thing started spazzing and almost fried my CPU, I went back and re-assembled the video in AGS. Oh, the things you can do with dynamic sprites and some tricky coding. Suffice it to say that there's barely any frame-by-frame animation - except the rolling paper ball, because I was lazy. Everything else - characters extending arms, the falling droplet, the leaf, the chewing caterpillar's head - is rotated/resized in real time by code. It seems I also figured out the code for character jumping (with the slow deceleration in mid-air and getting pulled down by Earth's gravity). Wish I actually knew the first thing about designing platformers because I could totally make one now ;)
Title: Re: Music videos made in AGS (new one added May 3, 2018!)
Post by: selmiak on Fri 04/05/2018 10:28:14
Oh this is nice :D
how long did it take you to paint all the base images?
Title: Re: Music videos made in AGS (new one added May 3, 2018!)
Post by: Cassiebsg on Fri 04/05/2018 16:52:01
Again, awesome work!! (nod)
Title: Re: Music videos made in AGS (new one added May 3, 2018!)
Post by: Fitz on Fri 04/05/2018 17:07:28
Thanks :)

Selmiak: Haven't really calculated, but I generally consider them fairly simple: firsr I do lineart in vector graphics using Inkscape, then convert them to bitmaps and color them in GIMP. Most of the time I was too lazy to take out my tablet & I did most of it with a mouse. I wanted to take it easy with this project, as opposed to my previous video (https://www.youtube.com/watch?v=IOcflHuoY5I). The whole video took about 4 weeks, 4 days a week, to make - including the computer crisis, the resulting depression, then finally re-doing the first minute of it in AGS. All in all, took MUCH longer & was way harder than anticipated - but still I'm happy to have gotten it done, really needed that.

Already preparing for another project - this time using a 4-color palette similar to that from Gray (http://www.adventuregamestudio.co.uk/site/games/game/1627)!
Title: Re: Music videos made in AGS (new one added May 3, 2018!)
Post by: Fitz on Sun 17/06/2018 18:34:54
And there it is: a new video I mentioned in the post above:


I was listening to this song by Here On Mars (http://onmars.bandcamp.com/) on one hot, sunny day & started slowly dozing off. Then this dream vision of a blue cow with orange patches against a red Martian sky hit me. That's when I knew it has to become a video. Originally I planned it to be just a series of static images of cows grazing, repeating and progressively turning more and more psychedelic. But the song is just so clever and insightful that I had to do more than that to do it justice. I tried to reference the lyrics in creative ways - with cows at the center of the metaphors. The result is six minutes of complete madness that might only make sense to me ;)
Title: Re: Music videos made in AGS (new one added June 17, 2018!)
Post by: Pling! on Tue 19/06/2018 10:04:25
As smooth as mindblowing.
Spoiler
Calfin Klein :-D
[close]
Title: Re: Music videos made in AGS (new one added June 17, 2018!)
Post by: Fitz on Mon 25/06/2018 07:23:22
That was just one of many bovine puns in there. (laugh) There were much moooooo brands briefly/barely visible in the "haute cowture" segment as well as the TV channels, later on. Had tons of fun with that, and actually had to leave a lot of ideas out for lack of time/space in the video.