Another World (also known as Out of This World) is a classic video game known for its unique gameplay, stunning visuals, and challenging puzzles. In this tutorial, we will be taking a closer look at the game and exploring the world of Another World through HTML tags.
Let’s get started by creating a basic HTML document with the following code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Another World: Son Code Est Fou</title>
</head>
<body>
<h1>Welcome to Another World</h1>
<p>Son code est fou 😱</p>
</body>
</html>In this code, we have defined the basic structure of our HTML document. We have a document type declaration (<!DOCTYPE html>), an opening and closing <html> tag to enclose all the content, a <head> tag to contain metadata information, and a <body> tag to contain the visible content of our page.
Inside the <head> tag, we have specified the character encoding (<meta charset="UTF-8">) and the viewport settings (<meta name="viewport" content="width=device-width, initial-scale=1.0">). We have also set the title of our document to "Another World: Son Code Est Fou" using the <title> tag.
Within the <body> tag, we have added a <h1> tag to display the heading "Welcome to Another World" and a <p> tag to display the text "Son code est fou 😱" (which means "His code is crazy" in French).
Now, let’s enhance our page by adding some images and links related to Another World. We can use the <img> tag to display images and the <a> tag to create links.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Another World: Son Code Est Fou</title>
</head>
<body>
<h1>Welcome to Another World</h1>
<p>Son code est fou 😱</p>
<img src="another-world.jpg" alt="Another World">
<h2>Related Links:</h2>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Another_World_(video_game)">Another World on Wikipedia</a></li>
<li><a href="https://store.steampowered.com/app/233550/Another_World/" target="_blank">Another World on Steam</a></li>
</ul>
</body>
</html>In this updated code, we have added an <img> tag to display an image of Another World. The src attribute specifies the path to the image file, and the alt attribute provides alternative text for the image.
We have also created a list of related links using the <h2>, <ul>, and <li> tags. Each <li> element contains an <a> tag with a href attribute pointing to a relevant webpage about Another World. By setting the target="_blank" attribute, the links will open in a new tab when clicked.
By using these HTML tags, we have created a simple webpage dedicated to Another World, showcasing an image of the game and providing links to additional resources for further exploration. Feel free to customize the content and design of the page further to make it your own!
C'était un super jeu, très beau. Personnellement c'est Doom qui m'avait le plus impressionné à l'époque du point de vue de la performance des développeurs. Quand je vois tous ceux qui se font passer pour des développeurs de génie de nos jours, ils devraient en prendre de la graine…
Merci, chouette vidéo. J'aurais aimé en savoir plus sur comment les graphismes vectoriels sont affichés, voir un exemple d' affichage d'un asset.
Tu nous n'apprends rien frérot !!😅
J'ai adoré ce jeu a l'époque il etait aussi sur la k7 promotionnelle de la SNES
Salutation d'Algérie
oui ça me rappelle le jeu Flashback !!!
Variable X-Copy
Merci pour cette video tres intéressante. Eric Chahi est l’archétype du bon ingénieur.
Merci pour cette analyse ! Je vous conseille chaudement un autre jeu d'Eric Chahi de 2011 (en collab avec une petite équipe d'Ubisoft Montpellier) : From Dust, un jeu bac à sable (au sens propre, quasiment) dans lequel on aide la population autochtone d'une petite île à survivre face aux éléments tels que mer et volcans. J'ai bien aimé avoir l'impression de maîtriser la nature, jusqu'à ce que la simulation physique me montre à quel point je n'avais pas tout anticipé ^^
Impressionnant, en effet. J'aurais jamais fait aussi bien et j'admire beaucoup Eric Chahi. Je dois quand même avouer que je m'attendais à quelque chose d'un peu plus incroyable quand j'ai lu le titre et vu la longueur de la vidéo.
Au-delà de ça, sur une note plus philosophique, on peut remarquer que même avec ce talent de programmeur et de créateur, il n'est pas simple de faire plus d'un jeu mythique. Et on peut aussi remarquer qu'un jeu mythique un jour peut ne plus intéresser grand monde peu de temps après (hors nostalgiques). Beaucoup de gens ont claqué des sommes conséquentes pour jouer à Pong dans des bars, alors qu'aujourd'hui, personne ne paierait ne serait-ce que 50 centimes pour y jouer. On peut se demander pourquoi ce qui est génial un jour peut devenir sans intérêt le lendemain.
C'était très intéressant ^^.
Sujet intéressant, merci pour le partage!
Impressionnant d’avoir fait ça à 20 ans
On dirait une conférence c'est trop bien !! Merci beaucoup !!
Merci Monsieur Poncet, vos explications techniques sur les astuces en programmation informatique d'Eric Chadi sont passionnantes. Ce gars est super génial. 👍
J'avais un peu lu l'implémentation sur le site de fabien sanglard et c'est dingue en effet
Super intéressant merci! D'autres jeux ont utiliser cette machine virtuelle/moteurs ? Ce serait possible avec la version cpp ? (on a aussi accès au tool d'édition vectorielle/animations ?)
J'y ai joué sur Atari ST à l'époque. La qualité des animations était vraiment fantastique. Il ne faut pas oublier qu'a l'époque il n'y avait pas de calcul flottant, et donc juste l'affichage de polygon c'était galère (en zieutant le code, je vois que ça passe par du fixed precision floating point, comme on le faisait dans les démos)…
Je me demandais comment le script du jeu dans la VM récupérait les inputs pour contrôler le joueur. En zieutant le source, je vois qu'à chaque frame la VM set des variables avec la dernière touche pressée et la direction du mouvement dans des variables qui sont lues par les scripts.
Y-a-t-il quelqu'un qui a fait un reverse des scripts pour la VM?
Vidéo super intéressante.
Par contre si c’est la version Amiga, je suis étonné par la taille de 1,44Mo. Les disquettes SD faisaient 880ko, les HD 1,760Mo 🤔.
20:50 L'Amiga 500 affichait 32 couleurs en basse résolution (320×256 en Pal). Mais comme le ST ne pouvait afficher que 16 couleurs, les éditeurs ne s'embettaient pas refaire tout les graphismes en 32 couleurs juste pour l'Amiga, et nous nous retrouvions avec avec des graphismes niveau ST sur une machine qui faisaient le double de base.
il y avait tout de même certains éditeurs (bitmap brothers, psygnosis, team 17 fut même créer à cause de cette tendance) qui exploitaient l'Amiga correctement.
Salut Olivier ! toute ma jeunesse 🙂 Les productions d'Eric Chadi sont absolument inouïes pour l'époque. J'ai commencé sur Oric jeune ado et déjà il se démarquait par la qualité de sa prod, puis sur Amiga. Je ne m'étais jamais plongé dans la technique de ce jeu, c'est juste dingue comme démarche en 1990.