Conseil sur design

Salut ;)

Je suis sur un projet de jeu web (par navigateur) mais je suis une bille (un boulard) en désign de jeux, j'ai essayé quand même et ça donne ça :

Pièce jointe 113593

J'ai fait cette mise en page qui permet d'être vue sur un écran 1024x768 au minimum, afin de ne pas léser ceux qui ont cette résolution.

Le problème, c'est que quand je passe le bureau à une plus haute résolution cela fait beaucoup de vide entre les éléments affichés, et je ne sais pas comment combler ça ou palier à ce problème.
La zone noire doit recevoir la map du jeu (c'est un canvas HTML5), et je ne peux pas l'agrandir sinon je devrais concevoir mon code javascript sur les tiles en fonction de la résolution et je veux éviter cette lourdeur.
Elle fait 704x512 pixels.

La zone blanche, elle, va recevoir les logs des actions du joueur.
Style : "Dimitri vous a fait 15 dommages".

J'ai une question aussi, peut-on utiliser l'accélération matérielle sans utiliser un framework ?
Le but ce serait de rendre mon jeu plus rapide et les framework alourdissent le code.

Je me permets un commentaire : "Tu codes avec Notepad ? Respect!" :yaisse3:

Pour revenir au sujet, on dirait que le conteneur principal de ta page ne fait pas 1024px de large mais 100% ?? S'il faisait 1024px, le vide se situerait sur la droite du conteneur.

Citation:

---

J'ai une question aussi, peut-on utiliser l'accélération matérielle sans utiliser un framework ?

---

Bien sûr, il suffit de passer par les bonnes méthodes / fonctions, CSS3 etc. En vrac je pense aux transitions/ transforms CSS3, requestAnimation, etc

pense à utiliser ton profiler javascript du navigateur qui te permet de jauger les perfs des animations.

Mais je ne sais pas si s'affranchir des frameworks est une bonne idée ... de base ils sont quand même conçus pour d'une part bien gérer les perfs et d'autres parts s'adapter aux navigateurs des utilisateurs (avec des polyfills, fallback qui vont bien ... )

Merci de ta réponse ;) (et de ta félicitation^^ )

Citation:

---

Je me permets un commentaire : "Tu codes avec Notepad ? Respect!"

---

lol, je vois que tu as bien regardé ma barre des tâches ;)

Je peux pas m'en passer de bloc note, faudra que je pense à évoluer ^^

D'aprés ce que j'ai vu sur certains forums, les fonctions transform et autres fonctions évoluées de HTML5 ne font pas appel à l'accélération matérielle, c'est pour cela que je posais la question ici, qui fourmille de plus nombreux spécialistes en programmation WEB.

Bon si je ne peux pas m'en passer j'utiliserais Crafty...

à plus^^

Je te conseille vivement de passer au moins à notepad++ ou sublimeText.
ou mieux, prend un IDE comme phpstorm ou webstorm

Toujours pas un conseil pour le vide créé avec les grandes définitions d'écran ?

Komodo Edit est egalement un bon outil ...

Pour le vide, je ne vois que trois possibilités,

soit tu combles le vide avec des éléments superflux

soit tu passes en pourcentage et/ou centrage

soit tu modifies la mise en page pour coller des panneaux de contenu utile

Merci spacefrog ;)

Je vois mieux ce que je peux faire maintenant !