Game-3D_Visiting_HorrorHouse_in_ThreeJS

[French] Projet permettant de se déplacer en 3D dans une maison modélisée en Three JS sans aucune autre bibliothèque
[English] Project allowing 3D movement within a house modeled in Three JS without any other library

SOMMAIRE / SUMMARY

• Présentation en francais / Presentation in French
• Présentation en anglais / Presentation in English
• Tutoriel dans les deux langues / Tutorial in both languages

[FRANCAIS]

Projet en ThreeJS

Ce projet est un jeu qui propose une visite virtuelle d'une salle, réalisée UNIQUEMENT EN THREE JS (importée depuis un fichier .js, donc sans installation externe), sans aucune autre bibliothèque (tout a été fait à la main). Le joueur, représenté peut se déplacer à l'aide des touches suivantes :

• Z : Avancer
• D : Rotation de la caméra vers la Droite
• S : Reculer
• Q : Rotation de la caméra vers la Gauche
• P : Pencher la tête / Regarder vers le Haut
• M : Pencher la tête / Regarder vers le Bas

De plus, il est possible d'interagir avec les objets en appuyant sur le bouton "O" lorsqu'un objet est sélectionné (il devient vert), ce qui effectuera une modification sur l'objet.

Enfin, appuyer sur "L" allume et éteint la lampe torche.

(Il y a des collisions sur chaque objet de la scène, bien évidemment.)

Attention : il est possible que le programme rencontre rarement des bugs si votre ordinateur a des problèmes. Dans ce cas, veuillez le redémarrer.

Note

[lien pour lancer le jeu en ligne ] : https://d-theprogrammer.github.io/Game-3D_Visiting_HorrorHouse_in_ThreeJS/

Tip

il faut lancer un serveur Web local dans le répertoire contenant le fichier index.html à l’aide de la commande suivante :

python3 -m http.server 8000

Ensuite, visualisez le résultat en ouvrant la page http://localhost:8000/ dans un navigateur Web.

[ENGLISH]

Project in ThreeJS

This project is a game that offers a virtual tour of a room, created SOLELY IN THREEJS (imported from a .js file, therefore without external installation), without any other library (everything has been done manually). The player, represented, can move using the following keys:

• Z: Forward
• D: Camera rotation to the Right
• S: Backward
• Q: Camera rotation to the Left
• P: Tilt head / Look Up
• M: Tilt head / Look Down

Moreover, it is possible to interact with objects by pressing the "O" button when an object is selected (it turns green), which will perform a modification on the object.

Finally, pressing "L" turns the flashlight on and off.

(There are collisions on each object in the scene, obviously.)

Attention: It is possible that the program may encounter rare bugs if your computer has issues. In this case, please restart it.

Note

[link to start the game online ] : https://d-theprogrammer.github.io/Game-3D_Visiting_HorrorHouse_in_ThreeJS/

Tip

you must launch a local Web server in the directory containing the index.html file using the following command:

python3 -m http.server 8000

Then view the result by opening the page http://localhost:8000/ in a web browser

[Démo et Tutoriel / Demo and Tutorial]

[1] Le jeu accueille le joueur avec une explication des commandes / The game welcomes the player with an explanation of the controls

[2] L'extérieur de la maison sans lumière / The exterior of the house without light

[3] : Utilisation de la lumière : on voit que la porte est sélectionnée en vert, donc on peut interagir avec elle, sinon elle ne serait pas verte / Use of light: we can see that the door is selected in green, so we can interact with it, otherwise it wouldn't be green

[4]: Déplacement du personnage et ouverture/interaction avec la porte. / Character movement and opening/interaction with the door

[4] : Interieur de la maison / Choose the image to decrypt

[5] Il y a des collisions et des interactions avec des objets / There are collisions and interactions with objects