PH
Что?
Size: a a a
2019 September 21
МБ
вот так ругается
PH
Попробуй this.color = random
VZ
-_-
wt do u know abt it? idk
PH
context.fillStyle=this.color
PH
wt do u know abt it? idk
Thx
VZ
Thx
u r welcome
МБ
context.fillStyle=this.color
все черные рисует
PH
все черные рисует
Код Ball
МБ
function Ball(x, y, dx, dy ) {
context.beginPath();
this.x = x;
this.y = y;
this.dx = dx;
this.dy = dy;
this.radius = getRandomSize(50);
context.closePath();
context.fillStyle = this.color;
context.fill();
}
context.beginPath();
this.x = x;
this.y = y;
this.dx = dx;
this.dy = dy;
this.radius = getRandomSize(50);
context.closePath();
context.fillStyle = this.color;
context.fill();
}
AH
все черные рисует
Ещё this.color пррписать нужно
PH
function Ball(x, y, dx, dy ) {
context.beginPath();
this.x = x;
this.y = y;
this.dx = dx;
this.dy = dy;
this.radius = getRandomSize(50);
context.closePath();
context.fillStyle = this.color;
context.fill();
}
context.beginPath();
this.x = x;
this.y = y;
this.dx = dx;
this.dy = dy;
this.radius = getRandomSize(50);
context.closePath();
context.fillStyle = this.color;
context.fill();
}
А this.color забухал?
МБ
вот так меняет все одновременно
DE
Холст перерисовывается после добавления шаров. Т.е. в контексте установлен цвет последнего шара.
Удали все что связано с контекстом из конструктора Ball (шар ничего не должен знать про контекст) и создавай внем свойство color
И потом в функции рендера просто задавай цвет текущего шара
Удали все что связано с контекстом из конструктора Ball (шар ничего не должен знать про контекст) и создавай внем свойство color
function Ball(x, y, dx, dy) {
this.x = x;
this.y = y;
this.dx = dx;
this.dy = dy;
this.color = randomColor(); // ←
this.radius = randomSize(50);
}
еще правильнее будет передавать в конструктор размер и цвет, а не хардкодить их внутри.И потом в функции рендера просто задавай цвет текущего шара
ctx.beginPath();
ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI*2);
ctx.lineWidth = 1;
ctx.closePath();
ctx.fillStyle = ball.color; // ←
ctx.fill();
ctx.stroke();DE
Подскажите пожалуйста еще один момент.
Я тут пытаюсь найти ближайший элемент в зависимости от местоположения моего span, я его нахожу но не могу передвинуться на место этого ближайшего элемента.
Я уже создал массив обьектов с исходным значением элемента и с разницой между элементом div и span. И вот когда я нашел ближайший div я не могу переместиться на исходное значение этого div, он же ближайший элемент.
https://codepen.io/itemik/pen/yLBRgbd
Я тут пытаюсь найти ближайший элемент в зависимости от местоположения моего span, я его нахожу но не могу передвинуться на место этого ближайшего элемента.
Я уже создал массив обьектов с исходным значением элемента и с разницой между элементом div и span. И вот когда я нашел ближайший div я не могу переместиться на исходное значение этого div, он же ближайший элемент.
https://codepen.io/itemik/pen/yLBRgbd
Это же по сути список, чем с offset заморачиваться удобнее мне кажется индексы посчитать.
МБ
Холст перерисовывается после добавления шаров. Т.е. в контексте установлен цвет последнего шара.
Удали все что связано с контекстом из конструктора Ball (шар ничего не должен знать про контекст) и создавай внем свойство color
И потом в функции рендера просто задавай цвет текущего шара
Удали все что связано с контекстом из конструктора Ball (шар ничего не должен знать про контекст) и создавай внем свойство color
function Ball(x, y, dx, dy) {
this.x = x;
this.y = y;
this.dx = dx;
this.dy = dy;
this.color = randomColor(); // ←
this.radius = randomSize(50);
}
еще правильнее будет передавать в конструктор размер и цвет, а не хардкодить их внутри.И потом в функции рендера просто задавай цвет текущего шара
ctx.beginPath();
ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI*2);
ctx.lineWidth = 1;
ctx.closePath();
ctx.fillStyle = ball.color; // ←
ctx.fill();
ctx.stroke();спасибо большое! сейчас буду пробовать
AB
Это же по сути список, чем с offset заморачиваться удобнее мне кажется индексы посчитать.
А если у меня появляется к примеру 4 элемента и мне надо понять какой ближе? Я вот создал оьект с исходным значением и разницой от div до span, и записал их в обьект, потом ищу ближайший и нахожу, но не могу понять как мне достать исходное значение этого ближайшего элемента?
А в смысле индексы посчитать? Если это удобнее то я попробую, обьясни только как)
А в смысле индексы посчитать? Если это удобнее то я попробую, обьясни только как)
МБ
Холст перерисовывается после добавления шаров. Т.е. в контексте установлен цвет последнего шара.
Удали все что связано с контекстом из конструктора Ball (шар ничего не должен знать про контекст) и создавай внем свойство color
И потом в функции рендера просто задавай цвет текущего шара
Удали все что связано с контекстом из конструктора Ball (шар ничего не должен знать про контекст) и создавай внем свойство color
function Ball(x, y, dx, dy) {
this.x = x;
this.y = y;
this.dx = dx;
this.dy = dy;
this.color = randomColor(); // ←
this.radius = randomSize(50);
}
еще правильнее будет передавать в конструктор размер и цвет, а не хардкодить их внутри.И потом в функции рендера просто задавай цвет текущего шара
ctx.beginPath();
ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI*2);
ctx.lineWidth = 1;
ctx.closePath();
ctx.fillStyle = ball.color; // ←
ctx.fill();
ctx.stroke();Спасибо тебе Человечище!
ctx.fillStyle = ball.color; - вот это помогло)DE
Спасибо тебе Человечище!
ctx.fillStyle = ball.color; - вот это помогло)не за что))
DE
А если у меня появляется к примеру 4 элемента и мне надо понять какой ближе? Я вот создал оьект с исходным значением и разницой от div до span, и записал их в обьект, потом ищу ближайший и нахожу, но не могу понять как мне достать исходное значение этого ближайшего элемента?
А в смысле индексы посчитать? Если это удобнее то я попробую, обьясни только как)
А в смысле индексы посчитать? Если это удобнее то я попробую, обьясни только как)
Сейчас span двигается по координатам одного из активных div. Можно записываь индекс элемента над которым находится span в переменную и искать с обеих сорон активные div-ы. Потом вычесть один индекс из другого и понять что ближе, ну или что они одинаково удалены от текущего.