Buen día, queridos lectores. No sé si alguien ha hecho algo así antes que yo, así que decidí compartir la idea de mi proyecto favorito y tomarme un poco de su tiempo.
Al principio había un conejo
Desde pequeño me encantaba jugar, ahora poco ha cambiado. Más aún, me gusta pasar un par de horas jugando con amigos / colegas / niños. Desafortunadamente, una consola con controladores no siempre está disponible. Es esta dificultad la que intentaré resolver.
La idea de usar mi teléfono como controlador surgió en mi cabeza hace mucho tiempo . A lo largo de los años, seguí pensando en este tema, pero retrasé la implementación por una variedad de razones. Como resultado, cambié varios trabajos, me mudé de la capital norteña a la capital, y finalmente decidí hacer al menos una versión demo para entender lo buena que es esta idea.
Todo comenzó con el hecho de que un verano del año pasado le ofrecí a mi hijo que me ayudara a diseñar un personaje para el juego. Así apareció el conejo.
Idea 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 puede ver, el margen de reflexión es simplemente infinito. Y creo que esta idea tiene potencialmente un buen futuro.
Con mucho gusto responderé a todas sus preguntas y escucharé sus pensamientos sobre lo anterior.