ANOTHER WORLD
UNE BELLE LEÇON D’ARCHITECTURE LOGICIELLE
ANOTHER WORLD
Une belle leçon d’architecture logicielle
ANOTHER WORLD
MAIS QU'EST-CE DONC ?
UN JEU VIDÉO CULTE !
Cultissime même !
EN QUELQUES MOTS
Pour une expérience cinématographique
L'oeuvre d'un seul homme (quasiment)
Et Interplay aux États-Unis
🤯🤯🤯
NOVEMBRE 1991 ?
WTF ?!?!
LE PACKAGE
⚙️ pesant seulement 24Ko ⚙️
🎨 pesant au total 1,2Mo 🎼
UNE SEULE DISQUETTE 💾
(Haute densité 1,44Mo)
LA TECHNIQUE
📽️ Pour de belles animations et séquences cinématiques 🎞️
🎼 Pour une musique et des effets sonores inoubliables 🎵
🤯 Un bytecode pour les gouverner tous 🔥
ÉRIC CHAHI
LE MAGICIEN
ÉRIC CHAHI
La bio express
ET GAME DESIGNER
Né en 1967 à Yerres (91)
DU JEU VIDÉO EN FRANCE
Durant les années 80 et 90
Démarre sa carrière sur Oric Atmos
« Frog », « Carnaval »
Amstrad CPC
« Infernal Runner », « Le pacte »
Amiga et Atari ST
« Jeanne d'Arc», « Voyage au centre de la Terre »
« Les voyageurs du temps »
Comme graphiste avec Paul Cuisset
Débute Another World
Qu'il développera pendant deux ans
CRÉATION DU JEU
LES OUTILS
LE MATÉRIEL
Le top de l'époque
Avec 1Mo RAM et un HDD de 20Mo
Avec un caméscope et un magnétoscope
pour enregistrer les bruitages
LE LOGICIEL
Créé pour l'occasion
DE LA ROTOSCOPIE
Pour certaines animations
DES PEINTURES ET DESSINS
Pour inventer tout un monde
LE MOTEUR
ENTRONS DANS LE VIF DU SUJET
UNE ARCHITECTURE SIMPLE
Mais très efficace
LES RESSOURCES
LA PIERRE ANGULAIRE
LES RESSOURCES
La pierre angulaire
LES TYPES DE RESSOURCES
Sept types différents
- Les sons
- Les musiques
- Les images
- Les palettes
- Les scripts (bytecode)
- Les polygones des niveaux
- Les polygones communs
ORGANISATION DES RESSOURCES
1 index, 13 banques, 146 ressources
ANATOMIE D'UNE RESSOURCE
Dans le fichier MEMLIST.BIN
AVEC L'ALGORITHME BYTEKILLER
BYTEKILLER ?
OUVRONS UNE PARENTHÈSE
L'ALGORITHME BYTEKILLER
En bref ...
- Assez répandu sur la scène Amiga
- Relativement efficace
- Économe en mémoire
- Facile à implémenter
- Codage entropique fixe et non adaptatif
- Utilisation d'une fenêtre glissante
- Fonctionne à rebours
L'ALGORITHME BYTEKILLER
Son fonctionnement
L'ALGORITHME BYTEKILLER
Quelques détails techniques
L'ALGORITHME BYTEKILLER
Quelques détails techniques
FERMONS LA PARENTHÈSE
QUELQUES STATISTIQUES
Tout le monde aime les stats
LA MACHINE VIRTUELLE
LE COEUR DU RÉACTEUR
LA MACHINE VIRTUELLE
Le cœur du réacteur
LA MACHINE VIRTUELLE
En bref
Architecture de type Harvard
Stockage des données en big-endian
64 threads, 256 registres, 1 pile
Multithreading coopératif
5 groupes d'instructions
29 instructions de base
219 opcodes
LA MACHINE VIRTUELLE
À la loupe
LES THREADS
Le cerveau de la VM
LES REGISTRES
La mémoire de travail
LE BYTECODE
En bref
Chaque instruction a un/plusieurs opcode(s)
Chaque opcode est codé sur un octet
Chaque instruction/opcode peut avoir des paramètres
Le jeu d'instruction n'est pas orthogonal
LE BYTECODE
Cinq groupes d'instructions
- load and store
- arithmetic and logic
- jump and call
- thread management
- resource management
LE BYTECODE
Les vingt-neuf instructions
LOAD AND STORE
Charger et stocker des valeurs
- setr [dst],[src] ([dst] = [src])
- seti [dst],{i16} ([dst] = {i16})
ARITHMETIC AND LOGIC
Calculer et manipuler les bits
- addr [dst],[src] ([dst] += [src])
- addi [dst],{i16} ([dst] += {i16})
- subr [dst],[src] ([dst] -= [src])
- andi [dst],{i16} ([dst] &= {i16})
- iori [dst],{i16} ([dst] |= {i16})
- lsli [dst],{i16} ([dst] <<= {i16})
- lsri [dst],{i16} ([dst] >>= {i16})
JUMP AND CALL
Gérer les branchements de code
- jump {address}
- jump {condition},[rg1],[rg2],{address}
- jump {condition},[reg],{i16},{address}
- jump {condition},[reg],{i08},{address}
- dbra [reg],{address}
- call {address}
- ret
CJMP INSTRUCTION
Les sauts conditionnels
THREAD MANAGEMENT
Gérer les fils d'exécution
- start {thread},{address}
- reset {from-thread},{to-thread},{state}
- yield
- halt
RESOURCE MANAGEMENT
Exploiter les resources
- load {resource-id}
- fade {palette-id}
- page {page-id}
- fill {page-id},{color}
- copy {dst-page},{src-page}
- show {page-id}
- print {id},{x},{y},{col}
- sound {id},{pitch},{volume},{channel}
- music {id},{delay},{position}
- poly1 {offset},{x},{y},{zoom}
- poly2 {offset},{x},{y}
POLY1 INSTRUCTION
Dessiner des polygones avec contrôle
POLY2 INSTRUCTION
Dessiner des polygones simplement
SOUS-SYSTÈME VIDÉO
AFFICHER LE JEU
SOUS-SYSTÈME VIDÉO
Afficher le jeu
LES FRAMEBUFFERS
Quatre pages et double buffering
LES OBJETS
Une hiérarchie de polygones
LES POLYGONES
Dessiner les polygones
LE RENDU
Pipeline de rendu
Les scènes sont rendues de l'arrière vers l'avant
Les scènes rendues sont mises en cache
Le cache est utilisé pour afficher les scènes
Les objets sont ensuite rendus
LE RENDU
L'algorithme du peintre
LE RENDU
Mise en cache et rendu global
LES PALETTES
Colorer le monde
Chaque niveau dispose d'un groupe de palettes
Chaque groupe contient deux sous-groupes de palettes
・・・
🢂 32 palettes de 16 couleurs
RGB444 (12 bits)
🢂 32 palettes de 16 couleurs
index + RGB444 (4 bits + 12 bits)
LES PALETTES
Colorer le monde
LES PALETTES
En images
LA TRANSPARENCE
Un trick simple et efficace
Si couleur(polygone) == 16
Alors couleur(pixel) = couleur(pixel) | 8
LA TRANSPARENCE
En images
LE MASQUAGE
Un autre trick simple et efficace
Si couleur(polygone) > 16
Alors couleur(pixel) = couleur(pixel[page_source])
LE MASQUAGE
En images
SOUS-SYSTÈME AUDIO
AMBIANCER LE JEU
SOUS-SYSTÈME AUDIO
Ambiancer le jeu
LE ROYAUME DES SAMPLES
Quatre canaux PCM 8-bits
LES SONS ET LES EFFETS
L'ambiance sonore
LA MUSIQUE
Les génériques
LA MUSIQUE
Utilisation d'un tracker
SOUS-SYSTÈME D'ENTRÉES
PILOTER LE JEU
SOUS-SYSTÈME D'ENTRÉES
Piloter le jeu
PILOTER LE JEU
Interagir avec la VM
POUR CONCLURE
LA BIG PICTURE
UNE ARCHITECTURE ÉLÉGANTE
Et assez audacieuse pour l'époque !
APPRENDRE DU PASSÉ
Il y a beaucoup à découvrir
LE JEU
EN VRAI
JOUER DANS LE NAVIGATEUR
MON IMPLÉMENTATION C++, SDL ET WASM
QUELQUES RÉFÉRENCES
POUR ALLER PLUS LOIN
ÉRIC CHAHI
Another World
GREGORY MONTOIR
Rewrite Of Another World
FABIEN SANGLARD
The Polygons Of Another World
FABIEN SANGLARD
Another World Bytecode Interpreter
CÉSAR BOTANA
Another World Suite
OLIVIER PONCET
Another World Interpreter
OLIVIER PONCET
Another World In Your Browser
A PROPOS DE MOI
UN PEU DE PERSONAL BRANDING
OLIVIER PONCET
Retrouvez-moi sur les réseaux
 |
||
| @ponceto91 | emaxilde.net | |
| @ponceto91 | github.com/ponceto/ | |
| @ponceto91 | gitlab.com/ponceto/ | |
| @ponceto91 | bitbucket.org/ponceto/ |
