Animation working; screen clearing, not.

This commit is contained in:
Skyler Lehmkuhl 2012-01-06 16:48:58 -05:00
parent 78f82c39f7
commit 1a0affa6bd
1 changed files with 19 additions and 13 deletions

32
base.js
View File

@ -22,20 +22,22 @@ function MovieClip() {
*/ */
this._frames = [[]] this._frames = [[]]
this._currentframe = 1; this._currentframe = 1;
this._draw = function (cr) { this._draw = function () {
for (i in this) { for (i in this) {
if (this._frames[this._currentframe-1][i]) { if (this._frames[this._currentframe-1][i]) {
this[i]._draw(cr, this._frames[this._currentframe-1][i]); this[i]._draw(this._frames[this._currentframe-1][i]);
} }
} }
} }
this.play = function () {
}
} }
function Shape() { function Shape() {
// Not part of the ActionScript spec, but necessary. // Not part of the ActionScript spec, but necessary.
this._shapedata = [] this._shapedata = []
this.fill = "#000000" this.fill = "#000000"
this._draw = function (cr, frame) { this._draw = function (frame) {
this._x = frame._x this._x = frame._x
this._y = frame._y this._y = frame._y
this._xscale = frame._xscale this._xscale = frame._xscale
@ -70,23 +72,28 @@ var Stage = {
} }
var root = {} var root = {}
var cr
function draw() { function draw() {
var canvas = document.getElementById("canvas"); var canvas = document.getElementById("canvas");
if (canvas.getContext) { if (canvas.getContext) {
var cr = canvas.getContext("2d"); cr = canvas.getContext("2d");
cr.strokeSyle = "#0000FF" cr.strokeSyle = "#0000FF"
for (i in root) { for (i in root) {
if (root[i]._draw) { if (root[i]._draw) {
root[i]._draw(cr) root[i]._draw()
} }
} }
} }
} }
function play() {
var a = new Shape() var a = new Shape()
a._shapedata = [["M",0,0],["L",400,0],["L",400,200],["L",0,200],["L",0,0]] a._shapedata = [["M",0,0],["L",400,0],["L",400,200],["L",0,200],["L",0,0]]
var b = new MovieClip() var b = new MovieClip()
@ -98,14 +105,13 @@ b._frames[0].a._xscale = 1
b._frames[0].a._xscale = 1 b._frames[0].a._xscale = 1
b._frames[0].a._rotation = 0 b._frames[0].a._rotation = 0
root.b = b root.b = b
draw() b._frames[1].a = {}
b._frames[0].a = {} b._frames[1].a._x = 50
b._frames[0].a._x = 50 b._frames[1].a._y = 40
b._frames[0].a._y = 40 b._frames[1].a._xscale = 1
b._frames[0].a._xscale = 1 b._frames[1].a._xscale = 1
b._frames[0].a._xscale = 1 b._frames[1].a._rotation = 0
b._frames[0].a._rotation = 0 play()
draw()
//------------------- END OF JAVASCRIPT ------------------------\\ //------------------- END OF JAVASCRIPT ------------------------\\
</script> </script>