/3d-monsters-cards

Primary LanguageJavaScript

3D MOSTERS CARDS

Why do we seek to be scared? Why did we created monsters?

This tropes presented as 3D cards often tap into universal human fears, such as the fear of the unknown, the fear of death, or the fear of the supernatural. By creating monstrous creatures with exaggerated or grotesque features, we externalize our internal fears, giving them a tangible form.

To enter into the unknown, double click in your companion!

3d-monsters-card-demo-compressed.mp4

You can also see it deployed following this link

Tech

This application uses a number of open source projects to work properly:

  • React - A JavaScript library for building user interfaces
  • Next - The React Framework for the Web
  • React Three Fiber - A React renderer for Three.js.
  • Drei - Useful helpers for react-three-fiber
  • Framer Motion - A production-ready motion library for React.
  • Zustand - 🐻 Bear necessities for state management in React
  • Maath - 🪶 Math helpers for the rest of us

Aditional Tools

  • Blockade Labs - AI-powered tool for generating 360° textures from text prompts.
  • Cute 3D Models - Cute Animated Monsters Pack by Quaternius - Licence CC

Installation

  1. Clone this repository.
$ git clone https://github.com/Natali-PP/3d-monsters-cards.git
  1. Once cloned, go to the cloned directory and install the dependencies
$ cd 3d-monsters-cards
$ npm install
  1. To run the development environment
$ npm run dev

Made with ❤️ by Natalí Palacio Pastor - 2023 Argentina ⭐⭐⭐

License

MIT

Open Source, Hell Yeah!