Forum Casio - Projets de programmation


Index du Forum » Projets de programmation » Windmill : moteur graphique 3D >>> jour 21
NinestarsHors ligneMembrePoints: 2143 Défis: 22 Message

Windmill : moteur graphique 3D >>> jour 21

Posté le 30/09/2016 00:44

Windmill



Bonjour, bonsoir !

Windmill est un moteur graphique 3D pour calculatrices CASIO monochromes.
Ce topic est le journal de bord du projet, il décrit l'avancée étape par étape, jour par jour, depuis la création du projet à aujourd'hui.

Début du projet : juillet 2016
Dernière mise à jour : décembre 2018
Dernière démo : jour 17

Un petit brief d'abord :
Windmill est un moteur graphique 3D, il est capable d'afficher des objets définis en trois dimensions.
Le principe de base du moteur graphique est de décomposer en triangles un modèle 3D puis d'appliquer des textures sur ces triangles en gérant l'occlusion.
Sur calculatrice, il n'existe aucune libairie dédiée à le 3D, donc Windmill a été écrit à partir d'une feuille blanche, tout à été réalisé de A à Z.

Jour 1
Cliquez pour recouvrir

Dans la vidéo, j'ai optimisé le moteur graphique pour les murs verticaux. c'est à dire qu'il ne dessine plus des triangles mais des trapèzes, j'ai commencé l'optimisation pour les murs horizontaux récemment.
La bonne nouvelle c'est qu'il reste une grosse marge de progression pour optimiser ces cas particuliers : éviter les flottants, gérer un peu mieux le clipping, le back face culling et éviter un calcul redondant dans la boucle principale.


Jour 2
Cliquez pour recouvrir

Principalement un gros travail sur l'optimisation des murs : la plupart des calculs flottants sont désormais avec des entiers, le clipping est géré (on affiche pas les pixels en dehors de l'écran), des calculs sont simplifiés, et même pour gagner encore quelques fps les textures doivent être tournées de 90°.
Désormais les murs horizontaux peuvent être affichés, et même le plafond noir (avant c'était de la triche juste pour la vidéo...), des textures peuvent être appliquées sur le sol, et on peux construire des objets telle que la caisse ici présente.
Les textures peuvent être changées pendant le jeu, ainsi cela permettra d'afficher des textures animées comme de l'eau par exemple !
Il y a trois types d'objets affichable :
- les murs. De face ou de coté.
- les étages. Il s'agit d'objets plats, par exemple le sol, le paillasson, le haut de la caisse.
- le plafond. C'est un étage optimisé pour le noir.
Tous les objets sont paramètrables, de la taille, la hauteur, la texture que l'on veut.


Jour 3
Cliquez pour recouvrir

Simplement un aperçu de la vue de coté, en fil de fer cette fois parce que je n'ai pas terminé l'algo pour afficher les textures sur les murs.
J'ai déjà la structure de l'algo pour appliquer mes textures, il me reste plus qu'a l'implémenter. Il ressemble à celui que j'ai déjà mais avec une variante. Cependant je vais le reprendre de zéro pour être certain d'optimiser au mieux.
Parce que avec cette vue il y a beaucoup de chose qui changent :
- les textures appliquées sur le sol, au plafond ne sont plus des sprites classiques, elles sont maintenant déformées ce qui implique d'utiliser l'algo "lourd" et pas un simple affichage de sprite zoomé (cf la lib ML_zoom)
- les murs orientés vers le "sud" ne sont plus visible car toujours vu par "derrière" donc plus besoin d'être géré. Ça c'est une bonne nouvelle, mais je ne pense pas que ça puisse compenser le point du dessus.

Donc en conclusion, j'ai peur quand aux performances de l'ensemble fini. Il va arriver un moment où ça risque de coincer.


Jour 4
Cliquez pour recouvrir

GROSSE GROSSE nouveauté ! Comme promis le moteur gère la vue de coté !!
Pour cela j'ai totalement repris mon algo de base pour appliquer les textures sur des triangles avec un bon passage à la moulinette de l'optimisation, et j'ai ainsi multiplié par 11 les performances ! C'est énorme !

La prochaine étape est d'implémenter le Z-buffer pour ne pas voir à travers les murs, et encore un tas d'optimisations...
Et maintenant il n'y a pas de cas particuliers dans l'algo, c'est à dire que je peux tourner la caméra dans tous les sens, afficher des formes dans n'importe quelle position (mais ça ce sera pour une prochaine vidéo )


Jour 5
Cliquez pour recouvrir
Et voilà encore du nouveau ! (Oui ça avance vite )
Maintenant j'ai rajouté le z_buffer qui permet de ne pas afficher les murs sensé ne pas être visible.
Et j'ai rajouté un degré de liberté pour la caméra, ce qui permet de tourner sur soi-même.
Il reste encore un tas de choses à améliorer (meilleur rendu des textures, déplacement de la caméra selon différents repères) et d'optimisations (accès à la vram plus intelligent pour éviter de dessiner du banc si c'était déjà blanc, passage des calculs pour les rotations, les projections et les produits vectoriels en nombres entiers).
Je vais mixer un peu le rendu avec le mode fil de fer pour les murs vu par derrière (qui sont transparents actuellement). J'ai déjà fait quelques test et on se rend mieux compte des volumes !


