0 / 0 / 0
Регистрация: 19.02.2016
Сообщений: 61
1

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

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

Author24 — интернет-сервис помощи студентам
Здравствуйте! Помогите, плз.
Делаю(тренируюсь, просто для себя) игру. На данный момент застрял на таком этапе. Есть игровое поле, выводятся две картинки. Первая моя, вторая моего соперника. Все данные формируются на сервере(написан на 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
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
24.11.2018, 20:49
Ответы с готовыми решениями:

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

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

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

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

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

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

В чем именно трудность? Картинки не показываются, данные не отправляются, ...?
В том то и вопрос, я не зная как это сделать
0
25.11.2018, 00:39
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
25.11.2018, 00:39
Помогаю со студенческими работами здесь

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru