Как реализовать вертикальную шкалу?

Question

[One of Us]

Здравствуйте!
Подскажите пожалуйста как реализовать такой сценарий.
Падает блок с текстом внутри с определенной скоростью.
В любой из сторон расположена вертикальная шкала (что-то вроде очков. там например от 100, 80, 60 ...)
И я хочу чтобы этот блок падал, и если я успеваю правильно ответить на вопрос, то этот блок исчезает, а мне засчитываются очки из вертикальной шкалы, на том месте где блок остановился. И так далее.

Answer 1

[krumza]

Реализация на чем?
Если на канвасе - то библиотеку прикрутите любую для игру (zim.js,phaser.js,quintus,js,kiwi,js, итд)

Там такое реализовать проще простого - вставляете объект , вставляете шкалу и потом оцениваете координату по оси У для падающего объекта и сопоставляете его со шкалой

Если не на канвасе а на странице просто - два дива тогда - оба с position:absolute
один на всю высоту страницы - шкала, другой с вопросом падать будет, ему меняете скриптом css свойство top
когда отвечают на вопрос - останавливаете падающий блок - берете его позицию с помощи js .offsetTop и опять таки сопоставляете со шкалой вашей

или вам прям готовый код нужен ?

Comments

[One of Us]

Спасибо) Код не нужен, постараюсь сам додумать). Canvas я пока не знаю, постараюсь сделать, что смогу)