[C3]collie deview201249.
img
src=image.png
alt=이미지
/
58.
canvas
id=canvas/canvas
71.
var
o
=
new
Yame();
o.age
=
32/2*Math.sin(1)+13
;
o.height
=
160cm;
o.weight
=
undefined;
o.cooking
=
false;
o.defense
=
backside;
...
89.
function
draw()
{
//
지우기
ctx.clearRect(0,
0,
ctx.canvas.width,
ctx.canvas.height
);
//
등록된
91. 그리기
for
(var
i
=
0;
i
list.length;
i++)
{
list[i].drawEachObject();
}
};
//
초당
93. 반복
setInterval(draw,
1000
/
60);
121.
function
draw()
{
requestAnimationFrame(draw);
//
...
}
requestAnimationFrame(draw);
134.
var
ctx
=
elCanvas.getContext(2d);
ctx.drawImage(대상이미지,
원본x,
원본y,
원본너비,
원본높이,
대상x,
대상y,
대상너비,
대상높이);
원본
149.
var
ctx
=
elCanvas.getContext(2d);
ctx.drawImage(elImg,
0,
0,
100,
100,
0
,
0,
200,
100);
원본
205.
.displayObject
{
-‐webkit-‐transform:translate3d(x,y,z)
s
cale3d(x,
y,
z)
rotateZ(deg);
-‐wekit-‐transform-‐origin:0
0;
-‐webkit-‐transform-‐style:preserve-‐3d;
}
226.
IMG(position:absolute)
374.
var
layer
=
new
collie.Layer();
div
var
parent
=
new
collie.DisplayObject();
img
/
var
child
=
new
collie.DisplayObject();
parent.addTo(layer);
/div
child.addTo(parent);
img
408.
[[126,
285],[104,
286],[101,
267],[105,
221],[101,
213],[88,
188],[85,
168],[81,
153],[94,
133],[97,
103],[94,
60],[95,
29],[103,
32],[109,
97],[143,
93],[147,
33],[151,
31],[152,
97],[161,
137],[166,
167],[165,
188],[169,
200],[165,
208],[160,
209],
[159,
235],[159,
256],[159,
269],[162,
275],[162,
286],[138,
288],[130,
275],[132,
254]]
458.
var
isRetina
=
collie.Renderer.isRetinaDisplay();
collie.ImageManager.addImages({
yame
:
(isRetina
?
large
:
small)
+
/yame.png
});
a
470.
collie.ImageManager.addImages({
yame
:
img/yame.png
});
var
layer
=
new
collie.Layer({
width
:
320,
height
:
480
})
;
var
yame
=
new
collie.DisplayObject({
width
:
100,
height
:
180,
backgroundImage
:
yame
}).addTo(layer);
collie.Timer.cycle(yame,
1000,
{
to
:
7
});
yame.move(200,
0,
100);
collie.Renderer.addLayer(layer);
collie.Renderer.load(document.getElementById(t);
collie.Renderer.start();