Jour 6
Cliquez pour recouvrir
J'ai amélioré la qualité du rendu général en jouant sur les décalages de bits de façon plus astucieuse, en simplifiant des opérations et en arrondissant les nombres flottants. Résultat moins de perte à cause d'arrondi et de troncature, les textures sont moins déformées et plus précises.
J'ai encore optimisé mon algorithme pour appliquer les textures, j'étais passé à côté de quelque chose d'énorme, résultat j'ai pu simplifier encore mes calculs pour gagner 35% de performances. Je suis passé de 10 décalages de bit, 17 mults, 9 additions à 7 décalages, 12 mults et 10 additions.

J'ai apporté quelques modifications au z-buffer (qui permet de ne pas afficher les objets caché par d'autres), l'initialisation est plus rapide et il est plus stable car il ne risque pas de d'overflow. Et je ne dessine plus de pixel blanc si c'est la première fois que je dessine sur un pixel puisqu'il était forcement blanc avant.

J'ai rajouté la gestion des viewport, c'est à dire que le rendu peu être dans une fenêtre définie par le programmeur et plus forcement sur l'écran entier. C'est utile si on utilise un ATH qui prend une partie de l'écran ou dans un menu pour afficher un objet 3D dans un coin facilement. Je n'ai pas testé, mais il est théoriquement possible d'afficher deux rendus différents en même temps, un écran splitté pour le multijoueur par exemple


Jour 7
Cliquez pour recouvrir
Il n'y a pas grand chose de nouveau visuellement donc je sors pas de vidéo, mais maintenant que j'ai fini d'opimisé le rendu des textures, j'ai optimisé la transformation des points dans l'espace 3D. J'ai gagné 71% de rapidité depuis le jour 6 ! Entre autres, j'ai précalculé les cos et sin, les coefficients de la matrice de rotation, le tout avec des nombre entiers.
Ce qui me prend du temps en ce moment c'est la structure de mes données, comment faire quelque chose d'efficace et qui permette d'écrire les modèle 3D rapidement à la main. Donc je gère des mini structures toutes faites, des triangles, des rectangles, et peut être d'autres plus tard comme des cylindres.

De plus, j'ai ajouté une fonctionalité qui permet d'appliquer une texture des deux cotés d'un triangles. Mais un problème est apparu, quand deux textures sont trop prochent l'une de l'autre, elle on tendance à se chevaucher, c'est à dire que la texture qui est derrière est affichée par dessus celle de devant...Ici on voit la texture blanche qui passe par dessus le mur de brique (frame 2 à 7)

Ça fait une journée que je cherche le problème. Il vient evidemment du z-buffer, mais la raison du problème est assez floue


Jour 8
Cliquez pour recouvrir
J'ai réussi à repérer l'origine de mon problème après plusieurs longues séances de documentation et de débeugage.
L'utilisation des matrices de projection perspective m'a permis de remapper la coordonnée z de mes points dans l'espace caméra, c'est à dire que maintenant leur coordonnée z à une valeur logique : elle est définie à 0 quand le point est sur le near clipping plane et à 1 sur le far clipping plane. Deux plans que je définie moi même.

Ceci m'a permis de mettre au jour une relation très vicieuse entre mes triangles que je n'avais pas remarqué jusqu'à présent. Je m'explique : dans ma phase de simplification, j'ai remarqué qu'une division était inutile puisque qu'elle se simplifiait dans une multiplication un peu plus loin. Dans le même genre que (A / B) x (C x B) = A x C
Cela n'a pas posé de problème de simplifier, j'ai obtenu exactement le même rendu.
Cependant, et c'est là que c'est vicieux, c'est que, plus tard, en rajoutant mon z-buffer (qui permet de connaître la distance entre mon point et la caméra afin d'afficher uniquement le plus proche), j'ai fabriqué une relation cachée entre mes triangles. En effet ils ne sont plus dessinés independamment puisqu'ils partagent le même z-buffer.
Et comme j'ai utilisé uniquement A et pas A / B et que B varie d'un triangle à l'autre, les données que je rentrais dans mon z-buffer étaient faussent.
Mais comme B varie peu, le problème ne s'est pas montré au premier abort, mais il était bien là !

Maintenant que je comprends l'origine du problème, je vais pouvoir le résoudre. En tout cas, c'était bien tordu et ça m'a bien pris la tête.
Désolé pour ce passage assez technique, mais expliquer l'origine du problème ne peut pas se faire sans


Jour 9
Cliquez pour recouvrir

Et voilà problème réglé ! Enfin, ça m'a pris une journée complète. (j'ai bien perdu 1h sur un copier coller raté et 3h parce que j'avais pas mon café...)
Maintenant le z-buffer est ultra propre ! je maitrise vraiment tout se qui passe. Un bon point pour la stabilité et éviter l'apparition d'artéfactes visuels


Jour 10
Cliquez pour recouvrir

J'ai commencé à modéliser des vrais objets pour voir ce que mon moteur a dans le ventre, et le résultat est renversant !
En définissant toutes les faces du moulin à vent, j'ai pu créer avec une relative simplicité un résultat plus que correct.
D'un point de vue technique, j'ai de nouveau optimisé depuis le jour précédent, en effet j'avais tout "désoptimisé" pour résoudre mon problème. Les fps en temps réel sont affichés dans le coin de l'écran, on voit que pour un modèle aussi riche (30 triangles) la vitesse du rendu est plus que convenable ce qui démontre que ce projet est viable. De plus il me reste quelques points à optimiser, sur le calcul des coordonnées de textures je peux grater pas mal, j'ai deux divisions que je peux transformer en une seule, et quelques autres idées. Donc j'ai encore de la marge, l'objectif étant qu'a terme le rendu soit le plus véloce possible

Sinon on peut remarquer que j'applique des textures sur des triangles dans des positions quelconques (le toit et les pales) et que j'ai ajouté l'option pour afficher une texture différentes de chaque côté d'un triangle (le toit vu par en dessous est noir) et j'ai rajouté un paramètre pour une bonne utilisation des textures sur les triangles (en effet le sprite est un carré à la base).

La prochaine étape est une réorganisation du code, j'ai deux fichiers que je vais réunir en un seul et je vais revoir comment le moteur recoit les objets à afficher. Dans la prochaine vidéo, les pales du moulin tourneront (enfin je l'espère bien )


Jour 11
Cliquer pour enrouler
Jour 11


Maintenant le moteur peut afficher plusieurs objets différents et les objets dynamiques ! J'ai revu totalement la façon de fournir les objets à afficher au moteur. Maintenant on peut afficher plusieurs objets simultanément, et on peut définir des mouvements pour les objets.


Jour 12
Cliquer pour enrouler
Jour 12

Après une grande pause, le projet reprend, en fonction de ma disponibilté, plus faible qu'avant, mais toujours présente
Comme je l'avais annoncé, la reprise de mes travaux portent sur l'optimisation, la résolution de bugs, et des changements internes pour les nouveautés à venir.

- nettoyage du fov, la valeur qui correspond à l'angle de vision, c'était un peu au pif avant.

- mise en const des variables de la map : les textures, les objets, les triangles et les rectangles.

- j'ai clarifié la précision des fixed (des nombres entiers utilisés comme des nombres à virgules) pour éviter les débordements, c'est surtout problématique pour les objets lointains, ou très proches car des variables s'approchent des limites d'un int.
Maintenant je suis certain qu'afficher un objet à la taille minimale (de taille 1) ne pose aucuns problèmes.
un cube de côté 1 :


un cube de coté 10, avec à sa droite le cube de coté 1.


(On voit le sol à partir de cette échelle, la distance entre les points est de 10)
L'histoire d'échelle est d'ailleurs très subjective, à combien correspond une taille de 10 si on veut la comparer au monde réel ? J'ai fait la proposition suivante : 1 = 10cm

- j'ai ajouté un repère 3D dans un coin de l'écran, c'est utile pour le debug.

- j'ai sorti la camera de la scène, c'est à dire que j'ai crée une classe juste pour la caméra.

- correction d'un problème dans le z-buffer (un tableau de la taille de l'écran enregistrant la distance des pixels par rapport à l'écran), j'avais un overflow, maintenant c'est tout propre !

- nettoyage divers dans le code


Jour 13
Cliquer pour enrouler
Jour 13

J'avance lentement, j'ai assez peu de disponibilité depuis 2 semaines...
MAIS ! Windmill avec encore et toujours
J'ai ajouté une fonctionnalité qui manquait depuis un long moment mais qui est pourtant essentielle : l'affichage des triangles devant le plan de clipping...
Explication :
Je parlais plus haut des plans de clipping, le proche et le lointain. Ces deux plans parralèles forment une pyramide avec à son sommet la caméra. Tout ce qui est entre ces plans est affiché. Le problème c'est si un point du triangle est avant le plan proche, jusqu'à présent si un des points avaient une coordonnée en z négative je n'affichais tout simplement pas le triangle.
Pour résoudre celà je tronque ou divise, en fonction des cas (1 ou 2 points devant le plan)

Desormais il n'y a presque plus de cas où des triangles disparaissent


Jour 14
Cliquer pour enrouler
Jour 14

Le problème de clipping que j'exposais en jour 13 est résolu !
Voici un petit rendu que comment c'était avant et comment c'est maintenant, le triangle (qui est la brique essentielle de tout le reste) est maintenant affichable avec beaucoup plus d'angle. Même quand on est presque dans le mur, il s'affiche correctement.
La texture se déforme légèrement quand on est vraiment proche, c'est dû aux erreurs d'arrondi.
Bonne vidéo


Jour 15
Cliquer pour enrouler
Jour 15

Une grosse surprise se prépare. Encore quelques soucis en train d'être corrigés et vous allez en prendre plein les yeux promis
En attendant cette semaine j'ai corrigé quelques bêtes erreurs comme un 1204 au lieu d'un 1024.
Changé un tas de chose en interne pour homogénéiser mon code
Les ajouts depuis le jour 13 :

Ajouté une ligne d'horizon (c'est tout bête mais ça rend bien mieux)

Changé les coordonnées des textures, maintenant on définit la taille en pixel en la texture, et la taille dans le monde.
Par exemple un texture de 32x32 peut correspondre à un carré de taille 20x20 (soit 2m carré), ou plus, ou moins c'est au choix.
- En affichant cette texture sur un rectangle de taille 40x40, la texture va automatiquement boucler.
- En renseignant 0x0 en taille réelle, la texture va s'étirer sur son support au lieu de boucler.
C'est très pratique pour répéter des motifs sans avoir à créer un autre rectangle, ou alors pour appliquer une texture sur n'importe quelle surface.

Actuellement j'ai un problème de serpent qui se mort la queue, clipping() doit être executé avant afficher() et afficher() doit être executé avant clipping() sinon j'ai des triangles qui s'effacent à certains moment. Je suis en train de corriger ça, mais c'est un peu casse tête

j'ai une grosse piste d'optimisation, si ça fonctionne j'estime à +30% de fps !



Jour 16
Cliquer pour enrouler
Jour 16

