Creating an animated speech game instruction bubble

Creating an animated game instruction speech bubble

In this tutorial we will look at how you can create animated game instruction speech bubble for your start screen using the website https://pixelspeechbubble.com/

1. Go to the website https://pixelspeechbubble.com/
2. Type in your game instructions and click the check box animated
3. Click Create
   
4. Under the animated GIF click download and download the GIF to your computer
5. In GameMaker, add a new sprite asset to the asset browser, name it sprGameInstructions
6. Change the frame rate of the sprite to 10 Frames per second
7. Note the number of frames on the sprite, this will come in useful later.
   
8. Edit the image, click Edit Image. Go to the Image menu that appears along the top bar and click Resize all frames. Reduce the width to half the size. Click Apply. 
9. Create an object called objGameInstructions.
10. If you want the sprite to constantly animate you can now drag this object into your start room
11. If you want the sprite to stop animating when the last frame is reached, add a Step Step event to this object with the following code:

    if(image_index == 82){//check if it has reached the last frame
    image_speed = 0; }