[Hướng Dẫn] làm game multiplayer với socket.io plugin
kynphan.design
Posts: 5Registered
[align=left]- Thấy box construct 2 khá chìm nên mình làm 1 bài viết share plugin Socket.io (dành cho những bạn muốn làm multiplayer trên construct 2).[/align]
[align=left]- Okay, để bắt đầu chúng ta down những thứ cần dùng đến:[/align]
NodeJS: https://nodejs.org/en/
Notepad++: https://notepad-plus-plus.org/
& Socket.io Plugin: https://drive.google.com/file/d/0B0hV3wuyONqIXzlCR0l5cGVTNXc/view
-Sau khi tải NodeJS và Notepad++ các bạn cài đặt bình thường nhé (next -> next) còn Socket.io Plugin các bạn giải nén xong thì coppy thư mục Socket vào thư mục plugin của construct, thường là: C:\Program Files\Construct 2\exporters\html5\plugins (phải tắt construct 2 trước rồi mới cop nhé)
-Okay, hoàn tất việc cài đặt, chúng ta bắt đầu thử tạo server và dùng plugin kết nối construct 2 đến server thử nhé:
-b1: các bạn tạo thư mục mới đặt tên là Server (ở đâu cũng đc, thường thì mình sẽ tạo ngoài desktop để dễ làm việc với file), trong thư mục Server mới tạo, chúng ta tạo thêm 1 file là app.js .
-b2: [Shift + Chuột phải] vào folder Server và chọn Open command window here, sau khi hiện lên cửa sổ cmd.exe, chúng ta gõ npm install socket.io@0.9.5 rồi nhấn Enter để cài đặt socket.io, các bạn xem hình nhé:
[align=center][/align]
- Nếu cài đặt thành công thì sẽ hiện:
[align=center][/align]
[align=left]- Tiếp theo chúng ta mở file app.js bằng notepad++, các bạn coppy đoạn dưới vào file nhé:[/align]
[align=left]
[align=left]- Vậy là chúng ta thử việc kết nối bên server đã xong.[/align]
[align=left]-B3: Các bạn mở Construct 2 lên và tạo 1 project mới.[/align]
[align=left]-B4: Insert new object là Socket vào:[/align]
[align=center][/align]
[align=left]-B5: Add Event -> System -> On start of layout rồi sau đó các bạn chọn Add action -> Socket -> Connect, tại khung Connect các bạn nhập như hình:[/align]
[align=center]
[/align]
[align=center]- Ở đây Address: "localhost" và Port: 8099 là chúng ta tạo kết nối đến địa chỉ IP của chúng ta với port là 8099[/align]
[align=left]- Okay, sau khi hoàn thành, các bạn chạy server bằng cách, [Shift + Chuột phải] vào folder Server và chọn Open command window here, các bạn gõ node app.js rồi nhấn Enter, như hình:[/align]
[align=center][/align]
[align=left]- Quay lại construct 2, các bạn chạy thử project[/align]
[align=left]- Kết quả là khi chạy construct 2 thì bên server sẽ xuất hiện dòng "connect", kết quả như hình:[/align]
[align=center][/align]
[align=left]- Vậy là các bạn đã thành công với việc tạo kết nối giữa Construct 2 và Socket.io, nếu được thì mình sẽ tiếp tục hướng dẫn các bạn về multiplayer chat cơ bản và sau đó là multiplayer platform với construct 2, forum còn bạn nào xài construct 2 thì cho mình học hỏi giao lưu với nha :D, newbie [/align]
[align=left]- Okay, để bắt đầu chúng ta down những thứ cần dùng đến:[/align]
NodeJS: https://nodejs.org/en/
Notepad++: https://notepad-plus-plus.org/
& Socket.io Plugin: https://drive.google.com/file/d/0B0hV3wuyONqIXzlCR0l5cGVTNXc/view
-Sau khi tải NodeJS và Notepad++ các bạn cài đặt bình thường nhé (next -> next) còn Socket.io Plugin các bạn giải nén xong thì coppy thư mục Socket vào thư mục plugin của construct, thường là: C:\Program Files\Construct 2\exporters\html5\plugins (phải tắt construct 2 trước rồi mới cop nhé)
-Okay, hoàn tất việc cài đặt, chúng ta bắt đầu thử tạo server và dùng plugin kết nối construct 2 đến server thử nhé:
-b1: các bạn tạo thư mục mới đặt tên là Server (ở đâu cũng đc, thường thì mình sẽ tạo ngoài desktop để dễ làm việc với file), trong thư mục Server mới tạo, chúng ta tạo thêm 1 file là app.js .
-b2: [Shift + Chuột phải] vào folder Server và chọn Open command window here, sau khi hiện lên cửa sổ cmd.exe, chúng ta gõ npm install socket.io@0.9.5 rồi nhấn Enter để cài đặt socket.io, các bạn xem hình nhé:
[align=center][/align]
- Nếu cài đặt thành công thì sẽ hiện:
[align=center][/align]
[align=left]- Tiếp theo chúng ta mở file app.js bằng notepad++, các bạn coppy đoạn dưới vào file nhé:[/align]
[align=left]
var io = require("socket.io").listen(8099); //gọi socket.io vào server và lắng nghe tại port 8099
io.sockets.on("connection", function (socket) { // khi kết nối tới server
console.log("connect"); // xuất ra màn hình server là "connect"
});
[/align][align=left]- Vậy là chúng ta thử việc kết nối bên server đã xong.[/align]
[align=left]-B3: Các bạn mở Construct 2 lên và tạo 1 project mới.[/align]
[align=left]-B4: Insert new object là Socket vào:[/align]
[align=center][/align]
[align=left]-B5: Add Event -> System -> On start of layout rồi sau đó các bạn chọn Add action -> Socket -> Connect, tại khung Connect các bạn nhập như hình:[/align]
[align=center]
[/align]
[align=center]- Ở đây Address: "localhost" và Port: 8099 là chúng ta tạo kết nối đến địa chỉ IP của chúng ta với port là 8099[/align]
[align=left]- Okay, sau khi hoàn thành, các bạn chạy server bằng cách, [Shift + Chuột phải] vào folder Server và chọn Open command window here, các bạn gõ node app.js rồi nhấn Enter, như hình:[/align]
[align=center][/align]
[align=left]- Quay lại construct 2, các bạn chạy thử project[/align]
[align=left]- Kết quả là khi chạy construct 2 thì bên server sẽ xuất hiện dòng "connect", kết quả như hình:[/align]
[align=center][/align]
[align=left]- Vậy là các bạn đã thành công với việc tạo kết nối giữa Construct 2 và Socket.io, nếu được thì mình sẽ tiếp tục hướng dẫn các bạn về multiplayer chat cơ bản và sau đó là multiplayer platform với construct 2, forum còn bạn nào xài construct 2 thì cho mình học hỏi giao lưu với nha :D, newbie [/align]
Comments
bạn xài face thì send mình add fr luôn :D
https://www.facebook.com/TaoTroChoi/
THAM GIA GROUP CỦA TTC TRÊN FACEBOOK