Désolé si tu es venu sur ce topic en pensant que j'ai enfin lancé LA démo ultime que j'ai vendu au jour 15.
Aujourd'hui c'est résolution de bugs.
J'ai résolu le problème du serpent qui se mort la queue en créant une fonction dédié plus rapide. Le problème était de savoir quelle face du triangle afficher, pour rentrer les dimensions de la textures dans les points.

Le problème que j'ai maintenant est une erreur d'overflow, lorsque la surface du triangle à afficher est trop importante, les nombres prennent des valeurs qui dépassent les limites d'un int (+- 2 milliards) et provoquent des bugs terribles sur l'affichage des textures.

J'ai bien ciblé le problème, je sais exactement quand, comment et pourquoi il se produit, je ne sais juste pas comment le résoudre simplement.
Après 3 soirées gachées à essayer de bricoler un truc, j'ai décidé de faire une autre fonction de clipping.
Cette fois l'objectif n'est pas découpe en plusieurs triangles ceux qui passent derrière la caméra (comme au jour14), mais découper pour n'avoir que les pixel qui sont à l'écran.
Le petit triangle s'affiche sans procblème, le grand à une aire qui overflow et bug visuellement



Jour 17
Cliquer pour enrouler
Jour 17


Le problème de clipping est résolu !
Pour récapituler, j'ai intégré du clipping sur l'axe devant-derrière pour couper les triangles passant derrière la caméra. Puis j'ai créé une nouvelle fonction pour découper les triangles sur l'axe haut-bas/droite-gauche, c'est à dire les bord de l'écran pour régler des problèmes d'overflow (cf jour 16). Le résultat est que le moteur est capable d'afficher des triangles dans n'importe quelle position, même la plus tordue sans bug, ou déformation du triangle.

A cette occasion j'ai revu toute la structure interne pour gérer l'affichage des objets. Je commence avec 1 triangle, et le clipping peux me renvoyer 1 à 10 triangles. Au lieu de gérer chaque point individuellement et avec des conditions à n'en plus finir, j'ai tout inséré dans un tableau que j'envoie à mes fonctions, et tout roule tout seul. c'est beaucoup plus léger et propre.

J'ai rajouté une synchronisation de la caméra avec le rendu. Le déplacement de la caméra (gestion du clavier) est appelé par un timer à interval régulier, ce qui peut tomber pendant le rendu d'une frame. Du coup je commence à dessiner un objet en regardant sous un angle X, la caméra se mets à jour et je termine de dessiner l'objet sous un angle Y. Ça provoquait des secousses et bugs visuels.

Résolution d'un bug sur le z-buffer.

Correction des quelques soucis avec le rendu du sol.

Un peu d'optimisation sur quelques variables.

Le moteur est super stable et il n'y a plus d'artéfactes visuels majeurs !!
C'est un vrai plaisir à regarder Pour ça rien de mieux qu'une vidéo !
Je teste ici sur émulateur et sur la machine, c'est quand même suffisament fluide, environ 10 fps, sachant que cette valeur est doublée avec de l'overcloacking



Jour 18


Windmill avance toujours, bien que la dernière vidéo soit impressionnante, il reste beaucoup de choses à faire.
Voici les nouveautés de la semaine :
- Réorganisation du code. J'ai ajouté une class Player et une class Engine avec un tas de petites modifications. Maintenant on peut créer son propre moteur physique et de gestion du jeu totalement indépendant du rendu 3D.
On peut même créer des moteurs physiques différents. Je suis en train d'en coder 2 :
>> Moteur de déplacement d'un personnage. En vue classique style FPS, on peut courrir, sauter, regarder dans toutes les direction (@Lephé : tout est fluide), interagir avec les objets (porte, trappe, ...)
>> Moteur de création de map. En vue de haut uniquement, on peut selectionner un objet, le déplacer, le tourner et observer ses coordonnées en temps réel. Une fois au bon endroit, il suffit d'écrire les coordonnées en dur dans le code. Très pratique pour créer une map.

- Ajout des billboard. Ce sont des sprites qui font toujours face au joueur. Il tournent sur l'axe vertical pour toujours faire face à la caméra. J'ai crée des arbres avec et des personnages avec.

- Ajout des masques alpha. Chaque texture doit avoir un sprite, et peut avoir un masque. La texture est dessinée que si le pixel du masque est noir.

- Ajout des sphere englobantes. Au chargement d'une nouvelle map, Windmill calcule automatiquement une sphere englobante pour chaque objet. Ceci permet de faire un test rapide. Si la sphere n'est pas à l'écran, aucune utilisté de vérifier si tous les triangles à l'intérieur sont à l'écran. Pour l'instant j'ai fais l'algo pour créer le spheres, il me reste l'algo pour savoir si elles sont à l'écran. J'ai mesuré les fps avant pour faire la comparaison.

- Ajout d'un tas de petites modifications.

- J'ai commencé à rédiger un manuel complet pour utiliser Windmill

Donc voilà, pas mal de nouveautés, c'est à chaque fois de plus en plus impressionnant


Jour 19


Le jour 19 arrive rapidement après le jour 18 car il y a une bonne nouveauté qui fera sans aucun doute plaisir à entendre !
J'ai terminé l'algo des sphères englobantes pour ne pas "chercher" à afficher les objets qui ne sont pas à l'écran.
Une petite explication plus détaillée
Lors du chargement de la map, un premier algorithme génère pour chaque objet une sphère qui englobe tous ses points. Lors du rendu, un second algorithme test pour chaque objet, si sa sphère est intersecte ou est incluse dans le champ de vision de la caméra. Si c'est le cas, on dessine l'objet, dans le cas contraire l'objet est ignoré.

