Heyy, so I got it to work, but I have a few questions about the way I got it to work.
So what I did was I changed
To
Now my question is which one of these is the latest and should be used for making games?
Secondly,
I tried making it so that it works with windows.onload, so that I could call my script anywhere, but that doesnt seem to work, anyone notice any differences?
Working:
Code: Select all
Crafty.init(600, 300);
Crafty.background('rgb(127,127,127)');
//Paddles
Crafty.e("Paddle, 2D, DOM, Color, Multiway")
.color('rgb(255,0,0)')
.attr({ x: 20, y: 100, w: 10, h: 100 })
.multiway(4, { W: -90, S: 90 });
Crafty.e("Paddle, 2D, DOM, Color, Multiway")
.color('rgb(0,255,0)')
.attr({ x: 580, y: 100, w: 10, h: 100 })
.multiway(4, { UP_ARROW: -90, DOWN_ARROW: 90 });
//Ball
Crafty.e("2D, DOM, Color, Collision")
.color('rgb(0,0,255)')
.attr({ x: 300, y: 150, w: 10, h: 10,
dX: Crafty.math.randomInt(2, 5),
dY: Crafty.math.randomInt(2, 5) })
.bind('EnterFrame', function () {
//hit floor or roof
if (this.y <= 0 || this.y >= 290)
this.dY *= -1;
if (this.x > 600) {
this.x = 300;
Crafty("LeftPoints").each(function () {
this.text(++this.points + " Points"); });
}
if (this.x < 10) {
this.x = 300;
Crafty("RightPoints").each(function () {
this.text(++this.points + " Points");});
}
this.x += this.dX;
this.y += this.dY;
})
.onHit('Paddle', function () {
this.dX *= -1;
});
//Score boards
Crafty.e("LeftPoints, DOM, 2D, Text")
.attr({ x: 20, y: 20, w: 100, h: 20, points: 0 })
.text("0 Points");
Crafty.e("RightPoints, DOM, 2D, Text")
.attr({ x: 515, y: 20, w: 100, h: 20, points: 0 })
.text("0 Points");
Not working:
Code: Select all
windows.onload = function(){
Crafty.init(50, 600, 300);
Crafty.background('rgb(127,127,127)');
//paddles
Crafty.e("Paddle, 2D, DOM, Color, Multiway")
.color("rbg(0, 255,0)")
.attr({ x: 20, y: 100, w: 10, h: 100 })
.multiway(4,{W: -90, S: 90});
Crafty.e("Paddle, 2D, DOM, Color, Multiway")
.color("rbg(255,0,0)")
.attr({x: 588, y:100, w:10, h:100})
.multiway(4,{UP_Arrow: -90, Down_Arrow: 90});
//ball
Crafty.e("Ball, 2D, DOM, Color, Collision")
.color("rgb(0,0,255)")
.attr({x: 300, y: 150, w:10, h:10,
dx: Crafty.math.randomInt(2, 5),
dy: Crafty.math.randomInt(2,5)})
.bind("enterframe", function(){
//hit floor or roof
if(this.y <= 0 || this.y >= 290)
this.dy *= -1;
if(this.x > 600){
this.x = 300;
Crafty("LeftPoints").each(function(){
this.text(++this.points + "Points");});
}
if(this.x < 10){
this.x = 300;
Crafty("RightPoints").each(function(){
this.text(++this.points + "Points");});
}
this.x += this.dX;
this.y += this.dY;
})
.onHit("Paddle", function(){
this.dx *= -1;
});
Crafty.e("LeftPoints, DOM, 2D, Text")
.attr({ x: 20, y: 20, w: 100, h: 20, points: 0 })
.text("0 Points");
Crafty.e("RightPoints, DOM, 2D, Text")
.attr({ x: 515, y: 20, w: 100, h: 20, points: 0 })
.text("0 Points");
};
