🔴 Overlay + Animation [GameMaker Studio 2 | Vfx]

This visual effects video tutorial shows you how to make a overlay for any sprite that animates on it in GameMaker Studio.
What is the idea behind this?
This method simply uses a surface that draws over the original sprite. This may sound banal but is actually quite powerful to save tons of time if you intend to make a neat animation for a weapons sprite or something that is being filled or loaded only on the sprite itself.
Where is this being used?
Item showcases, loading animations or simple user interface elements as a simple but neat eyecandy effect.
Surface tutorial: • 🔴Game Maker Studio 2 |...
Pixel art gem used in sprite by taftcreates CC0
opengameart.org/content/match...
▶ Gamemaker Studio: www.yoyogames.com/get
▶ Trial limitations: help.yoyogames.com/hc/en-us/a...
♥ My free game Clunky souls:
1up-indie2.itch.io/clunky-souls
♥ My assets:
Get some assets at itch.io 1up-indie2.itch.io/
♥ Support me and get fresh game art and game maker projects every month:
/ 1upindie
Follow me on:
/ 1upindie
/ 1upindie
/ discord

[@dimusikus]

интересная и очень полезная реализация, обязательно надо брать себе в использование.

[@1upIndie]

Спасибо

[@edicaodanielgamer]

Nice tutorial. Just a thing, Pedro Medeiros is brazilian

[@1upIndie]

Oh, I didn't know. Thanks for the info.
I will do a video on pixel art and he is one of the best free resouces you can get in the world how to learn pixel art.

[@alexrocha2444]

Tenho orgulho desse cara, ele me ajudou muito na melhora das minhas pixel art.

[@mythology100]

Sweet.

[@1milionsubs901]

bro I'm very grateful, because all your videos my project almost finished and all your videos almost match, but I want to ask what software is good for designing sprites?🤩👍

[@1upIndie]

If you like to be an pixel artist, then there a different ways to make sprites. Aseprite is the most popular one because it a really good for making animation sprite sheets.
A bit more professional is gimp or paint (free) or Infinity photo (commercail). Adobe photoshop I wouldn't recommend even if the programm is good.

[@t1dus075]

I love Mr_fancy schmäncy :)

[@1upIndie]

Yeah :DD

[@NeoNik944]

surfaces might hate me

[@1upIndie]

They are a fickle thing for sure...

[@BiomaticStudios]

How could you apply this to a healthbar? Great vid by the way

[@1upIndie]

That is a good idea, I will make a video about that topic! Thanks.

[@BiomaticStudios]

@@1upIndie Thank you. I tried adding such effect to my player but the sprite disapeaars have any idea? This is my draw event, it´s the same code but in an if statement.
if(overlay){
//if(!surface_exists(surf)){
surf = surface_create(16,16);
//}
//target
surface_set_target(surf);
//draw
draw_sprite(s_player,image_index,x,y);
//draw_self();
//overlay
gpu_set_colorwriteenable(1,1,1,0);
draw_sprite(s_overlay_black,index_cycle,0,0);
gpu_set_colorwriteenable(1,1,1,1);
surface_reset_target();
draw_surface(surf,x-sprite_xoffset,y-sprite_height);
}else{
draw_self();
}

[@Amaror2]

@@BiomaticStudios It's been a year, but if you are curious, you're if around the surface_create is commented out. Could be the problem.

[@Stefan-bn4wh]

Great stuff! Thx :) why do we actually need a surface?

[@1upIndie]

Because it you combine 2 things on one surface. You can try it out without the surface and you will see that it doesn't work.

[@glebtsereteli5631]

It can be done without a surface. Check this out: www.yoyogames.com/blog/430/dynamic-rendering-masks

[@1upIndie]

@@glebtsereteli5631 Oh sweet. I didn't know that exists!

[@Stefan-bn4wh]

@@1upIndie do you by chance know what the reason for that is?

[@1upIndie]

@@Stefan-bn4wh There are different apporaches. I will make a video about masking, which "Gleb Tsereteli" was linking to.

[@MisogynyMan]

This works great but the real struggle is figuring out how to do it for objects that move around, scale size and rotation.
I can't get it right.

[@1upIndie]

Well, then you need to move the surface (and destroy it each time) with the instance, which is a hassle.

[@MisogynyMan]

@@1upIndie I mean I don't know how to rotate the surface correctly, scale it and stuff, whenever the object in game rotates, the surface is still a square box that cuts off the sides. Not sure how to explain it properly, English is my second language.
Basically I just want a logo to go on top of an object and move around with it without going outside the objects sprite.

[@1upIndie]

@@MisogynyMan Hm, have your tried my "help" section in the discord? There are always some guys that do help out fellow developers in need.

[@jedb57]

how can you do this with tiled backgrounds?

[@1upIndie]

Yupp, already done that: ua-cam.com/video/xHrtQeUCGNY/v-deo.html

[@jedb57]

@@1upIndie the animation part yes, but the overlay? thats where im lost

[@1upIndie]

@@jedb57 ehm, not sure what you mean. Can you describe what you actuallly want to achieve?
I am not sure we are on the same page concerning backgrounds and animation.
In gamemaker a background is a color or one image that can be stretched/repeated plus "moved" to simulate movement. That is kind of limited.
Animations can be also a sprite (image) and place as deco on a asset layer. (no control, simply deco)
Or you can draw/set a sprite to an object. Here you can manipulate different results. (most control)
Or you can "animate" on a tile layer tiles (basically brushes put in squares). That was the video I linked.

[@jedb57]

@@1upIndie what i meant is... well, the effect from the background like megaman x5 zero stages, like this: ua-cam.com/video/aPe00vxbTS4/v-deo.html the background has some color that goes up etc

[@jedb57]

@@1upIndie the effect looks like what you did on your sprites but its on a background, i wonder if its possible in gms

[@theuseraccountname]

You made a pointless video to draw clicks away from the original video. The original video has everything you have, but you somehow stretched your video to 12 minutes.

[@1upIndie]

Yes. I just added to the original.