iMagination Tutorial

 In order to get most out of it - do all tutorials step by step - and enter all examples into your iPhone.

Tutorial 1: Basics

Tutorial 2: The five numbers

Tutorial 3: Circles

Tutorial 4: Offset

Tutorial 5: Frequency Changes

Tutorial 6: Lerning by example

Basics

The graphics shown by iMagination depends only on the 5 numbers in the text field (top left)
e.g. 6-24-89-234-100.9 for the graphic above.

Enter these numbers and press 'iMag' to see the result.

Now try some changes - and see what happens:

The numbers will change the figure - not the color.
Each time you press 'iMag' will the color of your graphic be changed - but not the figure.

Change only one value at a time to see what happens.

Hint:
The last but one value should be above 100 for most figures.

Note:
You can try to explore all the influences of the 5 numbers by yourself - then stop reading here.

Or

Go to the next sections and read on.

For both ways:

Have fun !

For the second one - you will learn a lot about computer graphics.

Please send us your best number combinations !
Contribute section(click here)

The five numbers

The textbox on the top left of iMagination should contain 5 numbers separeted by an '-'.

e.g.  120-120-0-360-100000
Enter this numbers into your iMag to see what happens.

The meaning of the numbers:

In general it looks like this:

aaa-bbb-ccc-ddd-eee

The first two numbers aaa and bbb are responsible for the basic figure.
Use the numbers from above and set the first two numbers to 1:
1-1-0-360-100000

Then use different values (change only the first two numbers):
1-2-0-360-100000
2-1-0-360-100000
3-1-0-360-100000
10-10-0-360-100000
100-10-0-360-100000
100.1-10-0-360-100000

Try your own combinations.


The third number ccc can be used to rotate your figure.
(you learn more about it in tutorial 4)
 

Number 4 ddd is very important. This one is the number of lines iMag will create.
The larger this number the longer takes the creation of the picture.

The last number eee is responsible for the distance between the calculated points.
(you learn more about it in the next tutorial)

For now play with aaa, bbb and ddd for some time.
Save the best results as picture.

Hint:
To save your iMag as a picture, press and hold the 'home' key, then press the 'on/off' key.
You'll find your IMag results in your iPhone picture app.

The range of the numbers:
aaa, bbb, ccc and eee can have any positive value.

e.g. 2,  123,  2000.001,  or even very large numbers like 10000000000.

Hint:
Instead of 10000000000 enter 1e10 (=  1 and 10 times 0)

ddd will usually be between 100 and 5000 it can take only whole numbers.

Hint:
ddd should not be far beyond 10000.
As a rule will the iPhone need 1 second for each 5000 lines.
So if you enter 20000 you have to wait 4 seconds until you get the result.

Circles

01) Lets start with a very basic figure - a point.
Enter this into your iMag textbox (top left):
1-1-0-1-1
It may be difficult to see but there is a point in the top / center position.
Press the 'iMag' button many times to change the color or increase the brightness of your iPhone.

02) So lets make it more visible by changing the numbers to this:
1-1-0-10-1
Now iMag has calculated 10 points - not very interesting but wait...

03) Enter this:
1-1-0-180-1
The first half of a circle will be shown

04) 1-1-0-360-1
A full circle.
The last but one value (360) means we have 360 points (one for each degree of a circle)

05) 1-1-0-180-2
It's also a full circle but only 180 points were calculated (every other point of the circle was calculated and then connected with the next one - by a line).

06) 1-1-0-10-36
This shows it even better. It's also a full circle but only 10 points were calculated (every 10th point of the circle was calculated and then connected by a line).

Note: if you multiply the last two values from the examples 04 to 06 (the full circles) then you find it's always 360 (360*1=360, 180*2=360, 10*36=360).

Try other combination for the last two numbers to find out how it works.
e.g. 
1-1-0-4-90
1-1-0-3-120
1-1-0-720-0.5

07) 1-1-0-360-180
All you see is a line - why ?
Because of the first two numbers 1-1 you get a circle (as you have seen in the last examples).
iMagination will calculate 360 points because of the last but one number=360.
But there is a step width of 180 - this means in this case - that only the top point and the bottom point of the circle will be calculated (180 times each of them).
These point will be connected (360 times) and you get the result you have seen.

08) 1-1-0-360-180.1
Now we change the length of the lines in a way that does not fit into the 360 degrees of the circle.
Check the result !

09) Enter this combinations try to understand what happens - and then create some pictures by your own.

1-1-0-360-180.2
1-1-0-360-180.3
1-1-0-360-180.5
1-1-0-360-190

Offset

The third number is responsible for the offset. What does this mean ?

Lets enter the full circle again:
1-1-0-360-1

Now change the offset to 45
1-1-45-360-1

Try other values e.g.:
1-1-90-360-1
1-1-92-360-1
1-1-95-360-1
1-1-270-360-1
1-1-272-360-1
1-1-275-360-1

Lets try the last example from the last tutorial:
1-1-0-360-190

...and modify it this way:
1-1-90-360-190
1-1-95-360-190
1-1-120-360-190

Frequency Changes

We only created circles up to now - you may have found out, that you can create thousands of interesting figures by this - but here is the next step.

We start with the circle:
1-1-0-360-1

and change the frequency (the values of the first two numbers).

2-1-0-360-1
3-1-0-360-1

you may have heard of these figures in your physics lessons, they are called Lissajous figures.

Now try some not even combinations and play with the other numbers as well e.g.:

2-1.0001-0-360-100
2-1.0001-0-360-1000

This is the end of our iMagination tutorial - check this page for some examples - use these examples as starting points for your own creations - and send us your best ones (see the last section).

All trademarks are trademarks of their respective owners, which are in no way associated or affiliated with  soundside.de