Skip to content

This is a haunted house 3D website built using Three.js, a JavaScript library for creating 3D graphics on the web. The website features a spooky haunted house environment with a hidden message and a control panel to adjust the lights of the scene.

License

Notifications You must be signed in to change notification settings

adarshnjena/haunted_house

Repository files navigation

Haunted House 3D Website

Button

This is a haunted house 3D website built using Three.js, a JavaScript library for creating 3D graphics on the web. The website features a spooky haunted house environment with a hidden message and a control panel to adjust the lights of the scene.

Haunted House Screenshot

Table of Contents

Introduction

The Haunted House 3D website is designed to provide an immersive and eerie experience. It showcases the capabilities of Three.js and demonstrates how to create interactive 3D environments on the web. The website incorporates lighting effects, animations, and a hidden message to engage users in exploring the haunted house.

Features

  • Realistic 3D haunted house environment.
  • Interactive control panel to adjust lighting.
  • Hidden message waiting to be discovered.
  • Atmospheric sounds and spooky ambiance.
  • Smooth camera movement and navigation.
  • Cross-browser compatibility.

Installation

To run the Haunted House 3D website locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/adarshnjena/haunted_house
  2. Navigate to the project directory:

    cd haunted-house
  3. Launch a local development server. You can use Python's built-in server for this:

    python -m http.server
  4. Open your web browser and visit http://localhost:8000 (or the appropriate port specified by the server).

Usage

Once the website is up and running, you will be greeted by the haunted house scene. Feel free to explore the environment by moving the mouse or using the arrow keys for navigation.

As you navigate through the house, keep an eye out for clues or hidden objects that might lead you to the secret message.

Controls

The control panel on the website provides options to adjust the lighting of the scene. You can experiment with different lighting settings to enhance the spooky atmosphere. The control panel offers the following options:

  • Ambient Light Intensity: Adjusts the overall brightness of the scene.
  • Directional Light Intensity: Controls the intensity of the directional light source.
  • Spotlight Intensity: Controls the intensity of the spotlight.
  • Spotlight Angle: Adjusts the angle of the spotlight beam.

Use these controls to customize the lighting according to your preference and to create different moods within the haunted house.

Contributing

Contributions to the Haunted House 3D website are welcome! If you have any suggestions, bug fixes, or new features to propose, please submit a pull request. Before contributing, please review the contribution guidelines.

License

The Haunted House 3D website is licensed under the MIT License. You are free to modify, distribute, and use the code for personal and commercial purposes. Please refer to the LICENSE file for more details.


Enjoy exploring the Haunted House 3D website and unraveling its mysteries! If you have any questions or feedback, feel free to contact us.

About

This is a haunted house 3D website built using Three.js, a JavaScript library for creating 3D graphics on the web. The website features a spooky haunted house environment with a hidden message and a control panel to adjust the lights of the scene.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published