πŸš€Learn how to make a BETTER #shmup !πŸš€

It is the beginning of a new tutorial series for more experienced developers looking to enhance their skills. We'll go trough all the steps to create a PROPER shmup on #pico8
https://www.youtube.com/watch?v=GSx2YHy9Gp8

#gamedev #indiedev #stg

Making an Advanced Shmup #01 - Mock-Ups - Pico-8 Hero

YouTube

πŸŽ₯⭐ New Video ⭐πŸŽ₯
On this episode we do a deep dive into the visuals of videogame shooting. We demystify phenomena like the Wagon-wheel effect and Strobing

https://www.youtube.com/watch?v=BrvPM2yWgyE

#pico8 #shmup #stg #gamedev #indiedev #pixelart

Making an Advanced Shmup #08 - Shooting - Pico-8 Hero

YouTube

πŸŽ₯⭐ New Video ⭐πŸŽ₯
On this episode we start a multi-episode arc about how to create a sublime explosion. Today we study explosions IRL and in animation and lay down the foundations.
https://youtube.com/watch?v=UXICxGco3LA

#pico8 #shmup #stg #gamedev #indiedev #pixelart

Making an Advanced Shmup #10 - Explosions - Pico-8 Hero

YouTube

πŸŽ₯⭐ New Video ⭐πŸŽ₯
On this episode the quest for the perfect explosion continues as we explore our options to do the shading with #pico8 's dithering capabilities

https://youtube.com/watch?v=gXJO1lSVUiw

#shmup #stg #gamedev #indiedev #pixelart

Making an Advanced Shmup #11 - Dithering - Pico-8 Hero

YouTube

πŸŽ₯⭐ New Video ⭐πŸŽ₯
On this episode our plan for the perfect explosions comes together as we create clusters of blobs which we shall call "grapes". This is how the juice is made!
https://www.youtube.com/watch?v=O_89O9Atj8Q

#pico8 #shmup #stg #gamedev #indiedev #pixelart

Making an Advanced Shmup #12 - Blob Grapes - Pico-8 Hero

YouTube

πŸŽ₯⭐ New Video ⭐πŸŽ₯
On this episode we polish the animation of our explosion grapes to make more of that sweet, sweet explosion juice

https://www.youtube.com/watch?v=C00ukTsUngA

#pico8 #shmup #stg #gamedev #indiedev #pixelart

Making an Advanced Shmup #13 - Blob Animation - Pico-8 Hero

YouTube

πŸŽ₯⭐ New Video ⭐πŸŽ₯
On this episode we add color to our explosion and figure out a way to animate it for those beautiful fire color gradients!

https://www.youtube.com/watch?v=6JxFWDrbYe4

#pico8 #shmup #stg #gamedev #indiedev #pixelart

Making an Advanced Shmup #14 - Blob Color - Pico-8 Hero

YouTube

πŸŽ₯⭐ New Video ⭐πŸŽ₯
This episode is the finale of our explosion subplot. We finally have our fully procedural, fully juiced-up explosion. Don't tell Musk
https://www.youtube.com/watch?v=8LNLwVs4csU

#pico8 #shmup #stg #gamedev #indiedev #pixelart

Making an Advanced Shmup #15 - Sparks - Pico-8 Hero

YouTube
@krystman Not sure how easy it would be to change it, but an explosion tends to be somewhat, and eventually go, dark from the top down. Might be more convincing if you offset the color progress relative to Y.

@krystman Oh wait, maybe I'm misspeaking here. This is for your shmup, right? Top-down? If so my bad, it's not good advice after all.

But if there's a Y component intended to indicate height, I still think it'd be good.

@Felice Yes, it is for the Shmup. Do you have an example of the color progression you speak of?

@krystman Closest I could find to what I was thinking of is at 1:10 in this video. Sorry I wish I could find a non-war video, but that's the nature of the subject. No visible gruesomeness at least.

https://www.youtube.com/watch?v=dPJSsXnd7YI&t=1m10s

There will related Sun videos of other explosions that proceed in various similar, but different, manners. Maybe you can find a good method there if this doesn't suit you. I just think a gray/yellow mix works well rather than yellow->gray.

Ukrainian soldiers fire TOW missile to destroy Russian armoured vehicle

YouTube
@Felice Wait, lost your train of thought. Yoi were saying about an explosion turning dark the top?

