Я хотел бы сделать игру типа wolfenshtein 3D на js canvas.Но у меня возникла проблемма.Я не знаю как повернуть луч который бросает игрок.Повернуть саму координату конца луча.Луч должен по окружности врщяться ,а игрок должен быть центром окружности.Но я этого реализовать не смог.Да я знаю в интернете есть уроки.Но мне бы хотелось узнать только эту часть.Дальше я сам.Спасибо всем.
Wolfenshtein 3D, как ни странно сделан в 3Д. А просто в canvas без сторонних библиотек у вас 3д воссоздать точно не получится, поэтому лучше используйте к примеру THREE.js там есть Raycaster
Afafks123132132165, Именно 3д, точнее "псевдо-3д", ну роли это не меняет, это 3д. Просто эффект 3д получается за счет рейкастинга, вместо привычных нам камер и преобразований матриц которые лежат в основе привычного 3д. Зачем этим замарачиватся, раньше такое делали из-за малой мощности систем, а сейчас такое можно делать просто чтобы получить опыт который врядли где пригодится. Здесь подробно расписывается алгоритм создания подобной игры.
Afafks123132132165, сучувствую. Сейчас же у нас очень трудно найти какую-то информацию. Интернета нет, википедии нет, приходится часами сидеть в бибилиотеке перебирая карточки... постойте, какой нынче век?
Afafks123132132165, создайте репозиторий в https://github.com/, положите свою страничку туда с именем index.html, настройте (в настройках) github pages на мастер-ветку и у вас будет свой сайт с этой страничкой в инете доступный всем: имяпользователя.github.io/projectname
Люди смогут делать вам пулл-риквесты и предлагать свои правки кода, своё ревью.
Посмотрите на ютубе ролик git для чайников и это будет одним из самых важных освоенных уроков в вашей зарождающейся карьере программиста.
И да, сейчас, судя по всему, самое время. Не откладывайте.
Afafks123132132165, Так, стоп. Вам, похоже нужно более методично подойти к вопросу. Поищите обучающие ролики на ютубе, поизучайте js на простых понятных примерах, почитайте книжку, запишитесь на курсы, их много сейчас даже бесплатных. Я понимаю, что сразу хочется сделать Ведьмака или халф-лайф с гравипушкой на худой конец, вот в ыи ходите по таким ресурсам как этот и спрашиваете. Судя по тому, что вы не знаете про тригонометрию, вам надо начинать с простого.
Я не собираюсь ЗДЕСЬ смотреть ваш код. Научитесь пользоваться системой контроля версий и я посмотрю ваш код и сделаю ему ревью.
Сейчас вы суёте доктору какие-то кровавые ошмётки и спрашиваете почему у вас не получается сделать любимому хомячку операцию по удалению аппендицита. Хватит. Не получается -- проявите уважение к помогающим вам людям, извлеките правильный урок, сделайте, чтобы помочь вам было хотя бы не неудобно.
Не вольфинштейн, а системы контроля версий. Не копипаст сюда, а гитхаб или на худой конец codepen.
Да ничего.
1. задавай конкретные вопросы что не понятно.
2. я ж не по js специалист, так что отвечу в общих чертах. Лучше нормальные вопроcы пили с тегом js.
3. поизучай курсы и туториалы, ну серьёзно.
Сергей Паньков, Ну как реализовать столкновение луча и обекта я на компьютере делаю что то не получается то луч не туда уходит то моргает то еще что вообще не понятно
Ну как реализовать столкновение луча и обекта я на компьютере делаю что то не получается то луч не туда уходит то моргает то еще что вообще не понятно
Жесть.
Конкретно и развёрнуто задавайте вопросы. С описанием проблематики.
Что у вас за объект? Если окружность, то её задаёт такое уравнение: x^2+y^2=R^2
Уравнение прямой, проходящей через две точки [X1, Y1], [X2, Y2]: (x-X1)/(X2-X1)=(y-Y1)/(Y2-Y1).
Решаете это как систему уравнений. После упрощения получится классическое квадратное уравнение. У него от нуля до двух действительных корней. То есть от нуля до двух точек пересечения может быть у прямой и окружности. Вас интересуют только те точки, которые по x укладываются между X1 и X2, а по y между Y1 и Y2 - началом и концом отрезка.
Если такие точки есть, то ваш "луч" пересёк препятствие. Можно выбрать из двух точек ближайшую к одной из точек отрезка (по теореме Пифагора). Именно это и будет входным пулевым отверстием.
Определить точки пересечения прямой и квадрата ещё проще.
Квадрат -- это четыре отрезка. Если он у вас ещё и ортогонален (его стороны параллельны осям координат), то он задаётся четырьмя числами: X1, Y1, X2, Y2
Фактически это 4 отрезка:
(X1, Y1)-(X1, Y2)
(X1, Y2)-(X2, Y2)
(X2, Y2)-(X2, Y1)
(X2, Y1)-(X1, Y1)
Просто подставляй их в уравнение прямой: (x-Xa)/(Xb-Xa)=(y-Ya)/(Yb-Ya)
и получишь координаты точек пересечения:
(X1-Xa)/(Xb-Xa)=(y-Ya)/(Yb-Ya) = (X1, y)
(X2-Xa)/(Xb-Xa)=(y-Ya)/(Yb-Ya) = (X2, y)
(x-Xa)/(Xb-Xa)=(Y1-Ya)/(Yb-Ya) = (x, Y1)
(x-Xa)/(Xb-Xa)=(Y2-Ya)/(Yb-Ya) = (x, Y2)
Их нужно проверить на условия: Y1<y<Y2 X1<x<X2
Те, что им удовлетворяют -- пересекают стороны квадрата.
Из этих точек находим ближайшую к (Xa, Ya). Она и будет точкой, куда упёрся ваш "луч". А если такой не нашлось, значит не упёрся.
С большой буквы во всех этих уравнениях известные величины. А с маленькой неизвестные.
Сергей Паньков, я вам аплодирую.
откуда столько терпения. святой вы человек. или настроение у вас очень хорошее было))
Написано
Saboteur
@saboteur_kiev Куратор тега Разработка игр
Afafks123132132165, вы ничего и не поймете. То, что вы спрашиваете, это НЕ программирование, это математика. Пока ее не "узнаете", вы не будете понимать объяснений.
Вдобавок, человек потратил уйму времени, вы даже не лайкнули.
Saboteur, жалкая кучка времени по сравнению с месяцами раздумий о том как крутить лучом без синусов. Я думал это какой-нибудь талантливый школьник из деревни, которого чуть подтолкнуть и попрёт.
Сергей Паньков, Незнаю принесет ли вам это радость но я допер как сделать столкноение луча ну один вопросик на хабре был потому что с условием тупанул но спасибо вам вы дали то самое начало)))
