Le moteur 3d ECO
L'interface
On a toujours besoin d'une interface chez soi...
Explication : base de construction
Les éléments d'interface se construisent sur une base simple : control.create(dst, texParam, src).
* dst est un ORect_i (x,y w,h) en mode OpenGL, qui a donc l'origine dans le coin gauche en bas.
* src est un ORect_i en mode classique, avec son origine en haut à gauche (ce qui vous permet de facilement récupérer les coordonnées dans un éditeur d'image classique).
* texParam est une structure « width, heigth, Id » qui donne l'adresse de l'image et sa taille, nécessaire pour construire les controls.
* L'image est chargée grâce à la classe OTextureList :
déclaration (dans l'entete) OTextureList texurelist ;
dans la fonction OTextureList::P_setPath(dossier source de l'image) ;
chargement de l'image texturelist.add( nom de l'image (png-jpg) ) ;
récupération des données texParam = texturelist.getParam(nom de l'image) ;
Notez que le nom de l'image est une clef : deux images ayant le même nom, dans deux dossiers différents, pointeront sur la même clef !
1) C'est une série de label, avec ou sans fond, sur une ligne, multiligne, il y a même le hint de sous-texte des boutons.
2) Les boutons justement. Les boutons peuvent être une suite d'image, comme le morse.
3) Les checks, à droite, à gauche, avec ou sans texte.
4) Voici les radio-buttons, avec sélection simple, multiple ou sans.
5) Moins fréquents, les boutons roll : c'est en fait une liste déroulante, de texte (OButtonLst) ou de valeur (ObuttonSld slider).
6) Les onglets. Je ne les ai pas utilisés depuis des années, ils sont donc à un stade très basiques.
7) Les zones d'éditions. Vous pouvez même utiliser une fonte image !
8) Le texte à base d'images !
9) Le levelBox, qui peut être utilisé comme slider.
10) Le menu. Assez complexe à mettre en œuvre, qui a le mérite d'exister et de vous montrer comment faire.
11) Les images. J'utilise LonePNJ et son homologue JPG. On utilise souvent stb_image. Il faudra que j'en fasse l'adaptation...
12) Une simple image animée, l'une alignée horizontalement et l'autre verticalement.
13) Le progresseBox.
14) la barre d'état, à laquelle on peut ajouter les controls que l'on veut.
1) La liste de base, simple.
2) La liste grille de base.
3) La combo liste.
4) Une liste grille avec image.
5) Une autre liste grille.
6) LA liste complexe, qui mélange différents controls sur une même ligne. Idéale pour les inventaires !
1-4) Les boutons de jeu qui s'agrandissent quand on les survole.
2) celui-ci à même une animation !
3-4) ceux-ci se décalent.
5) la fameuse carte en disque ! Ici vous apprendrez à la faire, avec De Profondis vous la mettrez en place.
6) Le progress en cercle !
7) Une classe sprite pour vos personnages en 2d, ici associé à des levelBox.
>> Je développerai une aide pour mieux expliquer tout cela