Konsolen werden nicht mehr benötigt (dies ist jedoch nicht sicher)

Guten Tag, liebe Leser. Ich weiß nicht, ob jemand so etwas vor mir getan hat, deshalb habe ich beschlossen, die Idee meines Haustierprojekts zu teilen und mir ein wenig Zeit zu nehmen.

Am Anfang war ein Kaninchen

Seit meiner Kindheit habe ich gerne Spiele gespielt, jetzt hat sich wenig geändert. Noch mehr spiele ich gerne ein paar Stunden mit Freunden / Kollegen / Kindern. Leider ist eine Konsole mit Controllern nicht immer zur Hand. Diese Schwierigkeit werde ich versuchen zu lösen.

Die Idee, mein Telefon als Controller zu verwenden, ist mir schon vor langer Zeit in den Sinn gekommen . Im Laufe der Jahre habe ich immer wieder über dieses Thema nachgedacht, die Implementierung jedoch aus verschiedenen Gründen verzögert. Infolgedessen wechselte ich mehrere Jobs, zog von der nördlichen Hauptstadt in die Hauptstadt und beschloss schließlich, zumindest eine Demoversion zu erstellen, um zu verstehen, wie gut diese Idee ist.

Alles begann mit der Tatsache, dass ich meinem Sohn eines Sommers im letzten Jahr angeboten habe, einen Charakter für das Spiel zu entwerfen. So erschien das Kaninchen.

Hauptidee

- -, , , . ? ! /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. . .

   
   
   
   
   

Wie Sie sehen können, ist der Reflexionsspielraum einfach endlos. Und ich denke, diese Idee hat möglicherweise eine gute Zukunft.

Ich werde gerne alle Ihre Fragen beantworten und auf Ihre Gedanken zu den oben genannten hören.