Guides:How to make an Incremental Game - Revision history

Lukalot: add new links

2022-05-12T22:45:26Z

add new links

Lukalot: animating the button and making the button effect the score

2022-05-12T20:50:24Z

animating the button and making the button effect the score

← Older revision		Revision as of 20:50, 12 May 2022
Line 12:		Line 12:
	Open up our new empty blueprint by tapping on it in the belt and selecting "edit". The inspector will open to show us the insides of this new blueprint. With our new empty blueprint created, we can begin filling it with the art and logic that will make our button what it is. We'll start with the art.		Open up our new empty blueprint by tapping on it in the belt and selecting "edit". The inspector will open to show us the insides of this new blueprint. With our new empty blueprint created, we can begin filling it with the art and logic that will make our button what it is. We'll start with the art.

	=== Button artwork ===		== Button artwork ==
	To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.		To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.
	[[File:Create a new frame.png\|alt=An image showing an arrow pointing to the new frame button in the general.tab\|thumb]]		[[File:Create a new frame.png\|alt=An image showing an arrow pointing to the new frame button in the general.tab\|thumb]]
Line 25:		Line 25:
	Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.		Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.

	=== ~~A pressable button~~ ===		=== Collecting taps ===
	For a button to press down, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:		We can start working on getting our button to collect some resource satisfyingly with animations and sounds! For a button to press down, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game.

			==== Animating the button ====
			Here's how we can make it the button animate properly. We'll add two new rules, with the trigger "when a touch begins on this" and "when a touch ends on this". Next we modify the current frame of our actor to either 1 or 2 based on whether it's currently touched or not. That looks like this:

			<code>When a touch begins on this: modify behavior property Current Frame to 2</code>

			<code>When a touch ends on this: modify behavior property Current frame to 1</code>

			The button will animate when pressed now! You can test it by dragging the button into the scene, scaling it with the [[scale and rotate tool]], and pressing the play button.

			==== Making the button effect the score ====
			Animations aside, let's get our button to have an effect on the game when tapped. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:

	<code>When this is tapped: modify the value of the variable $score to 1 (relative)</code>		<code>When this is tapped: modify the value of the variable $score to 1 (relative)</code>

	When making this rule, you'll be creating a new variable ~~Score~~, which you can also rename to whatever you want based on your game's theme. If your game is about collecting eggs, it can be named "eggs".		When making this rule, you'll be creating a new variable ''<nowiki/>'score''', which you can also rename to whatever you want based on your game's theme. If your game is about collecting eggs, it can be named "eggs". You might also choose to add a "Play a sound" response below the "Modify the value of a variable" response and change the sound effect to your liking from the sound effect picker.

			The other thing we should do is display our new `$score` variable with some text. Let's add a new blueprint, selecting the "Text" option from the Add Blueprint menu. Change the text content to "$score" (or whatever name you chose for your score variable), by opening the blueprint in the inspector and tapping on the text field.

			Now that we have both our button and score display text, we can see what they do! Drag both your new Button and your Text blueprints into the scene to create new actors based on the blueprints. Scale them to whatever size you prefer with the [[scale and rotate tool]] and then press play to try them out.

Lukalot: inline button artwork image

2022-05-12T20:14:50Z

inline button artwork image

← Older revision		Revision as of 20:14, 12 May 2022
Line 20:		Line 20:

	Here's what we drew:		Here's what we drew:
	[[File:~~Button artwork~~.png\|~~thumb\|Our button artwork~~]]
			[[File:Button_artwork.png\|frameless]]

	Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.		Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.

Lukalot: add images

2022-05-12T20:14:21Z

add images

← Older revision		Revision as of 20:14, 12 May 2022
Line 14:		Line 14:
	=== Button artwork ===		=== Button artwork ===
	To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.		To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.
			[[File:Create a new frame.png\|alt=An image showing an arrow pointing to the new frame button in the general.tab\|thumb]]
	[image]Once we're in the art tool, we can draw our button. If you have another idea about what you'd like the players to tap, like a cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead!		Once we're in the art tool, we can draw our button. If you have another idea about what you'd like the players to tap, like a cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead!

	Also make sure that there's a "Pressed" state of the artwork, which you can create by pressing the '''Add''' button to create a new frame, and then drawing a pressed version of your button.		Also make sure that there's a "Pressed" state of the artwork, which you can create by pressing the '''Add''' button to create a new frame, and then drawing a pressed version of your button.

	Here's what we drew:		Here's what we drew:
			[[File:Button artwork.png\|thumb\|Our button artwork]]
	[~~image~~]Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.		Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.

	=== A pressable button ===		=== A pressable button ===

Lukalot: Artwork

2022-05-12T20:11:56Z

Artwork

← Older revision		Revision as of 20:11, 12 May 2022
Line 1:		Line 1:
	<u>Note: This ~~guides~~ is a work in progress, and is missing supporting images and several subsections.</u>		<u>Note: This guide is a work in progress, and is missing supporting images and several subsections.</u>

	Incremental games are a favorite genre of Castle creators. They're easy to build and offer a great canvas for creativity. They can also feature leaderboards where your friends or other castle users can compete for the highest scores!		Incremental games are a favorite genre of Castle creators. They're easy to build and offer a great canvas for creativity. They can also feature leaderboards where your friends or other castle users can compete for the highest scores!
Line 15:		Line 15:
	To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.		To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.

	[image]Once we're in the art tool, we can draw our button. If you have another idea about what you'd like the players to tap, like a cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead! Here's what we drew:		[image]Once we're in the art tool, we can draw our button. If you have another idea about what you'd like the players to tap, like a cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead!

			Also make sure that there's a "Pressed" state of the artwork, which you can create by pressing the '''Add''' button to create a new frame, and then drawing a pressed version of your button.

			Here's what we drew:

	[image]Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.		[image]Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.
Line 24:		Line 28:
	<code>When this is tapped: modify the value of the variable $score to 1 (relative)</code>		<code>When this is tapped: modify the value of the variable $score to 1 (relative)</code>

	When making this rule, you'll be creating a new variable Score, which you can also rename to whatever you want based on your ~~games~~ theme. If your game is about collecting eggs, it can be named "eggs".		When making this rule, you'll be creating a new variable Score, which you can also rename to whatever you want based on your game's theme. If your game is about collecting eggs, it can be named "eggs".

172.31.19.127: Variable name details

2022-05-05T02:40:48Z

Variable name details

← Older revision		Revision as of 02:40, 5 May 2022
Line 22:		Line 22:
	For a button to press down, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:		For a button to press down, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:

	<code>When this is tapped: modify the value of the variable ~~Score~~ to 1 (relative)</code>		<code>When this is tapped: modify the value of the variable $score to 1 (relative)</code>

			When making this rule, you'll be creating a new variable Score, which you can also rename to whatever you want based on your games theme. If your game is about collecting eggs, it can be named "eggs".

Lukalot: typo

2022-05-04T10:20:23Z

typo

← Older revision		Revision as of 10:20, 4 May 2022
Line 20:		Line 20:

	=== A pressable button ===		=== A pressable button ===
	For a ~~the~~ button press down, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:		For a button to press down, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:

	<code>When this is tapped: modify the value of the variable Score to 1 (relative)</code>		<code>When this is tapped: modify the value of the variable Score to 1 (relative)</code>

Lukalot: rough draft

2022-05-04T10:19:48Z

rough draft

← Older revision		Revision as of 10:19, 4 May 2022
Line 1:		Line 1:
			<u>Note: This guides is a work in progress, and is missing supporting images and several subsections.</u>

	Incremental games are a favorite genre of Castle creators. They're easy to build and offer a great canvas for creativity. They can also feature leaderboards where your friends or other castle users can compete for the highest scores!		Incremental games are a favorite genre of Castle creators. They're easy to build and offer a great canvas for creativity. They can also feature leaderboards where your friends or other castle users can compete for the highest scores!

Line 13:		Line 15:
	To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.		To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.

			[image]Once we're in the art tool, we can draw our button. If you have another idea about what you'd like the players to tap, like a cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead! Here's what we drew:

	~~Once~~ we're in the art tool~~, we can draw our~~ button. ~~If you have another idea about what you~~'~~d like~~ the ~~players to tap, like~~ a ~~cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead! Here's what we drew:~~		[image]Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give the actor logic that makes it work as a button.

			=== A pressable button ===
			For a the button press down, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:

	~~Great, once we're satisfied with our art, let's leave~~ the ~~art tool with~~ the ~~[X] button on the top left.~~		<code>When this is tapped: modify the value of the variable Score to 1 (relative)</code>

Lukalot: incremental game beginning

2022-05-04T05:14:56Z

incremental game beginning

New page

Incremental games are a favorite genre of Castle creators. They're easy to build and offer a great canvas for creativity. They can also feature leaderboards where your friends or other castle users can compete for the highest scores!

In this guide, we'll cover the basic steps for creating an incremental game, how you can make one yourself, and what you might change and customize to make your game unique!

= Making a button =
The first and most basic element of almost every incremental game is something you can press to get points! Some incremental games feature several pressable items, while others give you just one big button, cookie, or other clickable. You can even go as far as having your pressable items move about or disappear only to reappear later after being pressed, but you should be careful not to break the flow for your tapping players, who'll get really immersed if they can just tap tap away.

Make sure you've navigated to the create screen and started a new empty deck. Then, let's create a new blueprint by tapping the + sign on the belt. The belt is where all of your blueprints will be organized, it's the white strip at the bottom of the editor. Select "empty blueprint" from the list of blueprint options.

Open up our new empty blueprint by tapping on it in the belt and selecting "edit". The inspector will open to show us the insides of this new blueprint. With our new empty blueprint created, we can begin filling it with the art and logic that will make our button what it is. We'll start with the art.

=== Button artwork ===
To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.

Once we're in the art tool, we can draw our button. If you have another idea about what you'd like the players to tap, like a cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead! Here's what we drew:

Great, once we're satisfied with our art, let's leave the art tool with the [X] button on the top left.

← Older revision		Revision as of 22:45, 12 May 2022
Line 1:		Line 1:
	<u>Note: This guide is a work in progress, and is missing supporting images and several subsections.</u>		<u>Note: This guide is a work in progress, and is missing supporting images and several subsections.</u>

	Incremental games are a favorite genre of Castle creators. They're easy to build and offer a great canvas for creativity. They can also feature leaderboards where your friends or other castle users can compete for the highest scores!		Incremental games are a favorite genre of Castle creators. They're easy to build and offer a great canvas for creativity. They can also feature [[Leaderboard\|leaderboards]] where your friends or other castle users can compete for the highest scores!

	In this guide, we'll cover the basic steps for creating an incremental game, how you can make one yourself, and what you might change and customize to make your game unique!		In this guide, we'll cover the basic steps for creating an incremental game, how you can make one yourself, and what you might change and customize to make your game unique!
Line 8:		Line 8:
	The first and most basic element of almost every incremental game is something you can press to get points! Some incremental games feature several pressable items, while others give you just one big button, cookie, or other clickable. You can even go as far as having your pressable items move about or disappear only to reappear later after being pressed, but you should be careful not to break the flow for your tapping players, who'll get really immersed if they can just tap tap away.		The first and most basic element of almost every incremental game is something you can press to get points! Some incremental games feature several pressable items, while others give you just one big button, cookie, or other clickable. You can even go as far as having your pressable items move about or disappear only to reappear later after being pressed, but you should be careful not to break the flow for your tapping players, who'll get really immersed if they can just tap tap away.

	Make sure you've navigated to the create screen and started a new empty deck. Then, let's create a new blueprint by tapping the + sign on the belt. The belt is where all of your blueprints will be organized, it's the white strip at the bottom of the editor. Select "empty blueprint" from the list of blueprint options.		Make sure you've navigated to the create screen and started a new empty deck. Then, let's create a new [[blueprint]] by tapping the + sign on the belt. The belt is where all of your blueprints will be organized, it's the white strip at the bottom of the editor. Select "empty blueprint" from the list of blueprint options.

	Open up our new empty blueprint by tapping on it in the belt and selecting "edit". The inspector will open to show us the insides of this new blueprint. ~~With our new empty blueprint created, we~~ can begin filling it with the art and logic that will make our button what it is. We'll start with the art.		Open up our new empty blueprint by tapping on it in the belt and selecting "edit". The [[inspector]] will open to show us the insides of this new blueprint. We can now begin filling it with the art and logic that will make our button what it is. We'll start with the art.

	== Button artwork ==		== Button artwork ==
	To add artwork to our button, lets navigate to the art tool by selecting the empty art frame in the inspector.		To add artwork to our button, lets navigate to the [[Art\|art tool]] by selecting the empty art frame in the inspector.
	[[File:Create a new frame.png\|alt=An image showing an arrow pointing to the new frame button in the general.tab\|thumb]]		[[File:Create a new frame.png\|alt=An image showing an arrow pointing to the new frame button in the general.tab\|thumb]]
	Once we're in the art tool, we can draw our button. If you have another idea about what you'd like the players to tap, like a cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead!		Once we're in the art tool, we can draw our button. If you have another idea about what you'd like the players to tap, like a cookie, a cheese curd, a dollar bill or an egg-laying chicken, you can draw that instead!

	Also make sure that there's a "Pressed" state of the artwork, which you can create by pressing the '''Add''' button to create a new frame, and then drawing a pressed version of your ~~button~~.		Also make sure that there's a "Pressed" state of the artwork, which you can create by pressing the '<nowiki/>'''Add'''' button to create a new frame, and then drawing a pressed version of your art.

	Here's what we drew:		Here's what we drew:
Line 23:		Line 23:
	[[File:Button_artwork.png\|frameless]]		[[File:Button_artwork.png\|frameless]]

	Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give ~~the actor~~ logic that makes it work as a button.		Great, if we're satisfied with our art, let's leave the art tool with the [X] button on the top left. Next, let's give this blueprint logic that makes it work as a button.

	=== Collecting taps ===		=== Collecting taps ===
	We can ~~start~~ working on getting our button to collect ~~some~~ resource satisfyingly with animations and sounds! For a button to ~~press down~~, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game.		Now we can begin working on getting our button to collect resource satisfyingly, with animations and sounds! For a button to work correctly, we'll need two things. One, we need it to animate in some way to indicate that it's been pressed, and two, we need the press to have some effect on the game.

	==== Animating the button ====		==== Animating the button ====
	~~Here's how we can make it the button animate properly.~~ We'll add two new rules, with the trigger "when a touch begins on this" and "when a touch ends on this". Next we modify the current frame of ~~our~~ actor to either 1 or 2 based on whether it's currently touched or not. That looks like this:		We'll add two new rules, with the trigger "when a touch begins on this" and "when a touch ends on this". Next, we'll modify the current frame of the actor to either 1 or 2 based on whether it's currently touched or not. That looks like this:

	<code>When a touch begins on this: modify behavior property Current Frame to 2</code>		<code>When a touch begins on this: modify behavior property Current Frame to 2</code>
Line 35:		Line 35:
	<code>When a touch ends on this: modify behavior property Current frame to 1</code>		<code>When a touch ends on this: modify behavior property Current frame to 1</code>

	The button will animate when pressed now! You can test it by dragging the button into the scene, scaling it with the [[scale and rotate ~~tool~~]], and pressing the play button.		The button will animate when pressed now! You can test it by dragging the button into the scene, scaling it with the [[scale and rotate mode]], and then pressing the play button.

	==== Making the button effect the score ====		==== Making the button effect the score ====
	~~Animations aside~~, let's ~~get~~ our button to have an effect on the game when tapped. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:		With the animation done, let's make our button have an effect on the game when tapped. In our case, the effect we want it to have is to increase a number. Navigate to your "Logic" tab and add a new rule with the "when this is tapped" trigger:

	<code>When this is tapped: modify the value of the variable $score to 1 (relative)</code>		<code>When this is tapped: modify the value of the variable $score to 1 (relative)</code>

	When making this rule, you'll be creating a new variable ''<nowiki/>'score''', which you can also rename to whatever you want based on your game's theme. If your game is about collecting eggs, it can be named "eggs". You might also choose to add a "Play a sound" response below the "Modify the value of a variable" response and change the sound effect to your liking from the sound effect picker.		When making this rule, you'll be creating a new [[variable]] named ''<nowiki/>'score''', which you can also rename to whatever you want based on your game's theme. If your game is about collecting eggs, it can be named "eggs". You might also choose to add a "Play a sound" response below the "Modify the value of a variable" response and change the sound effect to your liking from the sound effect picker.

	The other thing we should do is display our new `$score` variable with some text. Let's add a new blueprint, selecting the "Text" option from the Add Blueprint menu. Change the text content to "$score" (or whatever name you chose for your score variable), by opening the blueprint in the inspector and tapping on the text field.		The other thing we should do is display our new `$score` variable with some text. Let's add a new blueprint, selecting the "Text" option from the Add Blueprint menu. Change the text content to "$score" (or whatever name you chose for your score variable), by opening the blueprint in the inspector and tapping on the text field.

	Now that we have both our button and score display text, we can see what they do! Drag both your new Button and your Text blueprints into the scene to create new actors based on the blueprints. Scale them to whatever size you prefer with the [[scale and rotate ~~tool~~]] and then press play to try them out.		Now that we have both our button and score display text, we can see what they do! Drag both your new Button and your Text blueprints into the scene to create new actors based on the blueprints. Scale them to whatever size you prefer with the [[scale and rotate mode]] and then press play to try them out.