Comments (5)
Acredito que tenha sido só para isolamento mesmo, só ele pode confirmar kkk. mas pelo que vimos pode ser isolado colocando essa linha dentro do modulo daquela forma.
from meu-primeiro-jogo-multiplayer.
Da sua forma ficaria até um pouco mais conciso.
renderScreen('id_do_canvas', game, requestAnimationFrame, playerId)
e antes dessa linha
colocaria : const screen = document.getElementById(screen)
confere?
from meu-primeiro-jogo-multiplayer.
Acredito que da forma que foi criado, o código fica mais modular, o arquivo render-screen.js, renderiza em qualquer screen enviada, caso essa linha fosse colocada dentro do render-screen.js seria um hardcoded e o codigo só renderizaria em um elemento que tivesse um ID 'screen'.
<body>
<canvas id="gameScreen" width="10" height="10"></canvas>
Caso no seu código seu index.html tenha um canvas com outro id como acima, seria necessario apenas enviar esse elemento para o 'renderScreen'
socket.on('connect', () => {
const playerId = socket.id
console.log(`Player connected on Client with id: ${playerId}`)
const screen = document.getElementById('gameScreen') << apenas seria necessario alterar aqui
renderScreen(screen, game, requestAnimationFrame, playerId)
})
isolando completamente o módulo responsável pela renderização.
from meu-primeiro-jogo-multiplayer.
O meu pensamento em passar aquele trecho para dentro era simplesmente eu poder fazer isso
renderScreen('gameScreen', game, requestAnimationFrame, playerId)
creio que o resultado seria o mesmo e de fato isolando a renderização
from meu-primeiro-jogo-multiplayer.
Eh q tow criando um jogo de xadrez baseado na ideia do companheiro, entao eu so queria entender mesmo se tem alguma diferença criar dentro ou fora :D
from meu-primeiro-jogo-multiplayer.
Related Issues (16)
- usar variável socket globalmente HOT 2
- Turma, vou começar a reorganizar esse repositório HOT 1
- Como abrir a tela de admin? HOT 2
- Diferentes cores para pontuações mais altas HOT 1
- Usar .env para a porta do servidor HOT 1
- Um protocolo?
- COMO STARTA ESSE JOGO HOT 2
- Implementar throttling no backend, alguém se arrisca? HOT 13
- socket.io não prove um export padrão HOT 1
- Hk
- Como rodar no navegador o meu-primeiro-jogo-multiplayer
- [NPX] SyntaxError: Unexpected token '?'
- Como posso trocar os quadrados por imagens (Ícones)
- Como dar deploy disso na Vercel?
- Fluidez de animação, usando o anti-aliasing HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from meu-primeiro-jogo-multiplayer.