Minecraft Cube Clicker

- Ce projet vous interresse ? Contactez-moi !

Les détails de ce projet

Dans le cadre d’un projet à l’école, j’ai appris à interagir avec un environnement 3D dans un navigateur web, via la librairie Three.js.

Après avoir passé en revue les notions de scène, shaders, calcul matriciel et autres vecteurs, j’avais pour but de coder un projet durant 4 jours. Le thème du projet étant libre.

Alors étant un fan inconditionnel du jeu Minecraft, j’ai décidé que mon jeu serait basé sur ça. Au début, je n’avais pas vraiment d’idées, juste un cube avec la texture de base du jeu. Je ne savais vraiment pas vers ou j’allais. Les consignes du projet donnaient une liste de critères pour valider l’idée, que voici :

Un objet 3D
Charger des textures dans la scène 3D
Utiliser au moins un shader
Avoir des effets de post-processing
Avoir plusieurs interactions avec l’environnement 3D
Charger un H.D.R.I
Être déployé en ligne
Avoir de la cohérence

Hormis la cohérence, j’ai réussi à tout mettre en place dès le second jour, il me restait donc 2 jours pour mettre en ligne et trouver de la cohérence à mon projet. Pour la mise en ligne, ce fut rapide.

Notre intervenant proposait d’héberger sur Github Pages, mais voulant absolument rentabiliser mon serveur Linux, j’ai préféré l’héberger moi-même. En 5 minutes c’était réglé, le temps de configurer le DNS et le fichier Nginx.

Vous avez lu le mot shader au moins 2 fois aujourd’hui, mais vous ne savez probablement pas ce que c’est. Si vous avez joué à Minecraft avec le mod Optifine, vous savez que c’est une sorte de fichier qui rend votre jeu beau et réaliste.

En réalité, un shader c’est du code qui sera exécuté sur la carte graphique. Contrairement à un programme classique, qui va être exécuté sur le processeur, le shader va effectuer des calculs pour déterminer (entre autres) la position et la couleur de chaque pixel de l’écran.

Pour des raisons de performances, la carte graphique est utilisée pour le rendu à l’écran, car les capacités de calculs en parallèle sont monstrueusement supérieures à un processeur.

Sur un coup de tête, j’ai décidé de faire un cookie clicker, le fameux style de jeux sans réel autre objectif que cliquer sur sa souris, pour gagner (ou pas) des récompenses fictives.

Le ciel vide de minecraft avec un cube de brique qui flote dans les airs. Au dessus, un texte 3D affichant le score.

Donc, dans mon super jeu, il faudra juste cliquer sur le cube, et il changera de texture. Et au bout d’un certain score, des effets de post-processing s’accumuleront pour rendre la scène toujours plus invivable :D

L'effet de Bloom cumulé avec un shader arc-en-ciel.

Le même cube précédent, avec un effet grisé.

‐ Le contenu de ce site appartient et reste sous la responsabilité de Yaakov Ferechteh far. Toute reproduction totale ou partielle du site et de son contenu est strictement interdite ‐ En me contactant par e-mail, vous acceptez que vos données personnelles (votre adresse mail, contenu de votre mail, etc.) soient traitées et conservées

Les détails de ce projet

Ce que j'ai appris

Il faut qu'on parle...