JavaScript Canvas 6. Анимируем график синуса

No video

JavaScript Canvas 6. Анимируем график синуса

Рет қаралды 28,731

Күн бұрын

⏰ Курс JavaScript 2.0: itgid.info/cou...
🧠 Чат Telegram c мозголомками : t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: itgid.info/cou...
🧑🏻‍💻 Сайт: itgid.info
😋 Курс Методы массивов: itgid.info/cou...
Делаем анимированное рисование графика sin с помощью JavaScript и canvas
Скачать файлы урока: w3.org.ua/canva...
Мы на facebook: / w3.org.ua

Пікірлер: 24

@kawaikaino5277 7 жыл бұрын

Круто! Интересно.

@Shperung 4 жыл бұрын

ctx.fillRect(5 * x, 150 + x * y, 2, 2); если так то синус будет нарастающий

@ChelovekVeka 2 жыл бұрын

Попробуете x=x+0.01 или меньше.

@sokol__0001 3 жыл бұрын

А если проводить линии lineTo() к этим координатам вместо рисования прямоугольника/квадрата?

@user-ir8nd6mj2b 6 жыл бұрын

Больше Canvas'а! :D

@NST-games 6 жыл бұрын

Как я понимаю, с помощью Math.sin() можно анимировать прыжок персонажа в игре.

@genrygondorf8790 4 жыл бұрын

Круто, только в этом коде график под достижению края канвас, с нулевой координаты заново не отрисовывается

@4elovekbala 3 жыл бұрын

как сделать когда границы заканчивались график начинался по новой

@koshachevsky9660 7 жыл бұрын

подскажите цветовую тему редактора пожалуйста, и да очень хорошие уроки, спасибо!

@dychkos 4 жыл бұрын

А как указать диапазон к которому это всё рисуется?

@adeptusmechanicus5105 4 жыл бұрын

Рисуем грех)

@yaroslavfrolov775 7 жыл бұрын

Если нужно сузить или растянуть график синуса по ширине, то лучше коэфициент использовать в аргументе ф-ции Math.sin(x): - например, если надо расширить график в три раза, пишем Math.sin(3 * x); - если нужно сузить в два раза, то Math.sin(0.5 * x);

@itgid 7 жыл бұрын

Согласен!

@user-rv2ie5wj2v 5 жыл бұрын

Для расширения лучше использовать коеф. меньше 1. y=100+50*Math.sin(0.1*x);

@tashchan 6 жыл бұрын

Вот код законченной бесконечной синусоиды: var canvas = document.getElementsByTagName('canvas')[0]; var ctx = canvas.getContext('2d'); var x = 0, y = 0; var timer; drawSin(); function drawSin() { var kX = 15, kY = 30, dX = 0.1, dY = 100; y = Math.sin(x); if(x*kX

@leonidshepurev98 6 жыл бұрын

При выходе за границы canvas график не начинает продолжаться, как вы говорите.

@itgid 6 жыл бұрын

Странно, у меня рисует

@leonidshepurev98 6 жыл бұрын

И у вас, и у меня, он попадает в те же точки просто, поэтому на графике это никак не видно 10:01

@itgid 6 жыл бұрын

Конкретно в этом случае - да, в других обычно выходил.

@ViGvo 4 жыл бұрын

@@itgid Надо, вместо нуля в конце присвоить 0.01, тогда и в этом случае выйдет. Но на самом деле нужно минимальный шаг выставлять и оси масштабировать одинаково, тогда ровная синусоида сразу получится.