コンソールは不要になりました（ただし、これは確実ではありません）

良い一日、親愛なる読者。誰かが私の前にこのようなことをしたかどうかわからないので、私は私のペットプロジェクトのアイデアを共有し、あなたの時間を少し取ることにしました。

初めはうさぎがいました

子供の頃からゲームをするのが好きでしたが、今ではほとんど変わっていません。さらに、友達/同僚/子供たちと数時間遊んでいるのが好きです。残念ながら、コントローラーを備えたコンソールが常に手元にあるとは限りません。私が解決しようとするのはこの困難です。

私の電話をコントローラーとして使うというアイデアは、ずっと前に頭に浮かびました。何年もの間、私はこのトピックについて考え続けましたが、さまざまな理由で実装を遅らせました。その結果、私はいくつかの転職をし、北部の首都から首都に移り、このアイデアがどれほど優れているかを理解するために、少なくともデモ版を作成することにしました。

それはすべて、昨年のある夏、息子にゲームのキャラクターのデザインを手伝ってもらうことから始まりました。これがうさぎの姿です。

本旨

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

   
   
   
   
   

ご覧のとおり、リフレクションの範囲は無限です。そして、私はこのアイデアには潜在的に良い未来があると思います。

私はあなたのすべての質問に喜んで答え、上記についてのあなたの考えに耳を傾けます。