Форум программистов, компьютерный форум, киберфорум
JavaScript: HTML5 Canvas
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
<h1>Hello world</h1>
 Аватар для pavel666228
17 / 16 / 3
Регистрация: 17.12.2016
Сообщений: 181
Записей в блоге: 6

Игровая карта и проблема отображения на ней

05.06.2019, 20:53. Показов 1563. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый,

Есть игровая карта (5000х5000)

Сделана как-то так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
        let canvas = document.createElement('canvas');
        canvas.width = this.size[0];
        canvas.height = this.size[1];
        let ctx = canvas.getContext('2d');
 
 
        let row = ~~(this.size[0]/40) + 1;
        let col = ~~(this.size[1]/40) + 1;
        ctx.save(); 
        ctx.fillStyle = "red";
        for (let i = 0,x = 0; i < row; x+=50, i++){
            for (let j = 0, y = 0; j < col; y+=50, j++){
                ctx.drawImage(texture,-5,195,192,192, x, y,192,192);
            }
        }
        ctx.restore();
        this.worldMap = new Image();
        this.worldMap.src = ctx.canvas.toDataURL("image/png");
        return this.worldMap;
С ней все в порядке, есть игрок который добавляется на эту карту

JavaScript
1
2
        ctx.drawImage(skin,player.currentSprite[0],player.currentSprite[1],
                        60,125,player.coords.x - camera.viewPort[0],player.coords.y - camera.viewPort[1],60,125);
Хотел добавить других персонажей например в координаты не попадающие в область viewPort а....

JavaScript
1
2
3
4
5
6
            
            let x = other_players[id].coords.x;
            let y = other_players[id].coords.y;
 
            ctx.drawImage(skin2,other_players[id].currentSprite[0],other_players[id].currentSprite[1],
                            60,125,x,y,60,125);
НО, это не работает, их там нету...

координаты coords.x coords.y это координаты мира

Если что-то упустил или что-то не ясно поясню подробнее, подскажите как решить эту проблему.
спасибо!
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.06.2019, 20:53
Ответы с готовыми решениями:

Игровая карта
Помогите пожалуста нужно написать не большую игровую карту которая сама генерируется и унечтажаетса

Игровая видео карта до 3К рублей
Всем привет, сегодня у меня произошел казус, при запуске Win появляются артефакты в виде зеленых линий и белый стрелок на черном фоне,...

Карта Geforce 6200A D128mb (подскажите что с ней)
Всем привет,у меня случилась такая проблема,я переустановил винду и при установке драйвера на видео карту у меня на экране появились...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
05.06.2019, 20:53
Помогаю со студенческими работами здесь

Реализовать координатную систему с возможностью растягивания и отображения на ней интерактивных маркеров
Здравствуйте, начинаю изучать wpf, хочу переписать некоторые приложения, возник вопрос: как лучше реализовать следующую координатную...

Проблема отображения функции
Всем привет!:) У меня довольно-таки глупый вопрос, но не могу понять в чем дело. Есть некий массив данных (экспериментальные точки, их...

Проблема отображения сайта
Подскажите, пожалуйста, почему одна и та же страница http://bestcooking.narod.ru/sudak-na-paru.html в Mozilla, IE, Opera отображаются по...

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

1c сервер Linux, проблема отображения...
Собрал сервер 1с на базе Centos. Но при подключении клиентом, и создании какой либо информации в базе, появляются сокращения оторажения. ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru