Почему значение переменной x не регистрируется в остальной части кода внутри оператора if? ⇐ Javascript

[Anonymous]

Я создаю игру, в которой при нажатии пробела будет появляться случайная поза, но когда я помещал переменную x внутри оператора if, значение x, похоже, не оказывало никакого влияния на x#, из-за чего она не запускалась, и все изображение антропоморфной лисы не появлялось.
Я думал, что это оператор if не взаимодействует с учетом порядка кода, но я поместил операторы if x# оператор x if, и он все еще не работал. Изображение, которое я рисую, не появится вообще, а не только биты в первом операторе if.
Однако фон появляется.
Я хочу знать, что в моем коде я сделал неправильно, и найти решение.
Мой код должен показывать изображение, которое зависит от значения x, но изображение не появится, когда я запущу код. Я бы хотел, чтобы изображение появилось.
Я знаю, что это, вероятно, было бы исправлено, если бы я использовал спрайты вместо рисования, но тогда мне пришлось бы использовать сенсорную панель для рисования.
Я пытаюсь сбросить случайное значение на новое значение при нажатии клавиши пробела, вызывая новое изображение, но это значение не взаимодействует ни с одним из операторов if, которые зависят от значения x, поэтому появляется только фон. Он делает это независимо от значения x, а значение x прекрасно взаимодействует с остальной частью кода, если оно не находится в операторе if.
Внутриплатформенная отладка ничего не говорит (у меня нет F11 или инструмента проверки, потому что я использую школьный Chromebook), что странно, поэтому я думаю, что значение x не регистрируется в остальной части кода, потому что оно находится в if-statement (он не появится независимо от значения какой-либо переменной, поэтому я думаю, что это может быть так).
Все операторы if регистрируются, но я не думаю, что это коррелирует экземпляры x, когда он находится в операторе if и на него ссылаются, но все равно видит то же имя, поэтому не показывает ошибку отладки.
Я знаю программное обеспечение, которое я использую (Code.org), и оно считывает значения, а что тогда зависит от них, влияя на эти значения тем, что говорит код, как и на любом обычном сайте JavaScript.
if (keyDown("space")) {
var x = randomNumber(1, 9);
}

// background
background(rgb(25, 25, 25));
fill(rgb(220, 220, 200));
regularPolygon(200, 225, 3, 175);
ellipse(200, 100, 50, 10);
fill("black");
rect(175, 40, 50, 60);
rect(0, 20, 400, 20);
fill("darkgrey");
ellipse(200, 310, 298, 100);

