by kain vinosecrpgmaker.assets.s3-ap-northeast-1.amazonaws.com/... · indie game maker tutorials...
TRANSCRIPT
Indie Game Maker Tutorials
IGM Tutorial XVI Flow
by Kain Vinosec
Wersquove worked with the ldquoFlowrdquo tab previously but now wersquore going to look at it with a bit more depth Load up your shooting game or grab this GPD real quick and letrsquos get started
Basically what wersquore going to do is create two memories then tell the game that when those memories go up by one it should switch stages Pretty simple stuff but itrsquos just a small taste of what the ldquoFlowrdquo system is capable of doing So first stop on our adventure is to the ldquoMaterialsrdquo tab and the ldquoMemoriesrdquo sub-tab Create two memories named ldquoStage 1Prime and ldquoStage 2Prime Leave both of their initial values at zero
Next head to the ldquoShootingrdquo tab and the ldquoCanvasesrdquo sub-tab Select ldquoLevel 01Prime or ldquoLevel 02Prime (yoursquoll need to do this for both) pull up the ldquoParts Placed On The Layoutrdquo details menu and select the ldquoCoursesrdquo tab there If you scroll down a bit yoursquoll see a section called ldquoMemory Settingsrdquo and a drop-down menu for ldquoMemories To Be Changed At Pointsrdquo Select the appropriate stage memory for
httpwwwrpgmakerwebcom 1
Indie Game Maker Tutorials
each stage Then below that you can see the two points wersquove created Select ldquoPoints002Prime (or if you have more just select the final point of the course) and change the ldquoMemory Value Incrementsrdquo to ldquo1Prime
Now wersquore off to the ldquoFlowrdquo tab Here click on ldquoLevel 01Prime or ldquoLevel 02Prime (yoursquoll need to do this for both) You can see that it branches from our ldquoMenurdquo screen to our ldquoGame Overrdquo screen What we want to do is make it branch to the other stage So if yoursquove selected ldquoLevel 01Prime grab the black squre with the sparkle on the right side of it and drag it to ldquoLevel 02Prime Then do the same in the opposite order
Now in the ldquoBranch Destination Canvasesrdquo window for ldquoLevel 01Prime select ldquoLevel 02Prime Scroll down until you find the option for ldquoThe Designated Memoryrsquos Value Changedrdquo set it for the ldquoStage 1Prime memory we made For ldquoComparitive Conditionrdquo set it to ldquoEqual (==)rdquo and ldquoValuerdquo should be ldquo1Prime Do the same for ldquoLevel 02Prime but remember to set the appropriate memory
httpwwwrpgmakerwebcom 2
Indie Game Maker Tutorials
If you test this right now it works fine (the memory resets when the screen changes automatically) but it will be a little jarring and it may not work the same across all of your export options So what wersquore going to do is make absolutely sure that the memories reset and wersquore going to give each screen starting points so we get a nice not-nearly-as-jarring black fade before switching levels
Seeing as how we are already on the ldquoFlowrdquo tab letrsquos do the fades first Select ldquoLevel 01Prime in the flow and then select ldquoLevel 02Prime in the ldquoBranch Destination Canvasesrdquo window Go to the ldquoCanvas Starting Pointsrdquo sub-tab and hit the + button to create a new one (donrsquot hit the ldquoCreaterdquo option here as it will create a new plugin tab instead)
Under ldquoThe Selected Starting Pointrdquo switch to the ldquoCanvas Display Effectsrdquo tab and choose the ldquoBlackrdquo option for the ldquoStartrdquo and ldquoCanvasrdquo ldquoDisplay Effectsrdquo options Now click back to the ldquoBranching Conditionsrdquo tab and set up your ldquoStarting Pointrdquo at the top of the window Now select ldquoLevel 02Prime in the flow and do the same thing for it
httpwwwrpgmakerwebcom 3
Indie Game Maker Tutorials
Head over to the ldquoShootingrdquo tab and the ldquoGadgetsrdquo sub-tab Create a new gadget and call it something like ldquoStage 01 ndash Memory Resetrdquo Make its assigned animation ldquoInvisiblerdquo Rename its ldquoAction Programrdquo to something like ldquoResetrdquo Check the box for ldquoDonrsquot Designate A Direction Of Movementrdquo and change the movement speed to ldquo0Prime Scroll down and check the box for ldquoSwitch Memoriesrdquo select ldquoStage 1Prime and select ldquoReset To Defaultrdquo Copy and paste this gadget and change the name and memory to Stage 2
Donrsquot forget to set ldquoThe First Action Programrdquo under the ldquoEmergence Settingsrdquo tab for both of these by the way
httpwwwrpgmakerwebcom 4
Indie Game Maker Tutorials
Jump over to the ldquoCanvasesrdquo sub-tab so we can place the gadgets Place the ldquoStage 02 ndash Memory Resetrdquo gadget on ldquoLevel 01Prime somewhere near the beginning and vice versa for ldquoLevel 02Prime The reason is you want the gadget to reset the numbers after it has jumped to the next stage not while you are still on the stage with the reset gadget So when you jump to Stage 02 you are resetting the memory for Stage 01 and vice versa It doesnrsquot matter which layer the gadgets are on by the wayThatrsquos it for now Donrsquot be afraid to experiment with the flow There are a ton of different things you can do and it is a little more reliable than setting up links between canvases
Ready to start your own game in IGM Purchase IGM at a 10 discount using the coupon code ldquoigmakerohyeahldquo Any questions comments Ask them in the forums
httpwwwrpgmakerwebcom 5
Indie Game Maker Tutorials
each stage Then below that you can see the two points wersquove created Select ldquoPoints002Prime (or if you have more just select the final point of the course) and change the ldquoMemory Value Incrementsrdquo to ldquo1Prime
Now wersquore off to the ldquoFlowrdquo tab Here click on ldquoLevel 01Prime or ldquoLevel 02Prime (yoursquoll need to do this for both) You can see that it branches from our ldquoMenurdquo screen to our ldquoGame Overrdquo screen What we want to do is make it branch to the other stage So if yoursquove selected ldquoLevel 01Prime grab the black squre with the sparkle on the right side of it and drag it to ldquoLevel 02Prime Then do the same in the opposite order
Now in the ldquoBranch Destination Canvasesrdquo window for ldquoLevel 01Prime select ldquoLevel 02Prime Scroll down until you find the option for ldquoThe Designated Memoryrsquos Value Changedrdquo set it for the ldquoStage 1Prime memory we made For ldquoComparitive Conditionrdquo set it to ldquoEqual (==)rdquo and ldquoValuerdquo should be ldquo1Prime Do the same for ldquoLevel 02Prime but remember to set the appropriate memory
httpwwwrpgmakerwebcom 2
Indie Game Maker Tutorials
If you test this right now it works fine (the memory resets when the screen changes automatically) but it will be a little jarring and it may not work the same across all of your export options So what wersquore going to do is make absolutely sure that the memories reset and wersquore going to give each screen starting points so we get a nice not-nearly-as-jarring black fade before switching levels
Seeing as how we are already on the ldquoFlowrdquo tab letrsquos do the fades first Select ldquoLevel 01Prime in the flow and then select ldquoLevel 02Prime in the ldquoBranch Destination Canvasesrdquo window Go to the ldquoCanvas Starting Pointsrdquo sub-tab and hit the + button to create a new one (donrsquot hit the ldquoCreaterdquo option here as it will create a new plugin tab instead)
Under ldquoThe Selected Starting Pointrdquo switch to the ldquoCanvas Display Effectsrdquo tab and choose the ldquoBlackrdquo option for the ldquoStartrdquo and ldquoCanvasrdquo ldquoDisplay Effectsrdquo options Now click back to the ldquoBranching Conditionsrdquo tab and set up your ldquoStarting Pointrdquo at the top of the window Now select ldquoLevel 02Prime in the flow and do the same thing for it
httpwwwrpgmakerwebcom 3
Indie Game Maker Tutorials
Head over to the ldquoShootingrdquo tab and the ldquoGadgetsrdquo sub-tab Create a new gadget and call it something like ldquoStage 01 ndash Memory Resetrdquo Make its assigned animation ldquoInvisiblerdquo Rename its ldquoAction Programrdquo to something like ldquoResetrdquo Check the box for ldquoDonrsquot Designate A Direction Of Movementrdquo and change the movement speed to ldquo0Prime Scroll down and check the box for ldquoSwitch Memoriesrdquo select ldquoStage 1Prime and select ldquoReset To Defaultrdquo Copy and paste this gadget and change the name and memory to Stage 2
Donrsquot forget to set ldquoThe First Action Programrdquo under the ldquoEmergence Settingsrdquo tab for both of these by the way
httpwwwrpgmakerwebcom 4
Indie Game Maker Tutorials
Jump over to the ldquoCanvasesrdquo sub-tab so we can place the gadgets Place the ldquoStage 02 ndash Memory Resetrdquo gadget on ldquoLevel 01Prime somewhere near the beginning and vice versa for ldquoLevel 02Prime The reason is you want the gadget to reset the numbers after it has jumped to the next stage not while you are still on the stage with the reset gadget So when you jump to Stage 02 you are resetting the memory for Stage 01 and vice versa It doesnrsquot matter which layer the gadgets are on by the wayThatrsquos it for now Donrsquot be afraid to experiment with the flow There are a ton of different things you can do and it is a little more reliable than setting up links between canvases
Ready to start your own game in IGM Purchase IGM at a 10 discount using the coupon code ldquoigmakerohyeahldquo Any questions comments Ask them in the forums
httpwwwrpgmakerwebcom 5
Indie Game Maker Tutorials
If you test this right now it works fine (the memory resets when the screen changes automatically) but it will be a little jarring and it may not work the same across all of your export options So what wersquore going to do is make absolutely sure that the memories reset and wersquore going to give each screen starting points so we get a nice not-nearly-as-jarring black fade before switching levels
Seeing as how we are already on the ldquoFlowrdquo tab letrsquos do the fades first Select ldquoLevel 01Prime in the flow and then select ldquoLevel 02Prime in the ldquoBranch Destination Canvasesrdquo window Go to the ldquoCanvas Starting Pointsrdquo sub-tab and hit the + button to create a new one (donrsquot hit the ldquoCreaterdquo option here as it will create a new plugin tab instead)
Under ldquoThe Selected Starting Pointrdquo switch to the ldquoCanvas Display Effectsrdquo tab and choose the ldquoBlackrdquo option for the ldquoStartrdquo and ldquoCanvasrdquo ldquoDisplay Effectsrdquo options Now click back to the ldquoBranching Conditionsrdquo tab and set up your ldquoStarting Pointrdquo at the top of the window Now select ldquoLevel 02Prime in the flow and do the same thing for it
httpwwwrpgmakerwebcom 3
Indie Game Maker Tutorials
Head over to the ldquoShootingrdquo tab and the ldquoGadgetsrdquo sub-tab Create a new gadget and call it something like ldquoStage 01 ndash Memory Resetrdquo Make its assigned animation ldquoInvisiblerdquo Rename its ldquoAction Programrdquo to something like ldquoResetrdquo Check the box for ldquoDonrsquot Designate A Direction Of Movementrdquo and change the movement speed to ldquo0Prime Scroll down and check the box for ldquoSwitch Memoriesrdquo select ldquoStage 1Prime and select ldquoReset To Defaultrdquo Copy and paste this gadget and change the name and memory to Stage 2
Donrsquot forget to set ldquoThe First Action Programrdquo under the ldquoEmergence Settingsrdquo tab for both of these by the way
httpwwwrpgmakerwebcom 4
Indie Game Maker Tutorials
Jump over to the ldquoCanvasesrdquo sub-tab so we can place the gadgets Place the ldquoStage 02 ndash Memory Resetrdquo gadget on ldquoLevel 01Prime somewhere near the beginning and vice versa for ldquoLevel 02Prime The reason is you want the gadget to reset the numbers after it has jumped to the next stage not while you are still on the stage with the reset gadget So when you jump to Stage 02 you are resetting the memory for Stage 01 and vice versa It doesnrsquot matter which layer the gadgets are on by the wayThatrsquos it for now Donrsquot be afraid to experiment with the flow There are a ton of different things you can do and it is a little more reliable than setting up links between canvases
Ready to start your own game in IGM Purchase IGM at a 10 discount using the coupon code ldquoigmakerohyeahldquo Any questions comments Ask them in the forums
httpwwwrpgmakerwebcom 5
Indie Game Maker Tutorials
Head over to the ldquoShootingrdquo tab and the ldquoGadgetsrdquo sub-tab Create a new gadget and call it something like ldquoStage 01 ndash Memory Resetrdquo Make its assigned animation ldquoInvisiblerdquo Rename its ldquoAction Programrdquo to something like ldquoResetrdquo Check the box for ldquoDonrsquot Designate A Direction Of Movementrdquo and change the movement speed to ldquo0Prime Scroll down and check the box for ldquoSwitch Memoriesrdquo select ldquoStage 1Prime and select ldquoReset To Defaultrdquo Copy and paste this gadget and change the name and memory to Stage 2
Donrsquot forget to set ldquoThe First Action Programrdquo under the ldquoEmergence Settingsrdquo tab for both of these by the way
httpwwwrpgmakerwebcom 4
Indie Game Maker Tutorials
Jump over to the ldquoCanvasesrdquo sub-tab so we can place the gadgets Place the ldquoStage 02 ndash Memory Resetrdquo gadget on ldquoLevel 01Prime somewhere near the beginning and vice versa for ldquoLevel 02Prime The reason is you want the gadget to reset the numbers after it has jumped to the next stage not while you are still on the stage with the reset gadget So when you jump to Stage 02 you are resetting the memory for Stage 01 and vice versa It doesnrsquot matter which layer the gadgets are on by the wayThatrsquos it for now Donrsquot be afraid to experiment with the flow There are a ton of different things you can do and it is a little more reliable than setting up links between canvases
Ready to start your own game in IGM Purchase IGM at a 10 discount using the coupon code ldquoigmakerohyeahldquo Any questions comments Ask them in the forums
httpwwwrpgmakerwebcom 5
Indie Game Maker Tutorials
Jump over to the ldquoCanvasesrdquo sub-tab so we can place the gadgets Place the ldquoStage 02 ndash Memory Resetrdquo gadget on ldquoLevel 01Prime somewhere near the beginning and vice versa for ldquoLevel 02Prime The reason is you want the gadget to reset the numbers after it has jumped to the next stage not while you are still on the stage with the reset gadget So when you jump to Stage 02 you are resetting the memory for Stage 01 and vice versa It doesnrsquot matter which layer the gadgets are on by the wayThatrsquos it for now Donrsquot be afraid to experiment with the flow There are a ton of different things you can do and it is a little more reliable than setting up links between canvases
Ready to start your own game in IGM Purchase IGM at a 10 discount using the coupon code ldquoigmakerohyeahldquo Any questions comments Ask them in the forums
httpwwwrpgmakerwebcom 5