Как кликнуть на canvas с помощью javascript?

Question

[Proger5913]

В названии все сказано. Цель кликнуть на героя(точнее не клетку, без разницы) на поле, погуглив и опробовав 1 единственный рабочий способ, оказалось он не работает. Вот код и сама игра:

$('canvas:eq(1)').on("mousedown mouseup", function(e) {    
console.log(e.type + " event fired at coords: " + e.pageX + ", " + e.pageY);
});

x_coord = 220;
y_coord = 220;

var e = jQuery.Event( "mousedown", { pageX: x_coord, pageY: y_coord } );
$('canvas:eq(1)').trigger(e);

// execute more code
x_coord = 220;
y_coord = 220;

var e = jQuery.Event( "mouseup", { pageX: x_coord, pageY: y_coord } );
$('canvas:eq(1)').trigger(e);.

К сожалению, картинку сюда не удалось загрузить
https prnt.sc vwj46p

Comments

[golentor]

jQuery.Event значит Вам неподходит. Попробуйте заальфабетить фразу ;jquery drag canvas framework;

[Proger5913]

golentor, https://start.heroeswm.ru/regbattle.php вот регистрация допустим. Попробуй при первом ходе кликнуть с помощью js куда нибудь, практически весь сайт это canvas

[golentor]

Proger5913, Да - подтверждаю, вот у них это работает)
А Вам эти либы о чём-то говорят?

<script>loadData("https://dcdn3.heroeswm.ru/js/konvap.js?v=100112.demo.day18601.3ad83a");</script>
<script>loadData("https://dcdn1.heroeswm.ru/js/pixiw.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn2.heroeswm.ru/js/btypesp.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn1.heroeswm.ru/js/howler.core.js");</script>
<script>loadData("https://dcdn1.heroeswm.ru/js/enginep.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn2.heroeswm.ru/js/usemagicp.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn1.heroeswm.ru/js/calccomsp.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn.heroeswm.ru/js/calcpossiblemagic.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn1.heroeswm.ru/js/attackmonster.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn1.heroeswm.ru/js/onmousemovep.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn1.heroeswm.ru/js/onmouseupp.js?v=1001255.demo.day18601.f8583e");</script>
<script>loadData("https://dcdn2.heroeswm.ru/js/show_polep.js?v=1001255.demo.day18601.f8583e");</script>

[Proger5913]

golentor, если честно, не очень) Я попытался разобраться, но не совсем понял. Мне то еще нужно навести мышкой на клетку и после решать, кликать на нее или нет.
Вот есть div#kletka_coords, там при наведении на клетку меняются координаты. По этому ID я искал в коде и в итоге наткнулся на метод onMouseMoveFlash(), который при вызове выдает одну лишь ошибку.

[Proger5913]

golentor,

onMouseDownFlash();
onMouseUpFlash(false, false, false);

onmousemovep.js?v=11758.243394:722 Uncaught TypeError: Cannot read property '10' of undefined
    at onMouseMoveFlash (onmousemovep.js?v=11758.243394:722)
    at onMouseUpFlash (onmouseupp.js?v=11758.243394:248)
    at <anonymous>:2:1
onMouseMoveFlash @ onmousemovep.js?v=11758.243394:722
onMouseUpFlash @ onmouseupp.js?v=11758.243394:248
(anonymous) @ VM626:2

onMouseMoveFlash(false, 4, 4, 1, 0);

onmousemovep.js?v=11758.243394:722 Uncaught TypeError: Cannot read property '10' of undefined
    at onMouseMoveFlash (onmousemovep.js?v=11758.243394:722)
    at <anonymous>:1:1
onMouseMoveFlash @ onmousemovep.js?v=11758.243394:722
(anonymous) @ VM658:1

onMouseUpFlash()

onmousemovep.js?v=11758.243394:722 Uncaught TypeError: Cannot read property '10' of undefined
    at onMouseMoveFlash (onmousemovep.js?v=11758.243394:722)
    at onMouseUpFlash (onmouseupp.js?v=11758.243394:248)
    at <anonymous>:1:1

[Роман]

вот пример, в котором без проблем кликаем на канвас и рисуем на нем

lastuniverse.github.io

то что нарисовали можно смотреть как стереокартинки)))

[Proger5913]

Роман, бро спс большое конечно, но задача в том, чтобы написать Js код в console и он кликнул на твой холст, чтобы отобразилась точка) не вызывая сам метод, который и рисует точку. То есть нужно сымитировать клик по canvas.
И да, чтобы не было вот этих прерывай линий при быстром рисовании, сделай так, чтобы между твоими точками проводилась линия, равная толщине твоей точке

[Роман]

Proger5913, пишете бота для браузерной игры? погуглите puppeteer