Category: canvas

30
Июл
2021

Создайть нижнюю границу меньшего размера, чем элемент, и с более толстой серединой

Я использую стилизованные HR для создания разделителей секций.
Но теперь я пытаюсь создать элемент H1 с нижней границей меньше ширины H1 (переменная ширина в соответствии с шириной текста H1) и с более толстой чертой в середине (высотой).

26
Июл
2021

Перемещение точки строго по линиям

Как реализовать перемещение красной точки мышкой строго по линиям? каждая линия имеет свои координаты начала и конца X1, Y1|X2, Y2. Использую библиотеку EaselJS (CreateJS). Нулевая точка координат от центра фигуры.

25
Июл
2021

Как обеспечить минимальный радиус кубическим Безье?

Строится кривая, состоящая из множества кубических Безье, следующих друг за другом. Пробую обеспечить отсутствие крутых поворотов со сверхмалым радиусом, изломов.
Для этого вычисляю угол, образующийся между условным последним отрезком (по …

23
Июл
2021

Здравствуйте! кто может помочь с заданием? [закрыт]

Создать 5 шариков разного цвета по центру экрана. При клике на шарик он должен менять свой цвет на такой #C3FF1A и должна запускаться анимация bounce. То есть шарик на который кликнули, должен постоянно подпрыгивать вверх на 200px. Все ост…

21
Июл
2021

Помогите отключить возможность вращения для polygon в Yandex.Maps

Пытаюсь реализовать возможность получать координаты выделенной прямоугольной области на YandexMaps. Загвоздка в том, что по умолчанию фигуру можно крутить, а пользователю этого делать нельзя.
yaForm = new ymaps.Polygon([
[

20
Июл
2021

Как оптимизировать или исправить анимацию волны?

Делаю примитивную анимацию волны. Но столкнулся с проблемой. Первая кривая Безье не согласуется с последующими, из-за этого пришлось спрятать этот участок за холстом.
Как можно упростить анимацию, ведь сейчас каждый раз создается новый пут…

18
Июл
2021

Текст в canvas масштабируется рывками, как можно сделать эффект более плавным?

Есть canvas, на котором отрисован текст. Холст перерисовывается согласно requestAnimationFrame(), при этом в каждом кадре увеличивается масштаб. Проблема: текст отрисовывается каждый раз как будто в разным местах, со смещением, получается,…

16
Июл
2021

Обводка круга на canvas(рулетка)

Помогите пожалуйста сделать 2 обводки, с канвасом никогда не работал(
Как на рисунке, только на 360 градусов

обводка нужна на границах рулетки(360 градусов)
И вторая обводка c точками этого же круга.
Или как 2 вариант.
Как наложить круг, …

15
Июл
2021

Как сохранить/загрузить переменную из текстового файла в Canvas, сделанный в Animate(Flash)?

идея такая:
администратор на одной странице нажимает на кнопки (movieclip) и тем самым сохраняет переменные в текстовый файл.
на другой странице загружаются эти данные в другие movieclips и клиенты видят сколько мест занято в кинотеатре ил…

15
Июл
2021

Как сохранить/загрузить переменную из текстового файла в Canvas, сделанный в Animate(Flash)?

идея такая:
администратор на одной странице нажимает на кнопки (movieclip) и тем самым сохраняет переменные в текстовый файл.
на другой странице загружаются эти данные в другие movieclips и клиенты видят сколько мест занято в кинотеатре ил…

21
Июн
2021

Посоветуйте библиотеки для создание игры на canvas html

Делаю игру на JavaScript на чистом canvas.
Хочу сделать что-то по типу этого – https://pixelfrog-assets.itch.io/pixel-adventure-2.
Не знаю использовать ли библиотеки, и если да, то какие…
Хотелось бы какую-нибудь библиотеку с готовыми к…

19
Июн
2021

Как отзеркалить по горизонтали спрайт персонажа на canvas?

На спрайтах отрисован персонаж, смотрящий вправо. Нужно чтобы при движении влево, он начинал смотреть в левую сторону, как этого добиться без изменения спрайтов? Какие махинации сделать с канвасом, чтобы он не повернул спрайт, а именно отз…

19
Июн
2021

Как правильно переключаться между страницами в Konva?

Я делаю редактор изображений.
В моем приложении есть 2 страницы.
Сейчас я делаю это так:

Создаю stage
Создаю layer1 и layer2 для нужных мне страниц
stage.add(layer1)
по клику на кнопку layer1 Я делаю stage.deletechildren() и stage.add(lay…

19
Июн
2021

Как правильно переключаться между страницами в Konva?

Я делаю редактор изображений.
В моем приложении есть 2 страницы.
Сейчас я делаю это так:

Создаю stage
Создаю layer1 и layer2 для нужных мне страниц
stage.add(layer1)
по клику на кнопку layer1 Я делаю stage.deletechildren() и stage.add(lay…

09
Июн
2021

JS очень медленно работает

Делаю игру на JS, очень сильно виснет.
Проведя профилирование в Opera GX выяснил, что ws.onmessage замедляет работу:

Код на 835 строчке:
ws.onmessage = message => {
const response = JSON.parse(message.data);
if (response.method ===…