Konsol tidak lagi dibutuhkan (tapi ini belum pasti)

Selamat siang, para pembaca yang budiman. Saya tidak tahu apakah ada yang pernah melakukan hal seperti ini sebelum saya, jadi saya memutuskan untuk membagikan ide proyek hewan peliharaan saya dan meluangkan sedikit waktu Anda.

Awalnya ada seekor kelinci

Sejak kecil, saya suka bermain game, sekarang hanya sedikit yang berubah. Bahkan saya lebih suka menghabiskan beberapa jam bermain dengan teman / kolega / anak-anak. Sayangnya, konsol dengan pengontrol tidak selalu tersedia. Kesulitan inilah yang akan saya coba pecahkan.

Ide untuk menggunakan ponsel saya sebagai pengontrol muncul di kepala saya sejak lama . Selama bertahun-tahun, saya terus memikirkan topik ini, tetapi menunda implementasi karena berbagai alasan. Akibatnya, saya berganti pekerjaan, pindah dari ibu kota utara ke ibu kota, dan akhirnya memutuskan untuk membuat setidaknya versi demo untuk memahami seberapa bagus ide ini.

Semuanya dimulai dengan fakta bahwa pada musim panas tahun lalu, saya menawarkan putra saya untuk membantu merancang karakter untuk game tersebut. Beginilah kelinci itu muncul.

Ide utama

- -, , , . ? ! /smartTV///.../ , , qr- , - !

- , - .

, 8 , .

: , , , . 4- (right, left, front, back) 2- (, ). , .

, , , , , youtube. ( , , , youtube )

-, , , , , .

( ) , , .. :

1. - html, canvas, css, js, canvas

   
   
   
   
   

2. - php, mySQL

   
   
   
   
   

, .

BEGET ( -, ).

GIT - .

p.s. , , , smartTV canvas, canvas div.

id , qr- , GET- id ( qr- API ).

.

10 (60 fps ) , , .

, , , - . .

, :

:

1. -> ->

   
   
   
   
   

2. -> ->

   
   
   
   
   

. "" shoot ( ). touchstart touchend . jq .

$(document).on("touchstart  mousedown", ".button", function(e){
		if (this.id==='fire') {
			personToSend.shoot=1;
			showPerson();//   
			sendStateToDB(); //   
			setTimeout(nullFire, 100); // 
		} else {
			personToSend.move=1;
			personToSend.direction=this.id;
			showPerson();
			sendStateToDB();
		}
});  
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

. , demo- .

, .

5 :

1. lassGame -

   
   
   
   
   

2. ClassEntity - 2 -

   
   
   
   
   

3. ClassFlower ( ClassEntity) -

   
   
   
   
   

4. ClassPerson ( ClassEntity) -

   
   
   
   
   

5. ClassBullet ( ClassEntity) -

   
   
   
   
   

js .

ClassGame .

ClassGame

, . , . - :

1. 
   
   
   
   

2. div'

   
   
   
   
   

3. 
   
   
   
   

4. , , .

   
   
   
   
   

, , :

1. , smartTV cloneNode append js, append jq. . ( , bootstrap 5, jq)

   
   
   
   
   

2. 3-d z-index,

   
   
   
   
   

3. QR-

   
   
   
   
   

4. , . , . ,

   
   
   
   
   

5. - , . QR-

   
   
   
   
   

6. 
   
   
   
   

7. 2-

   
   
   
   
   

8. , -

   
   
   
   
   

9. , WebStorm - IDE. , , , .

   
   
   
   
   

, , , . , . , , :

1. 
   
   
   
   

2. 
   
   
   
   

3. , ,

   
   
   
   
   

4. ( , . / RPG drag and drop . , . , , .. )

   
   
   
   
   

5. , wi-fi qr-,

   
   
   
   
   

6. , , .

   
   
   
   
   

7. . .

   
   
   
   
   

Seperti yang Anda lihat, ruang lingkup refleksi tidak terbatas. Dan menurut saya ide ini berpotensi memiliki masa depan yang baik.

Saya dengan senang hati akan menjawab semua pertanyaan Anda dan mendengarkan pemikiran Anda di atas.