Category: canvas

27
Май
2020

Как в Canvas удалить объект?

Подскажите пожалуйста. Я сделал игру лабиринт и её суть в том, чтобы человечек(квадратик) двигался по лабиринту и собирал ключики(квадратики) от двери(два квадратика),и надо, всего лишь одну команду, чтобы при касании игрока и ключика ключ…

26
Май
2020

Как в Canvas удалить определённый объект?

Подскажите пожалуйста. Я сделал игру лабиринт и её суть в том, чтобы человечек(квадратик) двигался по лабиринту и собирал ключики(квадратики) от двери(два квадратика),и надо, всего лишь одну команду, чтобы при касании игрока и ключика ключ…

23
Май
2020

С помощью какого инструмента лучше всего создать радиальное (круговое) меню | CANVAS vs SVG

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

21
Май
2020

Искажение цвета в webgl

Cоздаю рисовалку.

Рисую на canvas с помощью webgl множество квадратов с маской и альфой.

При альфе > 0.1 проблема незаметна. Но стоит сделать альфу чуть меньше – появляется неприятное искажение цвета.

Я использую классическое смешивание…

19
Май
2020

Истинный альфа-блендинг в webgl

По интернету гуляет стандартный способ

gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA

Или же

gl.ONE, gl.ONE_MINUS_SRC_ALPHA

для предумноженных изображений.
Он идеален для наложения прозрачных текстур на непрозрачный фон.

Но что делать если мне …

18
Май
2020

Проблемы с анимацией на canvas не получается слизать

https://happyegg.com/ – есть вот такой сайт. В банере анимация( первая секция)

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

так…

16
Май
2020

Как работать с изометрической картой в браузере на canvas javascript

Я прочитал, что браузерная версия игры Forge of Empires сейчас переписана на Haxe+OpenFL+canvas:
https://habr.com/ru/post/488814/
Интересно как выводятся и обрабатываются объекты-картинки на изометрической карте.
Думаю, что в браузер вывод…

16
Май
2020

Background Image в Zdog

Здравствуйте пользователи stackoverflow. Наткнулся на проблему на js в zdog не могу указать изображение как фон грани в box, с установкой цвета фона проблем не возникает, только с Background image. Спасибо.

new Zdog.Box({
addTo: illo,…

14
Май
2020

Python tkinter canvas

Запрограммируйте появление фигур разного цвета в той точке холста, где пользователь кликает кнопкой мыши. Координаты события хранятся в его атрибутах x и y (event.x, event.y). Весь день ломаю мозг, так ничего и не пришло в голову. SOS

12
Май
2020

Как привязать элемент Canvas к координатам элементов? HTML

У меня есть 2 блока, у которых имеются атрибуты data-x и data-y с их указанными координатами , так же имеется элемент canvas который соединяет блоки заранее нарисованной линией.

Не могу придумать как можно реализовать функцию, что бы canv…

12
Май
2020

Как удобнее анимировать в canvas?

Всё кажется простым в учебных примерах: Один квадрат или круг, бери-да меняй координаты.
А когда это игровой персонаж с руками-ногами и прочими деталями, оказывается достаточно муторно возиться с координатами, и при этом не путаться. Хорош…

10
Май
2020

Как в js canvas нарисовать траекторию объекта?

Если у меня есть некий объект, у которого есть координаты, которые я как-то меняю в каждом кадре, то как мне рисовать за этим объектом траекторию по которой он двигался?

Вот пример кода:

let cnv = document.getElementById(‘cnv’);
let…

10
Май
2020

Как в js canvas нарисовать траекторию объекта?

Если у меня есть некий объект, у которого есть координаты, которые я как-то меняю в каждом кадре, то как мне рисовать за этим объектом траекторию по которой он двигался?

Вот пример кода:

let cnv = document.getElementById(‘cnv’);
let…

03
Май
2020

Реализация заливки в canvas

делаю аналог Paint используя canvas. Самые простые функции он уже исполняет, но никак не могу придумать реализацию инструмента ‘заливка'(залить надо не обязательно фон, а к примеру любую неправильную фигуру), а так же отмена действия.
Вот …

01
Май
2020

Позиционирование HTML Canvas на странице

Столкнулся с проблемой позиционирования Canvas на своей странице. Цель: добавить подсвечивающие неоновым цветом зелёные линии на страницу. Canvas прикрывает собой другие элементы страницы: невозможно нажать на кнопки, они перестали подсвеч…

01
Май
2020

Отображение элементов на Canvas

У меня есть Активити на котором, в зависимости от введенных параметров, рисуется график. Опорные точки этого графика можно двигать и т.п. Вот примерно так это выглядит:

Собственно, я думаю, что содержание методов не особо важно, поэтому…

28
Апр
2020

Как правильно вычисляется шаг?

Мне в пятом классе задали контрольную: нарисовать окружность ровно за 4 секунды.
Я нарисовал за полторы, но не понял почему… если расстояние / на на время = скорость,
а расстояние я узнал разогнув кружок вот так: Math.PI * 2 * radius, то…

24
Апр
2020

Изменение цвета всех линий при нажатии на кнопку Undo

Разбираюсь с рисованием. По готовому примеру сделал приложение, в котором можно рисовать разными цветами.
По другому примеру добавил кнопку отменить последнее нарисованное.
Проблема заключается в том, что при выборе другого цвета изменяетс…

23
Апр
2020

Отслеживание клика в полноэкранном режиме

Я хочу сделать игру на HTML 5, с помощью элемента canvas. Мне нужно, чтобы canvas был в полноэкранном режиме, и при этом я мог отслеживать клик по нему, но, почему-то когда холст находится в полноэкранном режиме, позиция мыши отслеживается…

20
Апр
2020

Paint на canvas: рисование мышкой

Почему координаты нарисованных квадратиков не совпадают с координатами мышки?

var canvas = document.getElementById(‘cl’);
var ctx = canvas.getContext(‘2d’);

var myColor;
document.getElementById(‘color’).oninput = function() {

18
Апр
2020

Как оптимизировать игру на Canvas JS

Появились трудности с созданием игры на чистом JS. Реализую собственную змейку) Да, я старомодный, но для меня это уже достижение.

В чем вопрос, я в массив добавляю хвост и первым элементом массива змейки является голова змейки. Когда я о…

17
Апр
2020

Смена угла движения через стрелочки и движение в эту сторону Canvas

Есть полный код того, что сейчас есть. Там реализовано движение ракеты за мышкой. Но сейчас нужно сделать так, чтобы кораблик всегда двигался вперед туда, куда он развернут, а уже стрелочками по чуть-чуть менялся угол его направления.

ht…

17
Апр
2020

Не своевременное удаление частиц в анимации

Я делаю с помощью canvas анимацию с потоком из 0 и 1. Цифры должны исчезать за пределами экрана, но почему-то некоторые исчезают даже не долетев до границ экрана, хотя я поставил проверку с запасом. Когда пробую выводить высоту, пишет всё …

17
Апр
2020

Программа – paint на html, css и js

Если я что-то нарисую на canvas, потом нажму клавишу s – save и r – replay, при попытке изменить фон он не будет изменятся, но при этом переменной back_color_canv будет присваеваться цвет. Для того чтоб поменять фон canva`са надо нажать на…