Вопросы с меткой [html5-canvas]
Руководство по использованию метки html5-canvas отсутствует.
38
вопросов
1
голос
1ответ
50 показов
Игрок неправильно передвигается
Я пишу онлайн игру по типу агарио. Код перемещения игрока я сделал таким:
function sq(x) { return x*x; }
var mX = playerMouse.x; // Координаты мышки по X
var mY = playerMouse.y; // Координаты мышки ...
0
голосов
0ответов
13 показов
Как передать JSONObject c java в javascript?
Пишу веб приложение на java servlet, которое должно принимать координаты в виде (1,3),(3,5)... и нужно с помощью этих координат рисовать линии на html5 canvas. В java создал JSONObject с массивом ...
1
голос
1ответ
65 показов
Canvas нанести текст на изображение, чтобы текст был частью изображения
Делаю игру papers, please в браузере.
Сейчас реализовано:
Есть стол, на нем документы, которые можно перетаскивать (пока перетаскиваю цветные прямоугольники)
Есть данные документов (имя, фамилия, ...
5
голосов
0ответов
50 показов
Какие существуют стратегии при работе с Canvas?
С канвасом знаком поверхностно -
при первом знакомстве столкнулся с таким гайдом в разрезе работы с vue.js:
Controlling the HTML5 Canvas with Vue.js
Вопросы:
Позволяет ли такой способ работать со ...
0
голосов
0ответов
16 показов
Отслеживание клика в полноэкранном режиме
Я хочу сделать игру на HTML 5, с помощью элемента canvas. Мне нужно, чтобы canvas был в полноэкранном режиме, и при этом я мог отслеживать клик по нему, но, почему-то когда холст находится в ...
3
голоса
1ответ
65 показов
Как сделать много анимаций в одном canvas?
Помогите пожалуйста разобраться с canvas'ом.
Написал такой скрипт:
const ctx = canv.getContext('2d');
const crossImg = new Image();
crossImg.src = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/...
0
голосов
1ответ
84 показа
Почему не отображается изображение после наложение на canvas?
есть код
var canvas = document.getElementById("myCanvas"),
context = canvas.getContext("2d");
var img = new Image();
var imgT = new Image();
...
0
голосов
1ответ
35 показов
На чём лучше всего делать свой интерактивный web видео-плеер с возможностью выбора сценария продолжения?
Ребята! Хочу сделать интерактивный web видео-плеер, в котором пользователь сможет выбирать сценарий. То есть, чтобы на определённом моменте ролика прямо поверх видео вылезали кнопки с вариантами ...
1
голос
1ответ
109 показов
Как запустить рисовку canvas и остановить ее при нажатии на кнопки
let canvas, ctx, w, h;
let mousePos;
let min;
let max;
let maxspeed;
// an empty array!
let balls = [];
//let player = {};
const player = {
x: 10,
y: 10,
width: 20,
height: 20,
...
2
голоса
1ответ
55 показов
Как анимировать canvas?
По нажатию на кнопку квадрат изменяет позицию. Как сделать это перемещение плавным?
Может как то с помощью requestAnimationFrame() или setInterval()?
Сам код:
let canvas = document....
1
голос
0ответов
85 показов
Линейная интерполяция для рассчета траектории движения обьекта на canvas
Пытаюсь написать свою игру на canvas, но никак не могу нормально рассчитать траекторию полета снарядов при выстреле. По задумке - снаряд летит с фиксированной скоростью по вектору от текущих координат ...
-1
голос
1ответ
60 показов
Как проверить являеться ли эллипс который вписанный в прямоугольник кругом? [закрыт]
Как проверить являеться ли эллипс который вписанный в прямоугольник кругом?
1
голос
1ответ
307 показов
Запустить готовую функцию в HTML5 Canvas (сгенерированного в Adobe Animate CC), по событию на чем то вне этого Canvas
Подскажите нюанс работы с Adobe Animate HTML5 Сanvas?
Доступными средствами программирования в Adobe Animate в документе HTML5 Сanvas я сделал интерактивный ролик. Анимация ракеты запускается по ...
0
голосов
1ответ
59 показов
Не могу сделать <canvas> фоном сайта
Не могу объединить картинку, надпись Hello my friend и анимацию <canvas>. Получается либо так, что canvas вытесняет logo и titles, либо <canvas> просто закрывает logo и titles.
Помогите ...
3
голоса
2ответа
122 показа
Анимация абстракции
Есть вот такая абстракция
знаю что через canvas такое анимируется, но не силен в данной области, может кто видел или знает как анимировать?
1
голос
1ответ
109 показов
Canvas HTML5 перестроение фигуры по заданным координатам
У меня возникла проблема с перестроением фигуры по координатам. На канве нарисованы точки, соединенные линиями.
При клике на канву должно происходить одновременное перемещение точек:
1 -> 3
2 -> ...
0
голосов
1ответ
11 показов
Отложеный рестарт в Adobe Animate cc HTML5 Canvas
Подскажите, пожалуйста, можно ли, и если да, то как, в Adobe Animate cc HTML5 Canvas сделать, чтобы страница сама перезагружалась каждые 10 мин.
-4
голоса
1ответ
227 показов
Линии и точки на картинке при помощи JavaScript
Задача - кликнуть на картинке в точку (А), затем кликнуть курсором в любое место на картинке (B), между двумя этими точками должна появиться линия, линий может мыть множество, но если из конечной ...
3
голоса
1ответ
361 показ
Как реализовать игровую камеру для HTML 5 Canvas (приближение/удаление камеры)?
Собственно задача реализовать камеру, которая будет следовать за игроком в игровом мире с возможность приближать/удалять камеру от игрока.
Реализовать следование камеры за игроком довольно просто:
...
2
голоса
1ответ
26 показов
Canvas второй цвет, удаление значения из массива
Есть canvas с кругами. Проблемы в том, что круги мерцают(это из-за удаления объекта из массива), я вроде бы удаляю тот элемент, который надо и на секунду удаляется еще один элемент, и потом сразу же ...
1
голос
1ответ
135 показов
Нахождение угла и биссектрисы
Как сделать чтобы дорисововались лучи по точкам и рисовалась биссектриса угла. Можно просто формулу, функцию, но на javascript.
До:
После
<!DOCTYPE html>
<html lang="en">
<head&...
1
голос
2ответа
481 показ
Действие по клику на элемент Canvas
Я пытаюсь сделать плейбл, в котором пользователь кликает на врага и его персонаж начинает его бить. Проблема с кликом на canvas, никак не получается его реализовать. Нужно, чтобы при клике на ...
0
голосов
1ответ
162 показа
С помощью React Avatar Editor получить круглую картинку, отправить её на сервер и сохранить там
React Avatar Editor.
Делаю как в пример:
<Dropzone
onDrop={this.handleDrop}
disableClick
style={{ width: '250px', height: '250px' }}>
<AvatarEditor
ref={this....
0
голосов
1ответ
78 показов
Оптимизация javascript canvas
Вопрос возможно глупый, но анимация отображается как будто бы в замедленном времени. Я так понял надо оптимизировать код. Делал 2 канваса, не помогло так еще и код перестал работать. Делал код в одну ...
0
голосов
1ответ
33 показа
Как сделать чтобы настройки соответствовали
Есть количество символов в колонке. В зависимости от ширины экрана количество символов разное, например 9 символов в колонке, а где-то все правильно и их количество как указано. Как сделать, чтобы ...
2
голоса
2ответа
64 показа
Canvas передвижение анимации вместе с курсором
Как сделать, чтобы эта анимация была не просто посередине, а следовала за курсором?
/*=============================================================================*/
/* Smooth Trail
/*==========...
0
голосов
1ответ
195 показов
Star-sky при помощи canvas, помощь в оптимизации
Задался идеей написать звездное(анимированое) небо на canvas, по идее все получилось...но когда добавил как фон, сайт начал работать с тормозами, скорей всего я где-то накосячил с кодом отрисовки и ...
0
голосов
1ответ
119 показов
HTML5 Canvas. Как нарисовать линию тоньше?
На данный момент изучаю библиотеку Konva.js и Vue-konva.
Столкнулся со следующей проблемой:
[![<template>
<v-stage :config="elCanvasContent">
<v-layer>
<v-...
6
голосов
1ответ
745 показов
Поворот текста на Canvas
Есть Canvas, на котором отрисовывается изображение.
На изображение можно накладывать текст. Можно выбирать угол наклона текста.
Изображение можно перемещать по канвасу.
Суть в том, что перемещение ...
0
голосов
1ответ
133 показа
Как сгладить движущийся по canvas объект?
По canvas движется объект: примитив или спрайт. Если скорость передвижения очень большая то в глаза начинает бросаться что объект отрисовывается только в определённыех точках, в которых он находится ...
2
голоса
1ответ
103 показа
Animate CC. Movieclip проигрывается только 1 раз
Здравствуйте. Возникла проблема с Animate CC. Я работают с HTML5 Canvas. Почему-то некоторые movieclip-ы перестали быть зацикленными. То есть играют только один раз. FLA файл с примером по ссылке:
Не ...
1
голос
2ответа
388 показов
HTML5 Canvas: Код кнопки, ведущей на веб-страницу
Добрый день!
Делаю рекламный баннер, но модерация Яндекс.Дисплея не пропускает, так как переход на целевую веб-страницу с баннера осуществляется всеми кнопками мыши, когда нужно только левой.
Adobe ...
0
голосов
3ответа
959 показов
Вращение изображения по окружности и одновременно вокруг своей оси
Задача состоит в том, чтобы элемент вращался следующим образом http://joxi.ru/1A5z6gdunxgNgr .
Делал на canvas. Но получалось сделать или вращение вокруг оси, или rotate. Но не одновременные действия....
1
голос
1ответ
54 показа
Почему не подставляется значение в value?
В общем этот код работает лишь в Firefox 54, во всех остальных браузер не работает. В чем может быть проблема?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">...
1
голос
0ответов
97 показов
Как создать такой генератор картинок?
Нужно создать генератор картинок на canvas, который будет выводить примерно такое:
тут допустим фон и два вида камней.
Формы камней буду рисовать вручную.
Как создать генератор чтобы камни были ...
9
голосов
1ответ
148 показов
canvas не рисует svg в firefox
Cnavas в firefox не рисует SVG если это спрайт, то есть SVG запрашивается не так /icons-sprite.svg, а так /icons-sprite.svg#usd-usage (то есть мы говорим что нам нужен конкретный фрагмент #usd-usage)
...
3
голоса
0ответов
71 показ
Изменить высоту грида
У меня проблема с канвасом html5. У меня есть датасэт для заполнения графика в канвасе по данным из базы. Как выставить высоту грида больше на одно деление. Должно выглядеть примерно так:
Мой вариант:...
4
голоса
2ответа
275 показов
Как сделать захват момента видео с помощью JavaScript
Есть довольно интересный вопрос: как я могу захватить конкретный момент видео (с помощью скриншота самого момента конечно) и нарисовать его прямо в <canvas></canvas> не создавая отдельное ...