Tentang proyek ini

Jika Anda seorang pemula, Anda dapat mempelajari tombol di Arduino - Tutorial Tombol.

Saya membuat proyek serupa menggunakan perangkat keras yang lebih sederhana (hanya PHPoC) di sini.

Demo

Aliran Data

Arduino ---> PHPoC WiFi Shield ---> Peramban web

Ada dua orang yang sedang bermain game. setiap orang menggunakan dua tombol untuk mengontrol arah penjaga gawang. Oleh karena itu, kita membutuhkan empat tombol.

Arduino membaca status empat tombol, Jika salah satunya diubah, Arduino akan menghitung ulang arah pergerakan kiper dan mengirim nilai arah ke PHPoC WiFi Shield. Saat menerima nilai, PHPoC WiFi Shield mengirimkannya ke Web Browser melalui websocket. Fungsi JavaScript akan memperbarui arah pergerakan penjaga gawang.

Program JavaScript akan terus memperbarui posisi bola, penjaga gawang, dan rintangan berdasarkan arahnya dan juga memeriksa tabrakan.

Arah penjaga gawang diubah berdasarkan status tombol.

Perhatikan bahwa: PHPoC shield memiliki program bawaan untuk meneruskan data dari Arduino ke browser web. Karena itu, kita tidak perlu mempedulikannya.

Yang Perlu Kita Lakukan

• Menyetel informasi WiFi untuk pelindung PHPoC (SSID dan sandi)
• Unggah UI baru ke pelindung PHPoC
• Tulis kode Arduino

Mengatur Informasi WiFi untuk PHPoC Shield

Lihat instruksi ini.

Unggah UI Web baru ke PHPoC Shield

• Unduh kode sumber PHPoC remote_game.php (pada bagian kode).
• Unggah ke pelindung PHPoC menggunakan debugger PHPoC sesuai dengan instruksi ini.

Saat menerima permintaan HTTP dari browser web, PHPoC Shield menafsirkan skrip PHP dalam file ini, dan kemudian mengirim file yang ditafsirkan ke browser web. File yang ditafsirkan (berisi kode HTML, CSS dan JavaScript) menyediakan UI (User Interface), memperbarui posisi bola, penjaga gawang dan rintangan berdasarkan arah mereka dan juga memeriksa tabrakan. Itu juga menerima arah pergerakan penjaga gawang dari websocket.

Tulis Kode Arduino

• Instal Perpustakaan PHPoC untuk Arduino (lihat instruksi ).
• Unggah kode Arduino (pada bagian kode) ke Arduino

Pengujian

• Klik tombol serial pada Arduino IDE untuk melihat alamat IP.
• Buka browser web, ketik http:// replace_ip_address /remote_game.php
• Klik tombol sambungkan dan uji

Kit Pemula Arduino Terbaik untuk Pemula

Lihat Kit Arduino Terbaik untuk Pemula

Referensi Fungsi

• pinMode()
• digitalRead()
• Serial.begin()
• Serial.print()
• Serial.println()

Kode

• Kode Arduino
• Kode PHPoC Shield (remote_game.php)

Kode ArduinoArduino

#include "SPI.h"#include "Phpoc.h"Server PhpocServer(80);boolean sudah Terhubung =false; void setup() { Serial.begin(9600); while(!Serial); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); server.beginWebSocket("permainan"); Serial.print("Alamat server WebSocket :"); Serial.println(Phpoc.localIP()); pinMode(6, INPUT); pinMode(7, INPUT); pinMode(8, INPUT); pinMode(9, INPUT); }int value_6 =digitalRead(6);int value_7 =digitalRead(7);int value_8 =digitalRead(8);int value_9 =digitalRead(9);int pre_dir_1 =0;int pre_dir_2 =0;int dir_1 =0;int dir_2 =0;void loop() { // ketika klien mengirim byte pertama, ucapkan halo:PhpocClient client =server.available(); if (klien) { nilai_6 =digitalRead(6); nilai_7 =digitalRead(7); nilai_8 =digitalRead(8); nilai_9 =digitalRead(9); dir_1 =nilai_7 - nilai_6; dir_2 =nilai_9 - nilai_8; if(dir_1 !=pre_dir_1 || dir_2 !=pre_dir_2) { pre_dir_1 =dir_1; pra_dir_2 =dir_2; String txtMsg ="[" + String(dir_1) + ", " + String(dir_2) + "]\r\n"; char buf[txtMsg.length()+ 1]; txtMsg.toCharArray(buf, txtMsg.length() + 1); server.write(buf, txtMsg.length()); } }}

Kode PHPoC Shield (remote_game.php)PHP

PHPoC - Game Berbasis Web


WebSocket :null
Hubungkan 

Skema

1. Tumpuk perisai wifi PHPoC atau perisai PHPoC di Arduino
2. Pengkabelan seperti gambar di bawah ini

Buzz Wire dengan Penghitung Skor Barbot pembuat Koktail portabel murah dengan Aplikasi!