| Open Game Maker 2D
Tutorial - Lesson 5 |
||
| In lesson 5, we will learn how to create a sprite with custom properties and custom event. |
||
| |
||
| Step 1 - Create a new empty game | ||
| Please follow Step 1 in Lesson 1 to create a new empty game. | ||
| Step 2 - Add image resource to the game |
||
| Please first download the image resource from the following link: | ||
| gameres/button.bmp |
||
| And please follow Step 2 in Lesson 4 to add "button.bmp" to the game. | ||
![]() |
||
| In the popup dialog, click "Add Images" button. |
||
![]() |
||
| Select "button.bmp" to add. | ||
![]() |
||
| This time we will not set the color key for the image. |
||
![]() |
||
| Click "OK" button to finish adding image resource. | ||
![]() |
||
| Step 3 - Add new sprite with custom property | ||
| Active the sprite resource list and click the "Add" button to start to add a new sprite. | ||
![]() |
||
| In popup dialog, just input the "Sprite Name" and then click the "Add" button on the "Custom properties" tab sheet. | ||
![]() | ||
| In popup dialog, set a string property named "Caption" for the sprite. And please also set its default value as "Label". | ||
![]() | ||
| Click "OK" button to create the new sprite which has one custom property but has no any animations. |
||
![]() |
||
| Select "Label" sprite in the sprite list and double click its "OnDraw" event. |
||
![]() |
||
| And the script code of the "OnDraw" event will be added automatically. |
||
![]() |
||
| Please copy the following script in blue and paste them into the "OnDraw" event. | ||
| int iSprId = OGE_GetSpr(); int iPosX = OGE_GetPosX(iSprId); int iPosY = OGE_GetPosY(iSprId); int iScreen = OGE_GetScreenImage(); OGE_SetPenColor(iScreen, 0); Label label(iSprId); OGE_DrawText(iScreen, label.Caption, iPosX, iPosY); |
||
| Please note: the text in bold is showing you how to access the custom property of the sprite. |
||
![]() |
||
| Click "Save file" button to save the script file. |
||
![]() |
||
| Drag and drop the "Label" sprite to the scene. |
||
![]() |
||
![]() |
||
| And we may try to change the value of the custom property. |
||
![]() |
||
| Click "Run scene" button to test it. |
||
![]() |
||
| And the result screen should be like this: |
||
![]() |
||
| Step 4 - Add new sprite with custom event | ||
| Please follow Step 3 in Lesson 4 to create a sprite named "Button" with the "button" image ("Panel" type, one animation with one frame). | ||
| And before click "OK" button to create the sprite, please select the "Custom events" tab and click the "Add" button on it. |
||
![]() |
||
| In the popup dialog, input a custom event named "OnClick". |
||
![]() |
||
| Then finally click "OK" button to create the sprite | ||
![]() |
||
| Select "Botton" sprite in the sprite list and double click its "OnMouseUp" event. | ||
![]() |
||
| Please copy the following script in blue and paste them into the "OnMouseUp" event. | ||
| Button btn; btn.DoClick(); |
||
![]() |
||
| Now double click its "OnClick" event, and add the following script in blue. | ||
| OGE_Print("Say hello!\n"); |
||
![]() |
||
| Click "Save file" button to save the script file. | ||
![]() |
||
| Drag and drop the "Button" sprite to the scene, double click its "OnClick" event. |
||
![]() |
||
![]() |
||
| Add the following script in blue to the "OnClick" event. | ||
| OGE_CallBaseEvent(); OGE_Print("Say goodbye!\n"); |
||
![]() |
||
| Click "Save all files" button to save all changes. | ||
![]() |
||
| And then click "Run scene" button to test it. | ||
|
||
| If all is OK, when you click the button, you can see some text printed out in the console box. |
||
![]() |
||
| Okay, that's all of lesson 5. If you have any question about this lesson, please post them on the forum. | ||
| Thank you and see you later. | ||