@krystman Not necessarily dark, but gray or even white. Basically not fiery yellow and orange throughout every frame. See at 1:10 in that video (helps to play at 0.25x) that you get a brief fireball that erupts gray smoke upwards and then dies out somewhere in the middle of it.

Like I said, there are multiple different ways this can go. Here are a few more with timestamps:

0:18 here
https://www.youtube.com/watch?v=9Xn_reyXARA&t=18s

0:13 here, top-down drone shot
https://www.youtube.com/watch?v=9cLb-hAR_MY&t=13s

0:49
https://www.youtube.com/watch?v=jCnjH7ieOSw&t=49s

Russian tank explodes in ball of flames in Ukrainian Javelin missile attack

YouTube

@krystman I think generally you'd start all bright yellow and orange, or even white, and then go for variation as the flame dies out towards the middle or side or even top (could be procedural) while the original sprites turn gray as if extinguished into ash/smoke.

Might be dependent on what's being bombed too.

@Felice I see what you mean. Have you seen the actual tutorial videos?
@krystman I haven't, sorry. Shmups aren't my thing. Have a link to the specific part?

@Felice Yeah so at the beginning I'm going over the influences I was using. Generally I think we need to distinguish between actual explosions and Hollywood explosions. Real = brief combustion, lots of smoke. Hollywood = focus on long, billowing fireballs

https://youtu.be/UXICxGco3LA?t=322

Making an Advanced Shmup #10 - Explosions - Pico-8 Hero

YouTube
@Felice Your comment tripped me up because I think for a Hollywood explosion you'll see the hot, bright gases moving upwards and colder, darker gasses falling behind. So the top of the explosion will be brighter and the lower part will be darker overall
https://www.youtube.com/watch?v=nqJiWbD08Yw
Why Hollywood explosions don't look like real explosions

YouTube
@Felice The direct reference I was using was this Dodonpachi Explosion which also lingers in the Hollywood-like billowing fireball phase
@krystman Ah yeah, I can see why that would result in your explosion, since I think they're utilizing color cycling on just a few large explosion sprites to produce the effect, so it all has to change at once.
@Felice Man, I would love to know how they did that explosion. I suspect it's just a long bitmap animation because there is a lot of pretty unique shapes in there.
@krystman It might just be the final frame that does the color cycle, so it can fade to orange/brown/gray/transparent progressively
@krystman I could be wrong about the cycling actually, though I think there's definitely something they COULD be doing to save on sprite space. I notice most of the frames seem to be build out of several smaller overlapping blobs arranged erratically. I think. We had to do stuff like that on SNES all the time due to VRAM limits.
@Felice But yeah some people in the Lazy Devs discord pushed the system from the tutorial really far by adding alt colors and layering on more dithering per particle. This one from Alice is pretty sweet
@krystman I'd love to see that one but with the bright spot slowly moving down towards the bottom of each disc as it rises. I think it'd give that rotating-volume effect you see when an explosion is expanding.
@krystman Is there code somewhere I could play with?

@Felice My code is here
https://github.com/Krystman/lazydevs-pico8-advanced-shmup/blob/555a96795a6fbffbe9da52e84d74407aaa880cd3/expl.p8

As for the Alice, you got to ask her. She's AliceNewtype0079 on Discord

lazydevs-pico8-advanced-shmup/expl.p8 at 555a96795a6fbffbe9da52e84d74407aaa880cd3 Β· Krystman/lazydevs-pico8-advanced-shmup

This is a repository of the Lazy Devs Academy Pico-8 Hero Advancved Shmup Tutorial. - lazydevs-pico8-advanced-shmup/expl.p8 at 555a96795a6fbffbe9da52e84d74407aaa880cd3 Β· Krystman/lazydevs-pico8-adv...

GitHub

@krystman Ah, luckily she uploaded the .p8 when she uploaded the gif.

Now I will tweak and see if I'm on the right track or if I'm just full of πŸ’©.

I shall report back. Eventually. 😜

Thanks!

@Felice Cool! Looking forward to it!
@krystman Yeah so you want a gasoline hollywood explosion. Even so, if you watch yourself watching Tom Scott at 10:35 there's still an example of how you get the variation between yellow-orange and gray/dark gray during a single frame. Especially notable when you pause it around 10:46. It's those dark fringes and possibly above or below areas relative to the center of the current flame that seal it for my eyes.