-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhelp_physics_maker.html
More file actions
497 lines (415 loc) · 23.2 KB
/
Copy pathhelp_physics_maker.html
File metadata and controls
497 lines (415 loc) · 23.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Sploder Physics Puzzle Game Maker Help</title>
<style type="text/css" media="print">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a
{
color: #000;
font-weight: bold;
text-decoration: none;
}
p
{
line-height: 20pt;
margin-bottom: 20pt;
}
ul
{
margin-bottom: 10pt;
}
ul ul
{
margin-top: 6pt;
}
ul li
{
margin-bottom: 10pt;
list-style-type: none;
}
ul li li
{
margin-bottom: 0;
}
ul li a
{
font-weight: bold;
}
ul li ul li a
{
font-weight: normal;
}
img
{
padding: 8pt;
margin: 8pt;
background: #000000;
vertical-align: middle;
}
li img, p img {
margin-left: 0;
}
</style>
<style type="text/css" media="screen">
body {
color: #ccc;
background-color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
padding: 20pt;
padding-top: 0;
}
h1, h2, h3
{
color: #fff;
}
p
{
line-height: 20pt;
}
a
{
color: #ffec00;
text-decoration: none;
}
ul
{
margin-bottom: 10px;
margin-left: 10px;
padding-left: 10px;
}
ul ul
{
margin-top: 6px;
margin-left: 10px;
}
ul li
{
margin-bottom: 10pt;
list-style-type: none;
color: #999;
font-size: 11px;
}
ul li li
{
margin-bottom: 0;
}
ul li a
{
font-weight: bold;
font-size: 14px;
}
ul li ul li a
{
font-weight: normal;
color: #ccc;
font-size: 12px;
}
a:hover
{
text-decoration: underline;
}
img
{
margin: 8px;
background: #000000;
vertical-align: middle;
}
li img, p img {
margin-left: 0;
}
</style>
</head>
<body>
<div align="right">For video tutorials, visit <a href="https://www.youtube.com/user/splodercast" target="_blank"><img src="https://cdn.sploder.com/chrome/button_youtube.gif" width="175" height="40" border="0" alt="Subscribe to our YouTube channel!" /></a></div>
<a name="top"></a>
<img src="/images/physics-puzzle-maker.png" width="348" height="172" />
<h1>User Guide</h1>
<p>Welcome to the Sploder™ Physics Puzzle game maker guide. This guide will help you to understand how to use the game maker, and get you started making games. It is recommended that you <a href="javascript: print();">print</a> this guide out for quick reference.</p>
<!-- ++Begin Video Bar Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search Wizard
// https://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the actual videobar.
// You can place this anywhere on your page.
-->
<div id="videoBar-bar">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>
<!-- Ajax Search Api and Stylesheet
// Note: If you are already using the AJAX Search API, then do not include it
// or its stylesheet again
-->
<script src="https://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-vbw"
type="text/javascript"></script>
<style type="text/css">
@import url("https://www.google.com/uds/css/gsearch.css");
</style>
<!-- Video Bar Code and Stylesheet -->
<script type="text/javascript">
window._uds_vbw_donotrepair = true;
</script>
<script src="https://www.google.com/uds/solutions/videobar/gsvideobar.js?mode=new"
type="text/javascript"></script>
<style type="text/css">
@import url("https://www.google.com/uds/solutions/videobar/gsvideobar.css");
</style>
<style type="text/css">
div.resultsBox_gsvb {
width: 424px;
}
div.resultDiv_gsvb {
width: 102px;
height: 77px;
}
.resultDiv_gsvb img {
margin: 0;
}
.playerInnerBox_gsvb .player_gsvb {
width : 480px;
height : 380px;
}
</style>
<script type="text/javascript">
function LoadVideoBar() {
var videoBar;
var options = {
largeResultSet : !true,
horizontal : true,
autoExecuteList : {
cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM,
cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
executeList : ["ytchannel:splodercast"]
}
}
videoBar = new GSvideoBar(document.getElementById("videoBar-bar"),
GSvideoBar.PLAYER_ROOT_FLOATING,
options);
}
// arrange for this function to be called during body.onload
// event processing
GSearch.setOnLoadCallback(LoadVideoBar);
</script>
<!-- ++End Video Bar Wizard Generated Code++ -->
<ul>
<li><a href="#t1">Introduction</a></li>
<li><a href="#t2">Games & Game Levels</a>
<ul>
<li><a href="#t2s1">Testing, Saving & Publishing Games</a></li>
<li><a href="#t2s2">Adding & Managing Game Levels</a></li>
</ul>
</li>
<li><a href="#t3">Creating Objects</a>
<ul>
<li><a href="#t3s1">Prefabs</a></li>
<li><a href="#t3s2">Drawing New Objects</a></li>
</ul>
</li>
<li><a href="#t4">Selecting Objects</a></li>
<li><a href="#t5">Changing Object Physics</a>
<ul>
<li><a href="#t5s1">Movement</a></li>
<li><a href="#t5s2">Material</a></li>
<li><a href="#t5s3">Strength</a></li>
</ul>
</li>
<li><a href="#t6">Changing what Objects Look Like</a></li>
<li><a href="#t7">Playfield, Background & Goals</a>
<ul>
<li><a href="#t7s1">Size, World Physics & Boundaries</a></li>
<li><a href="#t7s2">Background Colors & Effect</a></li>
<li><a href="#t7s3">How to Win: Score, Lives & Time Limits</a></li>
</ul>
</li>
<li><a href="#t8">Changing Object Behavior</a>
<ul>
<li><a href="#t8s1">Physics: Motors, Joints & Springs</a></li>
<li><a href="#t8s2">Controls: Adding Keyboard & Mouse Control</a></li>
<li><a href="#t8s3">Widgets: Spawners, Factories & Connectors</a></li>
</ul>
</li>
<li><a href="#t9">Complex Behaviors</a>
<ul>
<li><a href="#t9s1">Locking Objects</a></li>
<li><a href="#t9s2">Collision, Passthru & Sensor Layers</a></li>
<li><a href="#t9s3">Object Actions & Events</a></li>
</ul>
</li>
<li><a href="#t10">Sharing & Copying Games</a></li>
<li><a href="#t11">Further Help</a></li>
</ul>
<a name="t1"></a>
<br />
<h2>Introduction</h2>
<p><img src="/images/help/interface.png" width="361" height="296" align="middle" /><br />
The Physics Puzzle Maker allows you to create small worlds that simulate realistic physics. You can create worlds with objects you can move, aim and drag around. You can add projectiles, crushable objects, and connect objects together with joints and springs. You can add scoring and penalties to your simulations to turn them into games or puzzles. Since this is a Sploder™ game maker, you can publish and share your games on the <a href="#" target="_blank">sploder.com</a> web site, just like the other creators.</p>
<h3>Help as you Create</h3>
<p>Almost every button in the creator will show more information to help you if you hold your mouse over the button. Also, there is a prompt at the bottom of the creator that will give you further help as you create your world. Be sure to take the tour the first time you use the creator, as it will give you a general overview of the parts of the interface.</p>
<h3>Different Modes</h3>
<p>Certain buttons and selections only apply to specific tools, or your current selection. So, the right side of the toolbar will change depending on which tool you've selected, and whether or not you have selected any objects.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t2"></a>
<br />
<h2>Games & Game Levels</h2>
<p>At the top left of the creator you will see the standard game management tools, which are <strong>New, Load, Save, Save As, Test & Publish</strong>. There is also a Level Selector at the top right corner.</p>
<p>Physics puzzles and game levels do not carry game settings from level to level. For instance, if you have 2 lives and 100 score in the first level, it does not carry to the next level. Each level starts fresh, but you must win a level to proceed to the next level.</p>
<a name="t2s1"></a>
<br />
<h3>Testing, Saving & Publishing Games</h3>
<p><img src="/images/help/game_manager.png" width="475" height="40" /><br />At any time, you can test your game by pressing the <strong>Test</strong> button. This will test your current level. Be sure to save your game early and often as you build it. Saving is not the same as publishing, so you can save as often as you wish, and then publish when you are ready to share your creation with the world.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t2s2"></a>
<br />
<h3>Adding & Managing Game Levels</h3>
<p><img src="/images/help/level_manager.png" width="204" height="79" align="left" />You can add up to 9 levels to your game. Levels are played in order from 1 to 9. To add a level, press the <strong>+</strong> button. You can change the order of levels by selecting a later level and pressing the <strong>▲</strong> button. To remove a level, press the <strong>-</strong> button.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t3"></a>
<br />
<h2>Creating Objects</h2>
<p>To get started making your world, you'll need to add some objects. There are two ways to do this. You can start by adding ready-made objects, called Prefabs. You can also draw your own objects using the drawing tool.</p>
<a name="t3s1"></a>
<br />
<h3>Prefabs</h3>
<p><img src="/images/help/prefabs.png" width="123" height="211" align="left" />Perhaps the simplest way to add complex objects to your game is to drag and drop ready-made objects from the Prefab tray onto the canvas. These objects already have all of the settings necessary to be used in your game. These objects were created with the creator itself, so you can modify them or pull them apart to learn how they work. Once you learn how these are made, you can use your knowledge to make similar objects.</p>
<a name="t3s2"></a>
<br style="clear: both;" />
<h3>Drawing New Objects</h3>
<p><img src="/images/help/tool_draw.png" width="219" height="44" align="left" />To make new objects in your game from scratch, you start with the drawing tool. The drawing tool is the first button on the toolbar. When you select that tool, you'll see options on the right that allow you to select what to draw. The first dropdown menu shows a list of shapes you can draw, like circle, square, ramp and polygon. Drawing starts by clicking and dragging on the canvas. The polygon drawing is a little different - you draw just by sketching out the shape.</p>
<p>Once you create a new object, you can use the select tool (the second tool on the toolbar) to edit the shape. When you select an object, you will see yellow handles that appear. You can click and drag those handles to change the shape. For polygons, you can move individual points. Double click on the points to remove them, and double click on a polygon edge to add a point.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t4"></a>
<br />
<h2>Selecting Objects</h2>
<p><img src="/images/help/tool_select.png" width="218" height="43" align="left" />There are two ways to select objects. The Select tool allows you to select a single object. You can edit its shape, size and rotation by dragging the handles that appear. You can also edit any modifiers that are attached to it. <img src="/images/help/handles.png" width="168" height="164" align="right" />The Window Select tool allows you to select multiple object by dragging a selection window. It also hides all modifiers so you can edit objects without the modifiers getting in your way.</p>
<p>When you select objects, you will see the attributes tools appear to the right of the main tools. You can edit the properties of selected objects as a group. You cannot change the shape of objects by selecting a new shape from the dropdown. Once a shape is created, it is always that shape.</p>
<p>You can delete objects by pressing the Delete key on your keyboard, or by pressing the <img src="/images/help/help0002.gif" width="19" height="19" />at the upper right corner. If you've selected multiple objects, you can also group them together for convenient editing by clicking the <img src="/images/help/help0011.gif" width="18" height="18" />under the Delete button.</p>
<p>You can also use several standard keyboard shortcuts with selected objects.</p>
<ul>
<li><strong>CTRL-A</strong>: Select All</li>
<li><strong>CTRL-C</strong>: Copy selection</li>
<li><strong>CTRL-X</strong>: Cut selection</li>
<li><strong>CTRL-V</strong>: Paste previously copied or cut selection</li>
<li><strong>← ↑ → ↓</strong>: Move selection</li>
</ul>
<p><a href="#top">Back to Top</a></p>
<a name="t5"></a>
<br />
<h2>Changing Object Physics</h2>
<img src="/images/help/attributes.png" width="409" height="45" />
<p>All objects you create have physical properties, which affect how they behave in the game.</p>
<a name="t5s1"></a>
<br />
<h3>Movement</h3>
<p>Next to the Shape menu is the Movement Constraints menu. With it, you can select different kinds of movement for your object.</p>
<ul>
<li><img src="/images/help/help0006.gif" width="42" height="42" /><strong>Free:</strong> Object moves and rotates naturally with no constraints.</li>
<li><img src="/images/help/help0007.gif" width="42" height="42" /><strong>Pinned:</strong> Object rotates but does not move, like it is pinned.</li>
<li><img src="/images/help/help0008.gif" width="42" height="42" /><strong>Slide:</strong> Object moves but does not rotate, as if it is sliding.</li>
<li><img src="/images/help/help0009.gif" width="42" height="42" /><strong>Static:</strong> Object does not move or rotate, ever.</li>
</ul>
<p><img src="/images/help/help0010.gif" width="22" height="22" align="left" /> The lock button will allow you to prevent movement of a free, pinned, or sliding object. You can use other actions to unlock the object during the simulation. This is covered in more detail later on.</p>
<a name="t5s2"></a>
<br />
<h3>Material</h3>
<p><img src="/images/help/help0005.gif" width="145" height="144" align="left" /> Object materials affect how much objects bounce against eachother or slow down when they rub against eachother (friction.) They also change the mass of objects, so more massive objects are "heavier" when there is gravity, and push harder against less dense objects. There are also special materials.</p>
<ul>
<li>Air (cloud) which is not affected by gravity.</li>
<li>Magnet (horseshoe magnet), which attracts metal objects.</li>
<li>Helium (balloon), which travels upward due to bouyancy.</li>
<li>Superbouncy (pink), which bounces very strongly against other materials.</li>
</ul>
<a name="t5s3"></a>
<br />
<h3>Strength</h3>
<p><img src="/images/help/help0013.gif" width="69" height="89" align="left" /> Object strength allows you to create objects that are crushed by collision or pressure forces in the game. The default choice is <em>permanent</em>, which means it will never shatter. The next three are <em>strong, medium, and weak,</em> which are more and more fragile, respectively.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t6"></a>
<br />
<h2>Changing what Objects Look Like</h2>
<img src="/images/help/tool_paint.png" width="218" height="44" />
<p>You can change the look and feel of objects in the game using the paint tool. Simply double-click on any object to pain it with the current styles. The pick tool, next to the paint tool, allows you to pick up styles from other objects so you can paint with them. You can also select multiple objects, just like the Window Select tool, and modify them while in paint mode.</p>
<img src="/images/help/styles.png" width="339" height="45" />
<p>You can change several styles for any object. You can change the fill color, line color, or texture. You can also choose to turn off fills, lines, or textures for any object. Finally, you can change the layering of the object to choose which objects appear on top of others when they overlap. The last two buttons are Opacity, which allows you to make objects see-through, and Scribble, which allows you to make an object appear hand-drawn.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t7"></a>
<br />
<h2>Playfield, Background & Goals</h2>
<p><img src="/images/help/world_settings.png" width="485" height="44" /><br />
If you activate the select tool and have no objects selected, you will see buttons for changing general settings for your game level.</p>
<a name="t7s1"></a>
<br />
<h3>Size, World Physics & Boundaries</h3>
<p>The Playfield button allows you to set up the physical properties for the world, and the way it appears. You can set up a larger game area, turn gravity off or on, and choose the world boundaries.</p>
<a name="t7s2"></a>
<br />
<h3>Background Colors & Effect</h3>
<p>The Background button allows you to change the background colors for your level. You can also add effects like rain, snow, or clouds.</p>
<a name="t7s3"></a>
<br />
<h3>How to Win: Score, Lives & Time Limits</h3>
<p>The Goals button allows you to set up the rules for the game level. You can set up how many lives you have at the start of the game, how many points you need to score to win, how many penalties you can take before you lose a life, and whether or not there is a time limit.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t8"></a>
<br />
<h2>Changing Object Behavior</h2>
<p><img src="/images/help/trays.png" width="104" height="142" align="left" />On the left side of the creator are three more trays that are hidden when the creator starts. Click on any of the tabs to view them. They contain <em>modifiers</em> that allow you to change the way objects behave in the game. These can be dragged onto existing objects and modified by dragging the ends of the modifiers. Modifiers can only be edited in Select mode. In draw mode and Window Select mode, the modifiers are not selectable. This allows you to edit and move objects without the modifiers getting in the way.</p>
<a name="t8s1"></a>
<br />
<h3>Physics: Motors, Joints & Springs</h3>
<p>The Physics panel contains modifiers that can be used to change the physics behavir of objects. Springs and joints can be used to connect objects, or to pin objects to the background. PinJoints can be used to connect objects with a stiff bar. If you drag the objects together so the ends meet, you can create a Bolt joint. Bolt joints can be used to create complex moving objects like the Robot prefab.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t8s2"></a>
<br />
<h3>Controls: Adding Keyboard & Mouse Control</h3>
<p>The Controls panel allows you to make objects controllable with the keyboard and/or mouse. This is useful for creating "Player" objects or physics puzzles you can manipulate. The Selector modifier allows you to focus keyboard and mouse control on a single object by selecting it with the mouse. This way, you can create multiple controllable objects, and control them one at a time. The Adder modifier allows to to create an object that duplicates itself with the press of the spacebar or mouse button.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t8s3"></a>
<br />
<h3>Widgets: Spawners, Factories & Connectors</h3>
<p>The Widgets panel allows you to add modifiers that create complex active objects that are controlled by the computer. The Spawner modifier is just like the Adder, except it creates duplicates automatically. The Connect modifier is special - it allows you to attach two objects in a parent-child relationship, so you can attach a Spawner or Adder to a moving object. The EventLink modifier allows you to connect the events of one object to another object. Factories allow you to create a Spawner that duplicates a set of objects, like a Robot, so you can have complex objects duplicated during the simulation.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t9"></a>
<br />
<h2>Complex Behaviors</h2>
<p></p>
<p><a href="#top">Back to Top</a></p>
<a name="t9s1"></a>
<br />
<h3>Locking Objects</h3>
<p><img src="/images/help/help0010.gif" width="22" height="22" align="left" />When you lock an object in the creator, it not only locks its motion, it locks all modifiers attached to the object. So, you can start the object in an inactive state, and then attach an unlock action to it to turn it on in response to an event.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t10s2"></a>
<br />
<h3>Collision, Passthru & Sensor Layers</h3>
<p><img src="/images/help/layers.png" width="174" height="211" align="left" /> With the <img src="/images/help/help0014.gif" width="21" height="19" /> button you can set up three physics layers for your object. Collision layers control which objects collide. Objects on the same collision layer will always collide. Passthru layers allow you to set up groups of objects you want to never collide. This is useful for objects that have sensor events that you don't wish to be activated when they collide with eachother. Finally, objects on the same Sensor layer will trigger a Sensor event for both objects.</p>
<p><a href="#top">Back to Top</a></p>
<a name="t9s3"></a>
<br />
<h3>Object Actions & Events</h3>
<p>If you select an object and click the <img src="/images/help/help0001.gif" width="12" height="18" /> button, you will be able to turn your objects into special game objects that do seemingly intelligent things like increase the score when they are touched by the player. The Object Actions dialogue allows you to assign Actions to Events that happen to the object.</p>
<img src="/images/help/actionmatrix.png" width="400" height="245" />
<p>Events are things that happen to the object during the simulation. When you think of Events, replace it in your mind with the words "When this happens..."</p>
<ul>
<li><strong>Sensor:</strong> An object on the same sensor layer touches this object. A sensor event between the same two objects pccurs only once in the game.</li>
<li><strong>Crush:</strong> This object is crushed. It must have a non-permanent strength setting for the object.</li>
<li><strong>Empty:</strong> This object has an Adder, Spawner or Factory Modifier, and it is finished making all of its duplicates.</li>
<li><strong>Out of Bounds:</strong> This object falls out of the game area (if your game is not enclosed.)</li>
</ul>
<p><a href="#top">Back to Top</a></p>
<a name="t10"></a>
<br />
<h2>Sharing & Copying Games</h2>
<p><img src="/images/help/copythis.png" width="161" height="72" align="left" />If you or anyone else has published their game and allowed copying, then you can copy the game level by clicking the <strong>Copy This</strong> button at the bottom right corner of the game. Once you come to the creator, click the Select tool, then the Clipboard button, and paste the level into your clipboard. You can then modify the game, learn from it, and make it your own!</p>
<a name="t11"></a>
<br />
<h2>Further Help</a></h2>
<p>That's it! There is a lot more to this creator once you get used to the way it works. If you have questions, the best place to ask is in the <a href="https://forums.sploder.com/" target="_blank">Community Forums</a>. Also, keep an eye on the <a href="https://www.sploder.com/games/members/sploder/" target="_blank">Sploder Staff page</a> and <a href="https://www.sploder.com/games/members/geoff/" target="_blank">Geoff's page</a> for tutorials and help.</p>
<div style="float: right; width: 120px;"> <p><a href="javascript: close();">Close Window</a></p></div> <p><a href="#top">Back to Top</a></p>
</body>
</html>