Bonne journée, chers lecteurs. Je ne sais pas si quelqu'un a fait quelque chose comme ça avant moi, alors j'ai décidé de partager l'idée de mon projet animalier et de prendre un peu de votre temps.
Au début il y avait un lapin
Depuis l'enfance, j'adorais jouer à des jeux, maintenant peu de choses ont changé. Encore plus j'aime passer quelques heures à jouer avec des amis / collègues / enfants. Malheureusement, une console avec des contrôleurs n'est pas toujours à portée de main. C'est cette difficulté que j'essaierai de résoudre.
L'idée d'utiliser mon téléphone comme contrôleur est née dans ma tête il y a longtemps . Au fil des ans, j'ai continué à réfléchir à ce sujet, mais j'ai retardé la mise en œuvre pour diverses raisons. En conséquence, j'ai changé plusieurs emplois, déménagé de la capitale du nord à la capitale, et finalement décidé de faire au moins une version de démonstration afin de comprendre à quel point cette idée est bonne.
Tout a commencé avec le fait qu'un été l'année dernière, j'ai proposé à mon fils de m'aider à concevoir un personnage pour le jeu. C'est ainsi que le lapin est apparu.
Idée principale
- -, , , . ? ! /smartTV///.../ , , qr- , - !
- , - .
, 8 , .
: , , , . 4- (right, left, front, back) 2- (, ). , .
, , , , , youtube. ( , , , youtube )
-, , , , , .
( ) , , .. :
- html, canvas, css, js, canvas
- php, mySQL
, .
BEGET ( -, ).
GIT - .
p.s. , , , smartTV canvas, canvas div.
id , qr- , GET- id ( qr- API ).
.
10 (60 fps ) , , .
, , , - . .
, :
:
-> ->
-> ->
. "" 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 :
lassGame -
ClassEntity - 2 -
ClassFlower ( ClassEntity) -
ClassPerson ( ClassEntity) -
ClassBullet ( ClassEntity) -
js .
ClassGame .
ClassGame
, . , . - :
div'
, , .
, , :
, smartTV cloneNode append js, append jq. . ( , bootstrap 5, jq)
3-d z-index,
QR-
, . , . ,
- , . QR-
2-
, -
, WebStorm - IDE. , , , .
, ,
( , . / RPG drag and drop . , . , , .. )
, wi-fi qr-,
, , .
. .
Comme vous pouvez le voir, les possibilités de réflexion sont tout simplement infinies. Et je pense que cette idée a potentiellement un bel avenir.
Je serai ravi de répondre à toutes vos questions et d'écouter vos réflexions sur ce qui précède.