Bom dia, queridos leitores. Não sei se alguém já fez algo assim antes de mim, então decidi compartilhar a ideia do meu projeto de estimação e tomar um pouco do seu tempo.
No começo havia um coelho
Desde criança adorava brincar, agora pouca coisa mudou. Ainda mais gosto de passar algumas horas brincando com amigos / colegas / filhos. Infelizmente, um console com controladores nem sempre está disponível. É essa dificuldade que tentarei resolver.
A ideia de usar meu telefone como controlador surgiu na minha cabeça há muito tempo . Ao longo dos anos, continuei pensando sobre esse tópico, mas adiei a implementação por vários motivos. Como resultado, mudei vários empregos, mudei da capital do norte para a capital, e finalmente decidi fazer pelo menos uma versão demo para entender o quão boa é essa ideia.
Tudo começou com o fato de que, no verão do ano passado, ofereci a meu filho para ajudar a projetar um personagem para o jogo. É assim que o coelho apareceu.
Ideia principal
- -, , , . ? ! /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-,
, , .
. .
Como você pode ver, o espaço para reflexão é simplesmente infinito. E acho que essa ideia tem potencialmente um bom futuro.
Terei prazer em responder a todas as suas perguntas e ouvir seus pensamentos sobre o acima.