С Новым годом! Форум программистов, компьютерный форум, киберфорум
Node.js
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 19.02.2016
Сообщений: 61

Пишу свою игру

24.11.2018, 20:49. Показов 699. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте! Помогите, плз.
Делаю(тренируюсь, просто для себя) игру. На данный момент застрял на таком этапе. Есть игровое поле, выводятся две картинки. Первая моя, вторая моего соперника. Все данные формируются на сервере(написан на Nodejs), и принимаю по Websocket.
Вопрос: как написать что бы на моей странице моя картинка была слева, а противника справа. У противника тоже его картинка справа, а моя слева.
P.S. Писать красиво не умею, так что сильно не ругайте. Задавайте вопросы, попробую ответить.
server.js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var WebSocketServer = require('ws').Server,
        wss = new WebSocketServer({port: 3771});
var players = {};
var i = 0;
wss.on('connection', function connection(ws) {
    i++;
    k++;
    var id = Math.random();
    players[id] = {
        pl:i,
        playerid: id,
        img: `img/AT_10${k}.png`,
        life: 100
        
    };
    console.log("players",players);
        ws.on('message', function incoming(message) {
            
            console.log("message",message);
            if (message <= '1') {
                var id = JSON.parse(message);
                var pl = players[id];
                pl.life -= 5;
                console.log("pl",pl);
                ws.send(JSON.stringify(players));   
            }else {
                setInterval(function() {
                ws.send(JSON.stringify(players));
                }, 100000 / 60);
            }
        });
});
js.js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
$(document).ready(function(){
    //window.addEventListener("load", wsApp.init, false);
   
       //console.log("init");
       wsApp.init(); 
    //var img = 'img/AT_104.png';
    $('#udarplayer1').click(function(){
        //console.log('wsApp',wsApp);
        var id = $('#playerId2')[0].textContent;
        console.log("id", id);
        wsApp.send(id);
    });
    $('#udarplayer2').click(function(){
        var id = $('#playerId1')[0].textContent;
        console.log("id", id);
        wsApp.send(id);
    });
    
});
 
var wsApp = (function(){
 
    var wsApp = {};
 
    var wsUri = "ws://localhost:3771/";
    var outputEl;
    
    var websocket;
 
    wsApp.init = function() {
        outputEl = $('#output');
        testWebSocket();
    };
    wsApp.send = function(num){
        console.log('num', num);
        doSend(num);
    };
    function testWebSocket(){
        websocket = new WebSocket(wsUri);
        websocket.onopen = onOpen;
        websocket.onclose = onClose;
        websocket.onmessage = onMessage;
        websocket.onerror = onError;
    }
    
    function onOpen(evt){
        //console.log("evt", evt);
        //var ff = [{'player':'player1','img':'img/AT_104.png', 'life':40},{'player':'player2','img':'img/AT_117.png','life':50}];
        //writeToScreen("CONNECTED");
        doSend(3);
    }
 
    function onClose(evt){
        //writeToScreen("DISCONNECTED");
    }
 
    function onMessage(evt){
        var data = JSON.parse(evt.data);
      
            for(var id in data){
                var player = data[id];
                if(data.num == '1'){
                    builder(player);
                }
               if(data.num == '2'){
                    builder2(player);
                }
           
                build(player);
            }
       
 
    }
 
    function onError(evt){
        //writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
    }
 
    function doSend(message){
        //writeToScreen("SENT: " + message);
        websocket.send(JSON.stringify(message));
    }
 
    function build(data){
        $(`#imf`)[0].src = `${data.img}`;
        $(`#playerId${data.pl}`)[0].textContent = `${data.playerid}`;
        $(`#pl${data.pl}`)[0].textContent = `${data.life}`;
    }
    function builder(data){
        var button = ('<button/>',{
            id:`udarplayer1`
        }).appendTo('#players2');
        var img = ('<img/>',{
            src:data.img
        }).appendTo('#players2');
    }
    function builder2(data){
                var button = ('<button/>',{
            id:`udarplayer1`
        }).appendTo('#players1');
        var img = ('<img/>',{
            src:data.img
        }).appendTo('#players1');
    }
 
    return wsApp;
 
})();
html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" >
    <title>Websockets with node.js</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script type="text/javascript" src="chat.js"></script>
</head>
<body>
    <div id="pole">
        <div id="players1">
            
        </div>        
        <div id="players2">
            
        </div>
    </div>
    <button id="udarplayer1">udar1</button>
    <div id="pole1">
        <label id="playerId1"></label>
        <img id="pla1" src="">
        <label id="pl1"></label>
    </div>
    <div id="pole2">
        <label id="playerId2"></label>
        <img id="pla2" src="">
        <label id="pl2"></label>
    </div>
    <div id="player1"><!--
        
    </div>-->
    
<!--    <div id="player2">
        
    </div>-->
    <button id="udarplayer2">udar2</button>
    
</body>
</html>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.11.2018, 20:49
Ответы с готовыми решениями:

Пишу игру
Хотел бы найти людей, которые поддержали бы идею создания физической игры жанра sandbox Суть игры заключается в физических и химических...

пишу игру:D
Ребят,какую можно написать простую консольную игрушку? а то вообще в голову ничего не лезет!

Пишу текстовую игру на Си
У меня такой вопрос. Как рисовать анимацию и не прохлопать нажатия клавиш? Есть ли Сях какие-то аналоги таймеров и прерываний? Заранее...

2
Всегда онлайн
 Аватар для MrOnlineCoder
1084 / 788 / 295
Регистрация: 07.04.2013
Сообщений: 2,703
24.11.2018, 21:50
Цитата Сообщение от enzo32 Посмотреть сообщение
Вопрос: как написать что бы на моей странице моя картинка была слева, а противника справа. У противника тоже его картинка справа, а моя слева.
Сервер должен каждому игроку отправить некий флаг, чтобы клиент знал, какую картинку ему показывать как врага.

В чем именно трудность? Картинки не показываются, данные не отправляются, ...?
0
0 / 0 / 0
Регистрация: 19.02.2016
Сообщений: 61
25.11.2018, 00:39  [ТС]
Добавлено через 1 час 27 минут
Цитата Сообщение от MrOnlineCoder Посмотреть сообщение
Сервер должен каждому игроку отправить некий флаг, чтобы клиент знал, какую картинку ему показывать как врага.

В чем именно трудность? Картинки не показываются, данные не отправляются, ...?
В том то и вопрос, я не зная как это сделать
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.11.2018, 00:39
Помогаю со студенческими работами здесь

Я пишу игру и выскакивает ошибка

Пишу браузерную игру. Раскрытие на весь экран
Добрый день, видели же многи как почти во всех браузерных играх есть кнопочка, раскрытие на весь экран, как сделать эту функцию?

Пишу браузерную игру. Передача данных между php
Пишу браузерную игру, есть страница, которая разделена на фреймы с url main.php?NickName=&lt;Ваш ник&gt; главный файл main берет ник...

Пишу браузерную игру. Частичная прогрузка содержимого вебстраницы
Доброй ночи ( у меня ночь, у Вас не знаю). Вопрос такой: Есть php файл с кучей всяких таблиц, картинок, html и JS кода. Я сделал...

Пишу игру танчики, нужен совет по рисованию мира
карта в основном состоять будет из кирпичей, разрушается &quot;строчками&quot;, блок из 4 строк, первое, что в голову приходит, это создать большую...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru