i tried translating my processing 3 code into p5js code but it doesn’t work. what did i do wrong?
p5js code:
var trashX;
var trashY;
var boatX;
var boatY;
var ropelenght = 0;
var movingspeed = 10;
var time;
var score = 0;
let trash = [18];
let boat = [3];
var right = 1;
var left = 2;
var bag = 1;
var beer = 2;
var box = 3;
var coffee = 4;
var deodorant = 5;
var energy = 6;
var jar = 7;
var laundrydetergent = 8;
var milk = 9;
var milkshake = 10;
var paper = 11;
var pizza = 12;
var soda = 14;
var tin = 15;;
var tuna = 16;
var waterbottle = 17;
var boati = 1;
var trashi = int(random(0, 18));
let rope = false;
function setup() {
fullScreen();
trashX = random(0, width);
trashY = ((height / 2) / 2) * 3;
boatX = width / 2;
boatY = (height / 2) / 2;
trash[bag] = loadImage("bag.png");
trash[beer] = loadImage("beer.png");
trash[box] = loadImage("box.png");
trash[coffee] = loadImage("coffee.png");
trash[deodorant] = loadImage("deodorant.png");
trash[energy] = loadImage("energy.png");
trash[jar] = loadImage("jar.png");
trash[laundrydetergent] = loadImage("laundry detergent.png");
trash[milk] = loadImage("milk.png");
trash[milkshake] = loadImage("milkshake.png");
trash[paper] = loadImage("paper.png");
trash[pizza] = loadImage("pizza.png");
trash[soda] = loadImage("soda.png");
trash[tin] = loadImage("tin.png");
trash[tuna] = loadImage("tuna.png");
trash[waterbottle] = loadImage("water bottle.png");
boat[right] = loadImage("boatright.png");
boat[left] = loadImage("boatleft.png");
}
function draw() {
background(0, 105, 148);
trashX= trashX - random(random(-3, -0.1), random(0.1, 3)); trashY = trashY - 1;
image(trash[trashi], trashX, trashY, 20, 20);
image(boat[boati], boatX, boatY, 50, 20);
textSize(32); fill(0); // Fill color black
text("score:" + score, 40, 80);
if (rope == true) {
time = millis();
if (boati == right) {
stroke(149, 125, 87);
line(boatX + 10, boatY + 15, boatX + 10 + ropelenght, boatY + 15);
ropelenght = ropelenght + 10;
if (trashX < boatX + 10 + ropelenght && trashY <= boatY + 15 && trashY + 20 >= boatY + 15) {
score++;
trashX = random(0, width);
trashY = ((height / 2) / 2) * 3;
ropelenght = 0;
time = 0;
trashi = int(random(0, 18));
rope = false;
}
}
if (boati == left) {
time = millis();
stroke(149, 125, 87);
line(boatX, boatY + 15, boatX - ropelenght, boatY + 15);
ropelenght = ropelenght + 10;
if (trashX > boatX - ropelenght && trashY <= boatY + 15 && trashY >= boatY + 15) {
score++;
trashX = random(0, width);
trashY = ((height / 2) / 2) * 3;
ropelenght = 0;
time = 0;
trashi = int(random(0, 18));
rope = false;
}
}
}
if (boatX - ropelenght <= 0 || boatX + 10 + ropelenght >= width) {
ropelenght = 0;
rope = false;
}
if (trashY <= 0) {
score--;
trashX = random(0, width);
trashY = ((height / 2) / 2) * 3;
ropelenght = 0;
time = 0;
trashi = int(random(0, 18));
rope = false;
}
if(trashX<=0){
trashX=0;
}
if(trashX>=width){
trashX= width;
}
}
function keyPressed() {
if (key == 'a') {
boati = left;
}
if (key == 'd') {
boati = right;
}
if (key == ' ') {
rope = true;
}
}
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) -->
<script language="javascript" type="text/javascript" src="libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="p5js-temp-sketch_211031c3474139133367059777.js"></script>
<!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN -->
<!-- This line removes any default padding and style.
You might only need one of these values set. -->
<style> body { padding: 0; margin: 0; } </style>
</head>
<body>
</body>
</html>
processing 3 code:
float trashX;
float trashY;
float boatX;
float boatY;
float ropelenght = 0;
float movingspeed = 10;
float time;
int score = 0;
PImage[] trash = new PImage[18];
PImage[] boat = new PImage[3];
int right = 1;
int left = 2;
int bag = 1;
int beer = 2;
int box = 3;
int coffee = 4;
int deodorant = 5;
int energy = 6;
int jar = 7;
int laundrydetergent = 8;
int milk = 9;
int milkshake = 10;
int paper = 11;
int pizza = 12;
int soda = 14;
int tin = 15;
int tuna = 16;
int waterbottle = 17;
int boati = 1;
int trashi = int(random(0, 18));
boolean rope = false;
void setup() {
fullScreen();
trashX = random(0, width);
trashY = ((height / 2) / 2) * 3;
boatX = width / 2;
boatY = (height / 2) / 2;
trash[bag] = loadImage("bag.png");
trash[beer] = loadImage("beer.png");
trash[box] = loadImage("box.png");
trash[coffee] = loadImage("coffee.png");
trash[deodorant] = loadImage("deodorant.png");
trash[energy] = loadImage("energy.png");
trash[jar] = loadImage("jar.png");
trash[laundrydetergent] = loadImage("laundry detergent.png");
trash[milk] = loadImage("milk.png");
trash[milkshake] = loadImage("milkshake.png");
trash[paper] = loadImage("paper.png");
trash[pizza] = loadImage("pizza.png");
trash[soda] = loadImage("soda.png");
trash[tin] = loadImage("tin.png");
trash[tuna] = loadImage("tuna.png");
trash[waterbottle] = loadImage("water bottle.png");
boat[right] = loadImage("boatright.png");
boat[left] = loadImage("boatleft.png");
}
void draw() {
background(#006994);
trashX= trashX - random(random(-3, -0.1), random(0.1, 3)); trashY = trashY - 1;
image(trash[trashi], trashX, trashY, 20, 20);
image(boat[boati], boatX, boatY, 50, 20);
textSize(32); fill(0); // Fill color black
text("score:" + score, 40, 80);
if (rope == true) {
time = millis();
if (boati == right) {
stroke(#957D57);
line(boatX + 10, boatY + 15, boatX + 10 + ropelenght, boatY + 15);
ropelenght = ropelenght + 10;
if (trashX < boatX + 10 + ropelenght && trashY <= boatY + 15 && trashY + 20 >= boatY + 15) {
score++;
trashX = random(0, width);
trashY = ((height / 2) / 2) * 3;
ropelenght = 0;
time = 0;
trashi = int(random(0, 18));
rope = false;
}
}
if (boati == left) {
time = millis();
stroke(#957D57);
line(boatX, boatY + 15, boatX - ropelenght, boatY + 15);
ropelenght = ropelenght + 10;
if (trashX > boatX - ropelenght && trashY <= boatY + 15 && trashY >= boatY + 15) {
score++;
trashX = random(0, width);
trashY = ((height / 2) / 2) * 3;
ropelenght = 0;
time = 0;
trashi = int(random(0, 18));
rope = false;
}
}
}
if (boatX - ropelenght <= 0 || boatX + 10 + ropelenght >= width) {
ropelenght = 0;
rope = false;
}
if (trashY <= 0) {
score--;
trashX = random(0, width);
trashY = ((height / 2) / 2) * 3;
ropelenght = 0;
time = 0;
trashi = int(random(0, 18));
rope = false;
}
if(trashX<=0){
trashX=0;
}
if(trashX>=width){
trashX= width;
}
}
void keyPressed() {
if (key == 'a') {
boati = left;
}
if (key == 'd') {
boati = right;
}
if (key == ' ') {
rope = true;
}
}