Wiki source code of Game Design

Last modified by MaraTamara on 2021/09/18 09:00
Show last authors
1 (% class="row" %)
2 (((
3 (% style="text-align:center" class="col-xs-12 col-sm-6" %)
4 (((
5 (% style="text-align:center" %)
6 [[image:game design.PNG||queryString="height=300" width="592" class="img-rounded"]]
7 )))
8
9 (% class="col-xs-12 col-sm-6" %)
10 (((
11 {{box title="**Content**"}}
12 {{toc /}}
13 {{/box}}
14 )))
15 )))
16
17 (% class="box infomessage" %)
18 (((
19 Find out how to improve your game design skills!
20 )))
21
22 (% class="row" %)
23 (((
24 (% class="col-xs-12 col-sm-6" %)
25 (((
26 (% class="box" %)
27 (((
28 = Character Animation =
29
30 **Welcome to Wonderland: Animate your figures and create a "when tapped" event**
31
32 Learn how you can bring your characters with simple animations to life and get to know how your character can make a action if tapped. The video shows you how your caracter can be animated with different looks. Furthermore the video shows you how the "when tapped" event works and how you can send broadcast messages to other objects.
33
34 {{video url="https://www.youtube.com/watch?v=tGgMFWoJDBU" height="300px"/}}
35 )))
36 )))
37
38 (% class="col-xs-12 col-sm-6" %)
39 (((
40 (% class="box" %)
41 (((
42 = Collision Detection =
43
44 **Save Alice! Use the tilt sensor and recognize a collision between objects**
45
46 In this video you learn how you can control your character with the tilt sensor of your phone and how you can dropp objects from heaven. You can control Alice´s moves by tilting your phone left or right.
47
48 {{video url="https://www.youtube.com/watch?v=mx2DLFIg1Rc" height="300px"/}}
49 )))
50 )))
51 )))
52
53
54 (% class="row" %)
55 (((
56 (% class="col-xs-12 col-sm-6" %)
57 (((
58 (% class="box" %)
59 (((
60 = Moving Background Horizontally =
61
62 **The Hatter - Hit and Run: Create a moving landscape and control the movements of the hatter**
63
64 In this tutorial you learn how you can create an moving landscape. In the video you will see how you can move objecte along the screen to simulate a movement. Furthermore we show you how you can move the Hatter by tilting your phone.
65
66 {{video url="https://www.youtube.com/watch?v=HxYr_2HdMsE" height="300px"/}}
67 )))
68 )))
69
70 (% class="col-xs-12 col-sm-6" %)
71 (((
72 (% class="box" %)
73 (((
74 = Shooter Game =
75
76 **The Hatter - Hit and Run: Let the Hatter shoot the evil cards**
77
78 In this tutorial we show you how you can create enemy´s that are moving to your character. Furthermore you learn how you let the Hatter shoot on his enemy´s and if you have hit them or not.
79
80 {{video url="https://www.youtube.com/watch?v=yLqhLmX9Mp4" height="300px"/}}
81 )))
82 )))
83 )))
84
85
86 (% class="row" %)
87 (((
88 (% class="col-xs-12 col-sm-6" %)
89 (((
90 (% class="box" %)
91 (((
92 = Score Display =
93
94 **Tap the cat: Create a score by using variables**
95
96 In this tutorial we show you how you make use of variables to create a score. Scores are essential elements of many games. This socre shows you how often you have tapped the cat.
97
98 {{video url="https://www.youtube.com/watch?v=G85_vgb1Ja4" height="300px"/}}
99 )))
100 )))
101
102 (% class="col-xs-12 col-sm-6" %)
103 (((
104 (% class="box" %)
105 (((
106 = Moving Background Vertically =
107
108 **Rabbit race: Create a ver**tically scrolling background
109
110 This tutorial shows you how you can make vertically scrolling backgrounds by let the background graphics glide in a certain way. Furthermore we show you how you can make your characters jump and to make it a little bit harder you learn how you can reduce the speed of your character.
111
112 {{video url="https://www.youtube.com/watch?v=m97g4G49kOg" height="300px"/}}
113 )))
114 )))
115 )))
116
117
118 = Tutorials =
119
120 Here you can find some fun games and their tutorials, so you can reprogram them yourself. Just click on the picture to get to the tutorial - have fun! :)
121
122 (% class="row" %)
123 (((
124 (% class="col-xs-12 col-sm-6" %)
125 (((
126 (% class="box" %)
127 (((
128 == Multiplayer Reactiongame ==
129
130 **Who has the faster response? Play against a friend and find out who is quicker to tap the characters that appear.**
131
132 With the help of this tutorial you will program a reaction game for two players. Characters appear on each half of the display and must be tapped as quickly as possible. Who will get the higher score?
133
134 You can also make the game more difficult by always having the characters appear in different places and with different sizes. Try it out now!
135
136 (% style="text-align:center" %)
137 [[[[image:MultiplayerReaktionTitelbild.PNG||height="478" width="250"]]>>doc:.Multiplayer Reactiongame.WebHome]]
138 )))
139 )))
140
141 (% class="col-xs-12 col-sm-6" %)
142 (((
143 (% class="box" %)
144 (((
145 == Easteregg Catch Game ==
146
147 **Catch eggs falling from the sky using the inclination sensor.**
148
149 This tutorial shows you how to program a catching game yourself. You use the inclination sensor to move the basket on the ground and catch the falling objects. How many eggs can you save from breaking? ;)
150
151 (% style="text-align:center" %)
152 [[[[image:EierfangspielTitelbild.png||height="446" width="250"]]>>doc:.Easteregg Catch Game.WebHome]]
153 )))
154 )))
155 )))
156
157 = Learning Cards =
158
159 //Do you want to learn more about queries, variables, and loops? Then take a look at the learningcards and find out more.//
160
161 **//Here you can download all learningcards in [[PDF-format>>attach:LearningCards.pdf]]!//**
162
163 (% class="row" %)
164 (((
165 (% class="col-xs-12 col-sm-6" %)
166 (((
167 (% class="box" %)
168 (((
169 == Query ==
170
171 (% style="text-align:center" %)
172 [[image:query.PNG||alt="abfragen_1.PNG"]]
173 )))
174 )))
175
176 (% class="col-xs-12 col-sm-6" %)
177 (((
178 (% class="box" %)
179 (((
180 (% style="text-align:center" %)
181
182
183
184 (% style="text-align:center" %)
185 [[image:query2.PNG||alt="abfragen_2.PNG"]]
186 )))
187 )))
188 )))
189
190 (% class="row" %)
191 (((
192 (% class="col-xs-12 col-sm-6" %)
193 (((
194 (% class="box" %)
195 (((
196 == Variables ==
197
198 (% style="text-align:center" %)
199 [[image:variables.PNG]]
200
201
202 )))
203 )))
204
205 (% class="col-xs-12 col-sm-6" %)
206 (((
207 (% class="box" %)
208 (((
209 (% style="text-align:center" %)
210
211
212
213 [[image:variables2.PNG||alt="variablen_2.PNG"]]
214 )))
215 )))
216 )))
217
218 (% class="row" %)
219 (((
220 (% class="col-xs-12 col-sm-6" %)
221 (((
222 (% class="box" %)
223 (((
224 == Loops ==
225
226 (% style="text-align:center" %)
227 [[image:loops.PNG]]
228
229
230 )))
231 )))
232 )))