Skip to content

francescorizzello94/threejs-snowman

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Snowman Scene in Three.js

Description

This project is a Three.js-based 3D scene featuring an interactive snowman. Users can view a snowfall effect, manipulate the camera, and export the scene in GLTF format.

Features

  • 3D Snowman Model: A detailed 3D model of a snowman complete with a hat, eyes, nose, and arms.
  • Snowfall Effect: A dynamic snowfall animation that gives life to the scene.
  • Export Functionality: Users can export the current state of the snowman scene in GLTF format.
  • Interactive Camera Controls: Users can rotate, zoom, and pan the camera to view the snowman from different angles using mouse controls.

Running the Project Locally

To run this project on your local machine, follow these steps:

  1. Clone the Repository (SSH)

    git clone git@github.com:francescorizzello94/threejs-snowman.git
    
  2. Install Dependencies

    Make sure you have Node.js installed, then run:

    npm install
    
  3. Start the Development Server

    npm run dev
    

    This will compile the project and serve it on localhost. The default port will be displayed in your terminal.

  4. View the Project

    Open your browser and go to http://localhost:port, where port is the number provided after running npm run dev.

Exporting the Scene

The scene can be exported by interacting with the GUI controls in the browser. Simply click the 'Export to GLTF' button to download the current state of the scene.

Contributions

Contributions are welcome! If you have suggestions or want to contribute to the project, please create a pull request or open an issue.

About

Threejs Snowman with Snow effect and GLTF export

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published