// First Face
if (x === 1) {
var x1 = randomNumber(1, 3);
fill("orange");
strokeWeight(0);
ellipse(180, 270, 15, 20);
ellipse(220, 270, 15, 20);
rect(175, 200, 50, 70);
ellipse(200, 180, 50, 50);
regularPolygon(190, 160, 3, 15);
regularPolygon(210, 160, 3, 15);
ellipse(275, 225, 20, 20);
ellipse(125, 225, 20, 20);
strokeWeight(10);
stroke("orange");
line(225, 250, 240, 235);
line(225, 250, 230, 225);
line(225, 250, 240, 250);
stroke("bisque");
point(240, 235);
point(230, 225);
point(240, 250);
noStroke();
fill("Bisque");
ellipse(180, 160, 10, 10);
ellipse(220, 160, 10, 10);
ellipse(200, 185, 20, 15);
arc(200, 260, 30, 100, 180, 0);
strokeWeight(5);
stroke("black");
point(200, 178);
noStroke();
}
// Option 1
if (x1 === 1) {
fill("black");
ellipse(185, 175, 10, 5);
ellipse(215, 175, 10, 5);
}
// Option 2
if (x1 === 2) {
fill("black");
ellipse(175, 175, 10, 5);
ellipse(210, 175, 10, 5);
}
// Option 3
if (x1 === 3) {
fill("black");
ellipse(190, 175, 10, 5);
ellipse(220, 175, 10, 5);
}
// Face Two
if (x === 2) {
var x2 = randomNumber(1, 2);
fill("orange");
strokeWeight(0);
ellipse(180, 270, 15, 20);
ellipse(220, 270, 15, 20);
rect(175, 200, 50, 70);
ellipse(200, 180, 50, 50);
regularPolygon(190, 160, 3, 15);
regularPolygon(210, 160, 3, 15);
ellipse(250, 250, 20, 20);
ellipse(150, 250, 20, 20);
strokeWeight(10);
stroke("orange");
line(225, 250, 240, 235);
line(225, 250, 230, 225);
line(225, 250, 240, 250);
stroke("bisque");
point(240, 235);
point(230, 225);
point(240, 250);
noStroke();
fill("Bisque");
ellipse(180, 160, 10, 10);
ellipse(220, 160, 10, 10);
ellipse(200, 185, 20, 15);
arc(200, 260, 30, 100, 180, 0);
strokeWeight(5);
stroke("black");
point(200, 178);
noStroke();
}
if (x2 === 1) {
fill("black");
ellipse(185, 175, 10, 10);
ellipse(215, 175, 10, 10);
noFill();
strokeWeight(5);
stroke("black");
point(200, 150);
arc(200, 125, 20, 20, 270, 90);
line(200, 135, 200, 140);
}
if (x2 === 2) {
fill("black");
ellipse(185, 175, 10, 5);
ellipse(215, 175, 10, 5);
noFill();
strokeWeight(3);
stroke("black");
arc(200, 125, 20, 20, 270, 180);
arc(195, 125, 10, 10, 180, 0);
arc(196, 125, 5, 5, 0, 90);
}
// Face Three
if (x === 3) {
var x3 = randomNumber(1, 2);
fill("orange");
strokeWeight(0);
ellipse(180, 270, 15, 20);
ellipse(220, 270, 15, 20);
rect(175, 200, 50, 70);
ellipse(200, 180, 50, 50);
regularPolygon(190, 160, 3, 15);
regularPolygon(210, 160, 3, 15);
ellipse(175, 250, 20, 20);
strokeWeight(10);
stroke("orange");
line(225, 250, 240, 235);
line(225, 250, 230, 225);
line(225, 250, 240, 250);
stroke("bisque");
point(240, 235);
point(230, 225);
point(240, 250);
noStroke();
fill("Bisque");
ellipse(180, 160, 10, 10);
ellipse(220, 160, 10, 10);
ellipse(200, 185, 20, 15);
arc(200, 260, 30, 100, 180, 0);
strokeWeight(5);
stroke("black");
point(200, 178);
noStroke();
fill("black");
ellipse(215, 175, 10, 10);
ellipse(185, 175, 10, 10);
}
if (x3 === 1) {
fill("orange");
ellipse(200, 250, 20, 20);
textFont("Serif");
textSize(15);
fill("white");
text("Watch Me Whip", 150, 300);
}
if (x3 === 2) {
fill("orange");
ellipse(250, 175, 20, 20);
textFont("Serif");
textSize(15);
fill("white");
text("Now Watch Me Nay Nay", 125, 300);
}
// Forth Face
if (x === 4) {
var x4 = randomNumber(1, 2);
fill("orange");
strokeWeight(0);
ellipse(180, 270, 15, 20);
ellipse(220, 270, 15, 20);
rect(175, 200, 50, 70);
ellipse(200, 180, 50, 50);
regularPolygon(190, 160, 3, 15);
regularPolygon(210, 160, 3, 15);
strokeWeight(10);
stroke("orange");
line(225, 250, 240, 235);
line(225, 250, 230, 225);
line(225, 250, 240, 250);
stroke("bisque");
point(240, 235);
point(230, 225);
point(240, 250);
noStroke();
fill("Bisque");
ellipse(180, 160, 10, 10);
ellipse(220, 160, 10, 10);
ellipse(200, 185, 20, 15);
arc(200, 260, 30, 100, 180, 0);
strokeWeight(5);
stroke("black");
point(200, 178);
noStroke();
}
if (x4 === 1) {
noFill();
stroke("black");
strokeWeight(2);
ellipse(200, 180, 50, 50);
noStroke();
fill("red");
regularPolygon(200, 150, 3, 20);
stroke("white");
strokeWeight(10);
point(200, 130);
stroke("blue");
strokeWeight(3);
point(191, 156);
point(204, 153);
point(196, 144);
stroke("yellow");
point(203, 143);
point(197, 152);
point(211, 156);
noStroke();
fill("black");
arc(190, 170, 10, 10, 180, 0);
arc(210, 170, 10, 10, 180, 0);
fill("orange");
ellipse(150, 175, 20, 20);
ellipse(250, 175, 20, 20);
}
if (x4 === 2) {
noFill();
stroke("black");
strokeWeight(2);
ellipse(200, 180, 50, 50);
noStroke();
fill("red");
regularPolygon(200, 150, 3, 20);
stroke("white");
strokeWeight(10);
point(200, 130);
stroke("blue");
strokeWeight(3);
point(191, 156);
point(204, 153);
point(196, 144);
stroke("yellow");
point(203, 143);
point(197, 152);
point(211, 156);
noStroke();
fill("black");
arc(190, 170, 10, 10, 180, 0);
arc(210, 170, 10, 10, 180, 0);
fill("red");
rect(175, 225, 50, 50);
fill("gold");
rect(190, 225, 20, 50);
fill("orange");
ellipse(175, 250, 20, 20);
ellipse(225, 250, 20, 20);
}
// Face 5
if (x === 5) {
var x5a = "Orange";
var x5 = randomNumber(1, 3);
fill(x5a);
strokeWeight(0);
ellipse(180, 270, 15, 20);
ellipse(220, 270, 15, 20);
rect(175, 200, 50, 70);
ellipse(200, 180, 50, 50);
regularPolygon(190, 160, 3, 15);
regularPolygon(210, 160, 3, 15);
ellipse(250, 250, 20, 20);
ellipse(150, 250, 20, 20);
strokeWeight(10);
stroke(x5a);
line(225, 250, 240, 235);
line(225, 250, 230, 225);
line(225, 250, 240, 250);
stroke("bisque");
point(240, 235);
point(230, 225);
point(240, 250);
noStroke();
fill(x5a);
ellipse(250, 250, 20, 20);
ellipse(150, 250, 20, 20);
noFill();
fill("Bisque");
ellipse(180, 160, 10, 10);
ellipse(220, 160, 10, 10);
ellipse(200, 185, 20, 15);
arc(200, 260, 30, 100, 180, 0);
strokeWeight(5);
stroke("black");
point(200, 178);
noStroke();
}
if (x5 === 1) {
fill("black");
arc(190, 170, 10, 10, 0, 180);
arc(210, 170, 10, 10, 0, 180);
}
if (x5 === 2) {
fill("black");
arc(190, 170, 10, 10, 50, 220);
arc(210, 170, 10, 10, 290, 120);
}
if (x5 === 3) {
fill("black");
arc(190, 170, 10, 10, 50, 220);
arc(210, 170, 10, 10, 290, 120);
stroke("black");
strokeWeight(5);
line(199, 142, 223, 132);
line(223, 132, 184, 133);
line(184, 133, 237, 122);
line(237, 122, 170, 124);
}
// Face 6 :c
if (x === 6) {
var x6 = randomNumber(1, 3);
fill("orange");
strokeWeight(0);
ellipse(180, 270, 15, 20);
ellipse(220, 270, 15, 20);
rect(175, 200, 50, 70);
ellipse(200, 180, 50, 50);
regularPolygon(190, 160, 3, 15);
regularPolygon(210, 160, 3, 15);
strokeWeight(10);
stroke("orange");
line(225, 250, 240, 235);
line(225, 250, 230, 225);
line(225, 250, 240, 250);
stroke("bisque");
point(240, 235);
point(230, 225);
point(240, 250);
noStroke();
fill("Bisque");
ellipse(180, 160, 10, 10);
ellipse(220, 160, 10, 10);
ellipse(200, 185, 20, 15);
arc(200, 260, 30, 100, 180, 0);
strokeWeight(5);
stroke("black");
point(200, 178);
noStroke();
}
if (x6 === 1) {
fill("black");
arc(190, 175, 10, 10, 300, 120);
arc(210, 175, 10, 10, 60, 240);
fill("orange");
ellipse(250, 250, 20, 20);
ellipse(150, 250, 20, 20);
}
if (x6 === 2) {
fill("black");
arc(190, 175, 10, 10, 300, 120);
arc(210, 175, 10, 10, 60, 240);
rect(175, 200, 50, 60);
arc(200, 170, 50, 40, 180, 0);
shape(176, 170, 182, 175, 188, 170);
shape(190, 170, 203, 178, 200, 170);
shape(200, 170, 205, 183, 211, 170);
shape(200, 170, 218, 188, 225, 170);
fill("orange");
arc(200, 200, 20, 10, 0, 180);
ellipse(250, 250, 20, 20);
ellipse(150, 250, 20, 20);
fill("black");
shape(175, 200, 165, 210, 220, 220, 175, 215);
shape(225, 200, 235, 210, 225, 210, 225, 215);
stroke("white");
strokeWeight(4);
line(190, 250, 200, 240);
line(210, 250, 200, 240);
line(200, 240, 200, 225);
arc(200, 215, 15, 15, 90, 90);
line(210, 240, 200, 225);
line(190, 240, 200, 225);
stroke("cyan");
strokeWeight(1);
line(195, 215, 198, 215);
line(200, 215, 204, 215);
line(203, 215, 203, 220);
line(196, 215, 196, 220);
}
if (x6 === 3) {
fill("black");
arc(190, 175, 10, 10, 300, 120);
arc(210, 175, 10, 10, 60, 240);
fill("orange");
ellipse(250, 250, 20, 20);
ellipse(150, 250, 20, 20);
stroke("cyan");
strokeWeight(3);
line(188, 180, 194, 180);
line(206, 180, 213, 180);
}
// The 7th Face
if (x === 7) {
var x7 = randomNumber(1, 4);
fill("orange");
strokeWeight(0);
ellipse(180, 270, 15, 20);
ellipse(220, 270, 15, 20);
rect(175, 200, 50, 70);
ellipse(200, 180, 50, 50);
regularPolygon(190, 160, 3, 15);
regularPolygon(210, 160, 3, 15);
strokeWeight(10);
stroke("orange");
line(225, 250, 240, 235);
line(225, 250, 230, 225);
line(225, 250, 240, 250);
stroke("bisque");
point(240, 235);
point(230, 225);
point(240, 250);
noStroke();
fill("Bisque");
ellipse(180, 160, 10, 10);
ellipse(220, 160, 10, 10);
ellipse(200, 185, 20, 15);
arc(200, 260, 30, 100, 180, 0);
strokeWeight(5);
stroke("black");
point(200, 178);
noStroke();
}
if (x7 === 1) {
fill("orange");
ellipse(150, 175, 20, 20);
ellipse(250, 175, 20, 20);
fill("black");
arc(190, 170, 10, 10, 180, 0);
arc(210, 170, 10, 10, 180, 0);
noFill();
stroke("black");
strokeWeight(2);
arc(195, 180, 8, 8, 0, 180);
arc(205, 180, 8, 8, 0, 180);
}
if (x7 === 2) {
fill("orange");
ellipse(150, 175, 20, 20);
ellipse(250, 175, 20, 20);
fill("black");
arc(190, 170, 10, 10, 180, 0);
arc(210, 170, 10, 10, 180, 0);
noFill();
stroke("black");
strokeWeight(2);
arc(195, 180, 8, 8, 0, 180);
arc(205, 180, 8, 8, 0, 180);
fill("black");
arc(200, 180, 17, 17, 0, 180);
strokeWeight(5);
point(200, 150);
line(200, 140, 200, 120);
}
if (x7 === 3) {
fill("orange");
ellipse(150, 175, 20, 20);
ellipse(250, 175, 20, 20);
fill("black");
arc(190, 170, 20, 20, 90, 90);
arc(210, 170, 20, 20, 90, 90);
noFill();
stroke("white");
strokeWeight(3);
point(190, 170);
point(210, 170);
stroke("black");
strokeWeight(2);
arc(195, 180, 8, 8, 0, 180);
arc(205, 180, 8, 8, 0, 180);
fill("black");
arc(200, 180, 30, 30, 0, 180);
strokeWeight(5);
point(200, 150);
line(200, 140, 200, 120);
}
if (x7 === 4) {
fill("orange");
ellipse(150, 175, 20, 20);
ellipse(250, 175, 20, 20);
fill("black");
arc(190, 170, 20, 10, 180, 0);
arc(210, 170, 20, 10, 180, 0);
noFill();
stroke("black");
strokeWeight(2);
arc(195, 180, 12, 8, 0, 180);
arc(205, 180, 12, 8, 0, 180);
}
// Can't stop me, I'm an ExE >:3
if (x === 8) {
var x8 = randomNumber(1, 102);
}
if (x8

Подробнее здесь: https://stackoverflow.com/questions/798 ... -when-insi