Soit N le nombre de point d'un objet composant un objet, au lieu de calculer à chaque fois N points, on calcule au pire N+1 (N+centre de la sphère) ou au mieux 1 point. C'est très rentable !
Voici une animation représentant 2 sphères. La rouge est hors du champs de vision, la verte est dans le champs de vision.
Le gain en fps est d'autant plus important que le nombre d'objet hors du champs de vision est important. Donc impossible d'exprimer un gain fixe en fps.
Voici un comparatif :
Cas n°1, la map est peu chargée (celle en exterieur)
                                          avant   après
Tous les objets hors du champs de vision :  67       85
La moitié des objets dans le champs :       28       32

Cas n°1, la map est fort chargée (j'ai ajouté 15 moulins sur la map)
                                          avant   après
Tous les objets hors du champs de vision :  35       83
La moitié des objets dans le champs :       22       32

On remarque qu'avec cette méthode, les objets hors ne baisse pas (ou très peu) les performances.
En plus de cela, ça m'ouvre des opportunités pour de nouvelles foncionnalités


Jour 20

Une petite nouveauté dont je parlais précédemment : le trie des objets en fonction de la distance à la caméra.
Windmill trie en continue les objets pour afficher ceux qui sont les plus près en premier. En vérité Il trie les sphères englobantes.

Par exemple, j'ai placé 7 "murs" les uns derrière les autres.

Quand les objets sont dessinés du plus loin au plus proche : 10 fps
Quand les objets sont dessinés du plus proche au plus loin : 17 fps
Le trie permet garantir le second cas.
Cette fonctionnalité permet d'ajouter encore des objets sans perte majeure de performances


Jour 21


Bon... Ça fait un bon moment que je vous promets une démo pour le fameux et si attendu "jour 21".
Depuis le jour 20 il y a eu de gros changements, en interne comme en externe, visibles ou non visibles.
Je vais vous présenter l'ensemble de nouveautés en attendant la prochaine démo, qui sera pour le jour 22 du coup.

D'abord... Windmill gère les collisions avec le décors !!!
J'ai intégré un algorithme qui génèrement automatiquement au chargement de la carte des boites de collision à partir du modèle 3D. Donc le personnage bute sur les murs d'une maison, mais peut aussi monter sur une caisse. En effet le moteur de collision fonctionne dans les 3 dimensions.

Ensuite... Windmill intègre un algorithme de post traitement de l'image.
Cet algorithme détecte les contours des objets et les dessine en noir. Ceci permet de mieux apprecier les volumes.
Et surtout, il simplifie la création des modèle 3D (je développerai pourquoi plus tard)


Après... Windmill gère les "décorations".
Il s'agit d'objets que l'on peut poser en superposition sur les murs pour ajouter du détail. L'objectif est encore une fois de simplifier (énormément) la création des modèles 3D. Avant, pour ajouter une porte sur un mur, il fallait découper le mur en plusieurs parties pour éviter les bugs d'affichage. Maintenant, il suffit de placer la porte où on veut par dessus un unique mur.

Il reste néanmoins quelques petits bugs d'affichage avec cette méthode, mais elle fonctionne 90% du temps.

Enfin... beaucoup de remaniement en interne
J'ai nettoyé l'ensemble du code. Il y a maintenant une gestion par scene facilitant la gestion des différentes parties du jeu : l'écran titre est une scene, la map est une autre scene, le menu de sauvegarde sera une scene...
Modification de l'étalement des textures sur les objets
Ajout d'un moteur de création rapide de map, il permet de sélectionner, déplacer et tourner un objet en affichant en direct ces coordonnées. C'est une scene de debug extremment utile pour agencer les objets sur la carte.
Réunion de toutes les variables à sauvegarder dans une même classe, en prévision de la sauvegarde/chargement de partie.
Diverses améliorations

Le jeu tourne forcement moins vite avec l'ajout de ces nouvelles fonctionnalités. Le moteur physique n'influe presque pas, par contre le post traitement diminue entre 5 et 15% les fps. Je dispose cependant toujours de pistes d'optimisation, mais elle ne seront pas fabuleuses non plus. Quoi qu'il en soit, Windmill est toujours parfaitement jouable !




Utilisez vous même Windmill ! (dernière maj : jour 17)
Le fichier G1A est maintenant disponible en téléchargement ⇩⇩⇩

Infos démo
Cliquer pour enrouler
Touches 4,5,6,2 pour se déplacer
Replay pour tourner la vue
x et ÷ pour monter et descendre
EXE pour interagir

Actions possibles : entrer/sortir dans la maison
ouvrir/fermer la trappe

Pour fermer l'appli, il faut retirer les piles, c'est pas une blague haha


Fichier joint


Pages : Précédente1 ... , 16, 17, 18, 19, 20, 21, 22Suivante
NinestarsHors ligneMembrePoints: 2143 Défis: 22 Message

Citer : Posté le 11/12/2018 23:25 | #


Merci ! En effet, le rendu est vraiment mieux. En fait je suis preque obligé de mettre ce post traitement pour simplifier les textures. Je developperai avec des exemples avant/après à un autre moment Seulement je perds entre 5 et 15% de fps...

J'ai fais avec un accès à la vram par octet entier, c'est moins performant. De pas beaucoup mais moins performant qand même : 24 à 23fps
bool flag = false;
    char i_mod_8;
    for (int i = 0; i<z_buffer_size; i++)
    {
        i_mod_8 = i & 7;
        current = z_buffer[i];
        if (current == MAX_DEPTH_Z_BUFFER)
        {
            if (flag == true)
            {
                mask |= 128 >> i_mod_8;//((i-1) & 7);
                flag = false;
            }
        } else {
            if (flag == false)
            {
                mask |= 128 >> i_mod_8;
                flag = true;
            }
        }
        if (i_mod_8 == 7)
        {
            //if (mask > 0)
                vram[i>>3] |= mask;
            mask = 0;
        }
    }
Je pense que ça vient principalement du fait le nombre d'accès à la vram est trop faible. Et du coup le gain est annulé par le calul de i_mod_8 et la condition supplémentaire.
J'ai fait le calcul, pour ma vue actuelle, on ecrit environ 100 pixel noirs pour 128*64 pixels. Soit 1,3% du temps.

1. Ok mais je vois pas à quoi ça pourrait servir

3. Pas compris

5. Ok je vais réflechir à cette piste

[2]. Oui c'est bien possible. C'est que l'on risque d'écrire de nombreux 00000000 dans la vram. mais s'il y a un gain, on s'en fiche. La logique de l'ago en fait c'est. Je parcours tout le z_buffer, dès qu'il y a un changement de valeur (MAX_DETPH_Z_BUFFER ou pas) je dessine un pixel noir au même endroit dans la vram).

Ajouté le 11/12/2018 à 23:57 :
J'ai eu une superbe idée !
J'ai vraiment accéleré l'algo. L'idée :
Je parcours le tableau de 2 en 2, et si je detecte un changement je vérifie l'état du pixel juste à gauche. Ça divise presque par deux le temps de l'algo. Ça laisse quelques cas particulier, notamment si j'ai un objet de 1px de largeur sur un x impaire, je vais pas le détecter. Mais bon, le rsique est très faible, sachant que ce pixel est peut être déjà noir en plus du fait de l'objet lui-même.
Bingo !
bool flag = false;
    for (int i = 0; i<z_buffer_size; i+=2)
    {
        current = z_buffer[i];
        if (current == MAX_DEPTH_Z_BUFFER)
        {
            if (flag == true)
            {
                if (z_buffer[i-1] == MAX_DEPTH_Z_BUFFER)
                {
                    // il y avait rien juste a gauche
                    mask = 128 >> ((i-2) & 7);
                    vram[(i - 2 - z_buffer_offset)>>3] |= mask;
                    flag = false;
                } else {
                    // l objet commencait en fait 1 pixel a gauche
                    mask = 128 >> ((i-1) & 7);
                    vram[(i - 1 - z_buffer_offset)>>3] |= mask;
                    flag = false;
                }
            }
        } else {
            if (flag == false)
            {
                if (z_buffer[i-1] == MAX_DEPTH_Z_BUFFER)
                {
                    // il y avait rien juste a gauche
                    mask = 128 >> (i & 7);
                    vram[(i - z_buffer_offset)>>3] |= mask;
                    flag = true;
                } else {
                    // l objet commencait en fait 1 pixel a gauche
                    mask = 128 >> ((i-1) & 7);
                    vram[(i - 1 - z_buffer_offset)>>3] |= mask;
                    flag = true;
                }
            }
        }
    }
Peut-être quelques ajustements, mais l'idée est là
LephenixnoirHors ligneAdministrateurPoints: 13923 Défis: 136 Message

Citer : Posté le 12/12/2018 07:34 | #


Ah, mais en fait, tout n'était pas clair sur l'algorithme pour moi. En fait tu ne dessines que du noir en plus dans la VRAM, c'est un post-traitement après l'affichage déjà fini et les écritures sont statistiquement rares sur l'ensemble des pixels.

Comme tu as déjà fait une opti sur la méthode de ton algo, on peut repartir du dernier code que tu as posté.

Ici, je vois que tu as z_buffer[i-1] == MAX_DEPTH_Z_BUFFER dans les deux branches. Cette comparaison peut probablement être optimisée en assembleur (je détaillerai quand tu auras fixé ton algo, parce que l'assembleur est difficile à éditer une fois écrit).

Ensuite, tu as la technique que j'ai mentionnée, qui consiste à évaluer la condition comme un booléen (toujours représenté par un entier valant 0 ou 1) et l'utiliser dans ton arithmétique, évitant à chaque fois la branche if/else la plus profonde en écrivant juste i -= (z_buffer[i-1] == MAX_DEPTH_Z_BUFFER).

Ce serait un début.
YatisEn ligneMembrePoints: 374 Défis: 0 Message

Citer : Posté le 12/12/2018 09:38 | #


Je ne suis pas un expert en C mais perso j'aurais fait comme ça:

bool flag = false;
int i;

i = 0;
while (i < z_buffer_size){
    if (z_buffer[i] == MAX_DEPTH_Z_BUFFER){
        if (flag == true){
            flag = false;
            if (z_buffer[i-1] == MAX_DEPTH_Z_BUFFER){
                        mask = 128 >> ((i-2) & 7);
                        vram[(i - 2 - z_buffer_offset)>>3] |= mask;
                    } else {
                        mask = 128 >> ((i-1) & 7);
                        vram[(i - 1 - z_buffer_offset)>>3] |= mask;
                    }
        }
    } else {
        if (flag == false){
            flag = true;
            if (z_buffer[i-1] == MAX_DEPTH_Z_BUFFER){
                        mask = 128 >> (i & 7);
                        vram[(i - z_buffer_offset)>>3] |= mask;
                        
                    } else {
                        mask = 128 >> ((i-1) & 7);
                        vram[(i - 1 - z_buffer_offset)>>3] |= mask;
                    }
        }
    }
    i += 2;
}


Il n'y a pas grand-chose, juste l'assignation du flags qui a bougé de place et j'ai viré la boucle for() qui ne sera jamais aussi rapide qu'un while() (en assembleur (du moins de ce que j'ai déjà déassemblé)) (au passage, c'est ça qui m'a permis de gagner ~5 Fps sur ton anceint algo de rotation, sans avoir à toucher à la logique du code).
J'espère pas avoir trop dit de bêtise
LephenixnoirHors ligneAdministrateurPoints: 13923 Défis: 136 Message

Citer : Posté le 12/12/2018 10:16 | #


Si le for est plus lent que le while sur le compilo que tu utilises, alors il faut tout écrire en assembleur !
Dark stormHors ligneMembre d'honneurPoints: 10762 Défis: 174 Message

Citer : Posté le 12/12/2018 10:23 | #


Lephenixnoir a écrit :
Si le for est plus lent que le while sur le compilo que tu utilises, alors il faut tout écrire en assembleur !

Hitachi…
Finir est souvent bien plus difficile que commencer. — Jack Beauregard
Páranÿe quetë Quendya
NinestarsHors ligneMembrePoints: 2143 Défis: 22 Message

Citer : Posté le 12/12/2018 16:28 | #


D'accord merci pour vos suggestions, je vais voir si ça apporte quelque chose
DisperseurEn ligneMembrePoints: 1123 Défis: 0 Message

Citer : Posté le 19/12/2018 19:37 | #


Alors ? Ça fonctionne ?
Fonctions 3D
Meilleurs programmes
Cliquer pour enrouler
NinestarsHors ligneMembrePoints: 2143 Défis: 22 Message

Citer : Posté le 20/12/2018 00:14 | #


Si tu fais référence à ce dont on parlait juste au dessus, je n'y ai pas davantage touché, je garde ces remarques pour plus tard quand je ferai une passe d'optimisation sur mon code

Jour 21


Bon... Ça fait un bon moment que je vous promets une démo pour le fameux et si attendu "jour 21".
Depuis le jour 20 il y a eu de gros changements, en interne comme en externe, visibles ou non visibles.
Je vais vous présenter l'ensemble de nouveautés en attendant la prochaine démo, qui sera pour le jour 22 du coup.

D'abord... Windmill gère les collisions avec le décors !!!
J'ai intégré un algorithme qui génèrement automatiquement au chargement de la carte des boites de collision à partir du modèle 3D. Donc le personnage bute sur les murs d'une maison, mais peut aussi monter sur une caisse. En effet le moteur de collision fonctionne dans les 3 dimensions.

Ensuite... Windmill intègre un algorithme de post traitement de l'image.
Cet algorithme détecte les contours des objets et les dessine en noir. Ceci permet de mieux apprecier les volumes.
Et surtout, il simplifie la création des modèle 3D (je développerai pourquoi plus tard)


Après... Windmill gère les "décorations".
Il s'agit d'objets que l'on peut poser en superposition sur les murs pour ajouter du détail. L'objectif est encore une fois de simplifier (énormément) la création des modèles 3D. Avant, pour ajouter une porte sur un mur, il fallait découper le mur en plusieurs parties pour éviter les bugs d'affichage. Maintenant, il suffit de placer la porte où on veut par dessus un unique mur.

Il reste néanmoins quelques petits bugs d'affichage avec cette méthode, mais elle fonctionne 90% du temps.

Enfin... beaucoup de remaniement en interne
J'ai nettoyé l'ensemble du code. Il y a maintenant une gestion par scene facilitant la gestion des différentes parties du jeu : l'écran titre est une scene, la map est une autre scene, le menu de sauvegarde sera une scene...
Modification de l'étalement des textures sur les objets
Ajout d'un moteur de création rapide de map, il permet de sélectionner, déplacer et tourner un objet en affichant en direct ces coordonnées. C'est une scene de debug extremment utile pour agencer les objets sur la carte.
Réunion de toutes les variables à sauvegarder dans une même classe, en prévision de la sauvegarde/chargement de partie.
Diverses améliorations

Le jeu tourne forcement moins vite avec l'ajout de ces nouvelles fonctionnalités. Le moteur physique n'influe presque pas, par contre le post traitement diminue entre 5 et 15% les fps. Je dispose cependant toujours de pistes d'optimisation, mais elle ne seront pas fabuleuses non plus. Quoi qu'il en soit, Windmill est toujours parfaitement jouable !


LephenixnoirHors ligneAdministrateurPoints: 13923 Défis: 136 Message

Citer : Posté le 20/12/2018 06:21 | #


Waah, le rendu du post-traitement vaut la peine que tu te donnes à l'optimiser, bravo ! Je suis impatient de jouer à la prochaine démo.

Pour mon information, niveau perfs, ça tourne où du coup avec 5%-15% de FPS en moins ?
DisperseurEn ligneMembrePoints: 1123 Défis: 0 Message

Citer : Posté le 20/12/2018 07:21 | #


Bah la bravo encore une fois. C'est impressionnant d'autant mluq que ça m'as l'air de mlus en plus realiste !

Ajouté le 20/12/2018 à 07:22 :
Je me disait, de manière ergonomique, un menu serait le bienvenu pour choisir quelle map jouer etc..
Fonctions 3D
Meilleurs programmes
Cliquer pour enrouler
NinestarsHors ligneMembrePoints: 2143 Défis: 22 Message

Citer : Posté le 20/12/2018 11:00 | #


Merci !
En effet le post traitement est indispensable. Et en fait, je viens de penser à quelque chose.
D'un côté il diminue les perfs par son propre fonctionnement,
D'un autre côté, il fait gagner des perfs car avant pour afficher un mur blanc, j'utilisais une texture normale, remplie de blanc avec un trait noir à gauche et un trait noir à droite. Cela permettait d'avoir des contours pour afficher les angles des murs. Donc il s'agissait d'une "vraie" texture qui consomme autant que n'importe quelle autre. Alors qu'avec le post traitement j'utilise tex_white qui est une version optimisée. C'est le post traitement qui s'occupe alors de dessiner les contours.
Donc ça compense !
A chiffrer mais je pense même gagner des fps en vérité

D'accord Disperseur, je prends note
CaptainluigiHors ligneMembrePoints: 172 Défis: 0 Message

Citer : Posté le 20/12/2018 13:28 | #


Vous savez à quoi ce projet de faire fonctionner de la 3D sur une machine normalement 2D me fait penser ?
À un jeu sorti sur la game boy advance : monkey ball quelque chose : il comportait un environnement 3d sur une machine ne pouvant normalement pas faire fonctionner la 3D .

Vraiment super boulot , vu que c'est un projet qui démarre de rien pour faire un truc fantastique en pas beaucoup de temps
It's me , Luigi !!!
LenoHors ligneMembrePoints: 66 Défis: 0 Message

Citer : Posté le 20/12/2018 19:03 | #



Je n'ai rien d'autre à rajouter.
Hey! Look! Listen!
Calto: G90+E; G35+USB non tweaké; G25+
NinestarsHors ligneMembrePoints: 2143 Défis: 22 Message

Citer : Posté le 20/12/2018 21:51 | #


Je viens de regarder en vidéo le jeu monkey ball advance. Avec Windmill c'est très facilement faisable de réaliser un jeu comme ça
Merci Leno
DisperseurEn ligneMembrePoints: 1123 Défis: 0 Message

Citer : Posté le 21/12/2018 07:02 | #


Tu va nous faire un beau cadeau de noel comme ca !
Fonctions 3D
Meilleurs programmes
Cliquer pour enrouler
CaptainluigiHors ligneMembrePoints: 172 Défis: 0 Message

Citer : Posté le 21/12/2018 09:46 | #


Ninestars a écrit :
Je viens de regarder en vidéo le jeu monkey ball advance. Avec Windmill c'est très facilement faisable de réaliser un jeu comme ça
Merci Leno



Je parlais simplement en comparant , Ninestars , , j'ai jamais dit que je voulais qu'il soit fait XD
It's me , Luigi !!!
RedeyesHors ligneMembrePoints: 255 Défis: 1 Message

Citer : Posté le 23/12/2018 15:06 | #


Content de voir de nouvelles performances accrues. Je n'ai absolument rien a dire...
Be perseverant in all that you undertake, and get stronger everytime... Shining hope
MactulHors ligneMembrePoints: 292 Défis: 0 Message

Citer : Posté le 02/02/2019 14:50 | #


Est-ce que Windmill continue d'avancer, ou on est au point mort ?
Quand pourra-t-on tester ce qu'il c'est passé entre le jour 17 et 21 ?
Mes programmes
Cliquer pour enrouler
Ne0tuxHors ligneMembre d'honneurPoints: 3240 Défis: 261 Message

Citer : Posté le 02/02/2019 18:45 | #


Je crains d'être partiellement responsable d'un éventuel retard du projet. Il se pourrait que j'aie transmis à 9* la passion de l'impression 3D, qui n'est pas connue pour être une activité qui libère du temps.

Ceci étant il m'a assuré qu'il progressait sur Windmill et qu'il ne le sortirait que lorsqu'il estimait sa production bien ficelée et surtout jouable.
Mes principaux jeux : Ice Slider - CloneLab - Arkenstone

La Planète Casio est accueillante : n'hésite pas à t'inscrire pour laisser un message ou partager tes créations !
LephenixnoirHors ligneAdministrateurPoints: 13923 Défis: 136 Message

Citer : Posté le 02/02/2019 18:56 | #


Ah ben bravo ! C'est malin !
LepianoteurHors ligneMembrePoints: 188 Défis: 0 Message

Citer : Posté le 02/02/2019 19:14 | #


ouf super j'ai cru vu le manque de nouvelle que le projet étais mourant donc c'est cool si il est toujours là ça serais dommage de gâché autant de potentiel
*pat pat pat pat pat pat tap tap pat* je pianote
Pages : Précédente1 ... , 16, 17, 18, 19, 20, 21, 22Suivante

Planète Casio v42 © créé par Neuronix et Muelsaco 2004 - 2019 | Il y a 73 connectés | Nous contacter | Qui sommes-nous ? | Licences et remerciements

Planète Casio est un site communautaire non affilié à Casio. Toute reproduction de Planète Casio, même partielle, est interdite.
Les programmes et autres publications présentes sur Planète Casio restent la propriété de leurs auteurs et peuvent être soumis à des licences ou copyrights.
CASIO est une marque déposée par CASIO Computer Co., Ltd