-
Notifications
You must be signed in to change notification settings - Fork 0
/
readme.txt
119 lines (81 loc) · 3.84 KB
/
readme.txt
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
ZIM ZIP
ZIMjs is JavaScript framework / library for coding on the HTML Canvas:
http://zimjs.com
This zip contains the Frame Templates described at:
http://zimjs.com/code/frame.html
Just copy the html page you need to get started with your own project.
The easiest template is the FIT template so start there if you are new to ZIM.
There are comments in the code to explain the Frame set up.
In the "ready" event there is a comment that says "put your code here".
This is where you start coding - you can delete the sample button.
Documentation for what functions and classes you can use are found here:
http://zimjs.com/code/docs.html
There is a learn section for ZIM here with all sorts of tutorials and lessons:
http://zimjs.com/code/learn.html
There are many examples of common Interactive Media tasks here:
http://zimjs.com/code/bits.html
There are video tutorials with screen captures here:
http://zimjs.com/code/capture.html
------------------------------
CHANGES TO VERSIONS (latest to oldest)
------------------------------
ZIM 4TH (version 4 of ZIM)
Added all the Create module functions as methods on ZIM objects.
Previously we ran functions (which are still available).
var circle = new zim.Circle();
zim.center(circle, stage); // center function
zim.drag(circle); // drag function
Now we can use the functions as methods:
var circle = new zim.Circle();
circle.center(stage); // center method
circle.drag(); // drag method
ZIM 4TH also introduced ZIM Container, Shape, Sprite, MovieClip and Bitmap
that are all the same as the CreateJS equivilants
except they have all the Create module functions added as methods
and they have width and height read only properties.
Since the zim shapes (Rectangle, Circle, Triangle) and all the components
Label, Button, Dial, Slider, Window, Pane, Tabs, etc. are zim Containers
they all have the methods and width and height added as well.
The new methods are:
drag() noDrag() dragRect() setSwipe()
hitTestPoint() hitTestReg() hitTestRect()
hitTestCircle() hitTestBounds() hitTestGrid()
boundsToGlobal()
move() animate()
scale() scaleTo() fit()
centerReg() center()
outline() place() expand()
mask()
Example:
circle.alpha = 0;
circle.animate({alpha:1}, 700);
or with ZIM DUO
circle.animate({obj:{scale:2}, time:700, loop:true});
NOTE: ZIM 4TH also flattened the props parameter for move and animate.
This moves the loop and rewind properties formerly in props
to just regular parameters of move and animate (see documentation).
For instance, the loop above was props:{loop:true} now it is loop:true.
ZIM TRI (version 3 of ZIM)
Made it so that center(obj, container) and centerReg(obj, Container)
add the obj to the container
so there is no need for container.addChild(obj).
A zim.Ticker was also added which runs with move() and animate().
You can also add your functions with zim.Ticker.add(function, stage).
ZIM DUO (version 2 of ZIM)
Added support for two ways to pass parameters.
1. new zim.Rectangle(100, 100, "red", null, null, 10);
Where you need to fill in null to keep the order of the parameters.
2. new zim.Rectangle({width:100, height:100, color:"red", corner:10});
Where you use a single configuration object
using the parameter names as outlined in the documentation.
For a more complete list of changes see GIT HUB:
https://github.com/danzen/zimjs
******************************************************
ZIM will allow you to make wonderful interactive media
on the ubiquitous HTML browser platform and mobile through PhoneGap.
ZIM has taken thousands of hours to build and test
so that you can save time and thought to build efficiently.
Your donation and donations of coders before you
help keep us going to bring you the very best.
Donations can be made through PayPal to Agency Zen
http://zimjs.com/donate/