Вопрос Сетка редактирования персонажа

[dreamharakiri]

Появился вопрос, перед тем как написать сюда, я даже гуглил, но так и не понял. Суть:

При регистрации тебе дается выбор редактирования персонажа, и там есть сетка настройки параметров (см. скрин), как ее реализовать? Я так понимаю что по x y координатам? Но все равно не очень понимаю

Спойлер: Скриншот

 

[UchihaMadara]

"Знания из школы мне не пригодятся в жизни"

 

[dreamharakiri]

"Знания из школы мне не пригодятся в жизни"
Посмотреть вложение 3460

та я понимаю это, я хотел понять как это интерпретировать в код

В моем понимании берется переменная x и ее значение, грубо говоря это теже ползунки просто наложенные друг на друга

 

[qwerty12355]

та я понимаю это, я хотел понять как это интерпретировать в код

В моем понимании берется переменная x и ее значение, грубо говоря это теже ползунки просто наложенные друг на друга

делаешь контейнер и ползунок в контейнере

задаешь х/y интервалы и отслеживаешь движение ползунка

 

[Рикардо]

та я понимаю это, я хотел понять как это интерпретировать в код

В моем понимании берется переменная x и ее значение, грубо говоря это теже ползунки просто наложенные друг на друга

Держи, думаю помог с вопросом

 

[qwerty12355]

та я понимаю это, я хотел понять как это интерпретировать в код

В моем понимании берется переменная x и ее значение, грубо говоря это теже ползунки просто наложенные друг на друга

накидал за полчаса реакт компонент

2d-slider.tsx

GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

UPD: можно навесить маусдаун хендлер на контейнер, чтоб отслеживать клик на контейнер

 

[dreamharakiri]

Сразу тогда вопрос: Вот ты двигаешь полунок, как сделать чтобы внешность менялась сразу же как двигаешь ползунок? Через render?

Держи, думаю помог с вопросом

 

[XDeveluxe]

Сразу тогда вопрос: Вот ты двигаешь полунок, как сделать чтобы внешность менялась сразу же как двигаешь ползунок? Через render?

Пожалуйста, не делай так.
Крайний случай - отправлять при любом изменении ползунка на клиент ивент, в котором он изменит этот параметр.
Еще можно отлавливать только когда игрок отпустил клавишу мыши и значение поменялось "окончательно" - тогда отправлять такой же ивент на клиент.
Render это худшее, что только можно представить для данной опции, потому что render это ивент, который отрабатывает каждый отдельный кадр, вот есть у тебя, например, 60 кадров в секунду игра - зачем тебе 60 раз в секунду обновлять лицо персонажа, ты успеешь его 60 раз в секунду поменять? Очень сомневаюсь.

 

[dreamharakiri]

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

А спидометр и худ? Я их сделал через рендер, можно ли сделать как нибудь по другому?

 

[XDeveluxe]

А спидометр и худ? Я их сделал через рендер, можно ли сделать как нибудь по другому?

Изменения в худе не происходят 60 раз в секунду, поэтому, логичный ответ, проверять худ на изменения внутри рендера - неправильно. Спидометр немного более сложная тема, потому что скорость может меняться много раз в секунду, но я бы всё равно не делал его в рендере, лучше сделать какой-то интервал (таймер), который бы определенное количество раз в секунду проверял скорость, но не рендер. Если у меня 200 кадров в секунду в гта, то рендер отработает 200 раз, зачем? Думаю, что ~10 раз в секунду обновлять спидометр будет достаточно (что уже в 6 раз меньше, чем если использовать рендер при 60 fps), но ты можешь варьировать это временем. setInterval на 100 мс = 10 раз в секунду, на 50 мс = 20 раз в секунду и т.д, подстраивай под себя, смотри как тебе комфортнее.

 

[dreamharakiri]

Изменения в худе не происходят 60 раз в секунду, поэтому, логичный ответ, проверять худ на изменения внутри рендера - неправильно. Спидометр немного более сложная тема, потому что скорость может меняться много раз в секунду, но я бы всё равно не делал его в рендере, лучше сделать какой-то интервал (таймер), который бы определенное количество раз в секунду проверял скорость, но не рендер. Если у меня 200 кадров в секунду в гта, то рендер отработает 200 раз, зачем? Думаю, что ~10 раз в секунду обновлять спидометр будет достаточно (что уже в 6 раз меньше, чем если использовать рендер при 60 fps), но ты можешь варьировать это временем. setInterval на 100 мс = 10 раз в секунду, на 50 мс = 20 раз в секунду и т.д, подстраивай под себя, смотри как тебе комфортнее.

Т.е. логичнее будет использовать всегда таймер, нежели рендер?

 

[XDeveluxe]

Т.е. логичнее будет использовать всегда таймер, нежели рендер?

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

 

[dreamharakiri]

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

Сделал я значит таймер, но очень тупой как по мне, как сделать более грамотно? Меня смущает что он вызывает как бы сам себя. Конечно, все работает, но меня все таки что-то смущает

mp.events.add('hudRender', (player) => {
    setTimeout(() => {
        mp.gui.chat.push("тест")
        mp.events.call('hudRender')
    }, 1000)
})

 

[XDeveluxe]

Сделал я значит таймер, но очень тупой как по мне, как сделать более грамотно? Меня смущает что он вызывает как бы сам себя. Конечно, все работает, но меня все таки что-то смущает

mp.events.add('hudRender', (player) => {
    setTimeout(() => {
        mp.gui.chat.push("тест")
        mp.events.call('hudRender')
    }, 1000)
})

setTimeout - одноразовый таймер.
Помимо этого чуть-чуть погуглив узнал бы, что есть еще setInterval, который как раз таки является бесконечным (до тех пор, пока не удалишь его сам через clearInterval), запускать его нужно 1 раз.

Планирование: setTimeout и setInterval

learn.javascript.ru