Category: canvas

16
Май
2022

Рисовалка JavaScript, функция штампа

подскажите пожалуйста. В рисовалке есть кнопка с выбором режима Штамп/Рисовать. Когда нажимаешь "Штамп" на кнопке отображается "Рисовать" и наоборот. И вот вопрос… Как задать кнопке "Штамп" функцию штампа, ч…

10
Май
2022

Как вывести текст поверх передвигаемого изображения в канвасе JS?

В ответе на этот вопрос есть пример с передвижением объектов в канвасе.
Как можно отображать текст в канвасе по центру, чтобы при этом можно было передвигать содержимое канваса как раньше, но текст оставался статичным?
Я поместил ctx.font …

10
Май
2022

вращения 3д куба относительно центра декартовой системы

С помощью проецирование квадрата на плоскость я получил 3д куб. Моя задача крутить его относительно центра и относительно оси z. С помощью функции rotatePoint(x,y,z,fi) я изменяю координать заданой точки. Где fi это тот кут, на сколько гра…

10
Май
2022

вращения 3д куба относительно центра декартовой системы

С помощью проецирование квадрата на плоскость я получил 3д куб. Моя задача крутить его относительно центра и относительно оси z. С помощью функции rotatePoint(x,y,z,fi) я изменяю координать заданой точки. Где fi это тот кут, на сколько гра…

30
Апр
2022

Как отрендерить canvas не загружая страничку?

На страничке есть canvas в js есть файлик принимающий пару значение (блю,текст,поворот и тд).Нужно сделать что бы при пост запросе с параметрами выдавался canvas от этих значений.
Не знаю как реализовать сервак , canvas уже сделал !

24
Апр
2022

Как реализовать частое обновление экрана android приложения на Python, Kivy

Пишу android приложение на Python с помощью Kivy. Нужно запрограммировать графику: линии, окружности и остальное, которые проворачиваются на определенные углы в зависимости от получаемых данных через ssh протокол. Как реализовать обновлени…

13
Апр
2022

Определение ближайших координатных точек

Как определить ближайшие координатные точки при вводе курсора мышки в области (зеленую или желтую), для того что бы отрисовать второй контур и залить его другим цветом.
Координаты лежат в массиве.
Points = [{x:0,y:0},….];

01
Апр
2022

Как программно нарисовать треугольник на canvas в Javascript?

Я пытаюсь создать треугольник на canvas. Но я не уверен, какая сторона равна x1, y1, x2, y2… и т. д. Я сопоставляю свой треугольник с тем, который указан на этом сайте. Но я вижу разные результаты.
Ниже мой код:

var canvasElement = …

18
Мар
2022

Странное поведение при повторной отрисовке прямоугольника в классе JS

Первый раз пытаюсь работать с ООП, пытаюсь создать класс который будет рисовать на canvas. Почему при повторном выполнении метода drawRect() прямоугольник рисуется на половину canvas? Объясните это странное поведение.
Ссылка на codepen: ht…

18
Мар
2022

Проблема с обновлением canvas

Я реализовал генетический алгоритм для решения задачи коммивояжера и хочу, чтобы при нахождении лучшего решения тут же обновлялся canvas, но он почему-то обновляется лишь в конце.
function genetic()
{
for (var i=0; i<2000; ++i)

10
Мар
2022

Как привязать камеру к игроку в алгаритме А* на чистом JS?

Есть большая карта с непроходимыми клетками, алгоритм просчитывает путь и корабль плывет по нему, как привязаться к кораблю, чтобы камера двигалась за ним? Отрисовка карты начинается от верхнего левого угла, подскажите хотя бы? как изменит…

25
Фев
2022

Преобразование потока изображений в видео REALTIME

Всем привет!
Есть таска:
Необходимо из получаемого на сервере по сокетам потока изображений склеить видео для отображения его в режиме реального времени на клиенте для управления положением камеры и зумом.
Уже посмотрел:

fluent-ffmpeg, fl…

23
Фев
2022

Является ли хорошей идеей писать игру на HTML, CSS и JavaScript (не canvas)

Является ли хорошей идеей писать игру внутри браузера, используя HTML блоки, настроить их внешний вид на CSS и с помощью JS настроить действия в игре?
Слышал про canvas, но есть ли в нём большая необходимость? Какие проблемы могут возникну…

18
Фев
2022

Прозрачность кисти в canvas

Подскажите пожалуйста для смены цвета использую <input class="color" type="color" value="#000000" id="colors">
Цвет конечной точки прозрачный по ctx.globalAlpha при изменении параметров от 0.01…

17
Фев
2022

Как найти, где происходит отрисовка лого в этом примере на canvas’е?

Ребят, есть страница многорпопулярной игры, мне нужно найти как там происходит отрисовка лого (надпись: Когда цветёт сакура"), я вроде нашёл файл отвечающий за это и там есть лого images/main_title.a478ae9c.png но нет, не то. Оно как-…

09
Фев
2022

Сохранение canvas изображения на мобильном (Android)

Подскажите пожалуйста, как можно реализовать сохранение изображения на мобильный? На ПК работает, сохраняет как нужно, но вот если из мобильного, то кнопка не срабатывает и никакого сохранения нет.
Сам код сохранения
function saveImage() {…

24
Янв
2022

Как убрать смазаность текста в canvas?

2 и 4 запись смазаны, так как смещение идет не по пиксельно, там доли пикселей, например 1.5px. была увеличена четкость через offsetWidth * 2 но этого не достаточно.
Как сделать смещение ровной части пикселей, неважно можно в большую или в…

22
Янв
2022

Как очищать canvas? Остаются прошлые изображения

Код не мой. Код взят с codepen.io (Это оригинал данного кода) https://codepen.io/BakhtiyarUmutbayev/pen/ZEXgamV?editors=0010. Я отредактировал код под себя.
Вот ссылка на сайт где я вставил данную анимацию http://darhanyd.beget.tech/produc…