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
| function setup() {
createCanvas(800,600)
background(200)
}
var xr=50
var yr=300
var tirs=[]
var rightPressed = false;
var leftPressed = false;
var upPressed= false;
var downPressed= false;
document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);
function keyDownHandler(e) {
if(e.keyCode == 39) {
rightPressed = true;
}
else if(e.keyCode == 37) {
leftPressed = true;
}
else if (e.keyCode ==40) {
upPressed = true;
}
else if (e.keyCode==38) {
downPressed=true
}
}
function keyUpHandler(e) {
if(e.keyCode == 39) {
rightPressed = false;
}
else if(e.keyCode == 37) {
leftPressed = false;
}
else if (e.keyCode==40) {
upPressed=false
}
else if (e.keyCode==38) {
downPressed=false
}
}
function rond(){
ellipse(xr,yr,50,50)
}
function curseur(){
ellipse(mouseX,mouseY,20,20)
}
function tir(){
var xballe=xr
var yballe=yr
var dXM=sqrt(((mouseX-xr)*(mouseX-xr))+((mouseY-yr)*(mouseY-yr)))
var tx=10*(mouseX-xr)/dXM
var ty=10*(mouseY-yr)/dXM
tirs.push (new Tir (xballe, yballe, tx, ty));
}
function Tir (xballe, yballe, tx, ty){
this.xballe = xballe;
this.yballe = yballe;
this.tx = tx;
this.ty = ty;
this.draw = function(){
this.xballe += this.tx;
this.yballe += this.ty;
ellipse(this.xballe,this.yballe,5,5);
};
this.errase = function(){
if (this.xballe < 0
|| this.yballe < 0
|| this.xballe > 800
|| this.yballe > 600
)tirs.splice();
}
}
function draw() {
rect(0,0,799,599)
if(rightPressed) {
xr = xr+7;
}
if(leftPressed) {
xr=xr-7;
}
if (upPressed) {
yr=yr+7
}
if (downPressed) {
yr=yr-7
}
rond()
curseur()
if (mouseIsPressed) {
tir()
}
for (var i = 0; i < tirs.length; i++) {
tirs[i].draw()
}
} |
Partager