NightmareFolio

This project is an exciting interactive experience built using React, Three.js, and enable3d. It combines the power of these technologies to create three captivating scenes: the start scene, a React shooting scene, and a Mario-inspired 2D/3D perspective game.

Technologies Used

React:

A popular JavaScript library for building user interfaces.

Three.js:

A cross-browser JavaScript library/API used for creating and displaying 3D computer graphics in a web browser.

enable3d:

A powerful extension for Three.js that enhances its capabilities and simplifies common tasks.

react trigger state

My own library to manage states throughout React components.

gt design

My own design system with i18n support.

Scenes

Start Scene

The start scene sets the stage for the entire experience. It welcomes the user with visually appealing graphics and engaging animations. The scene creates a sense of anticipation and excitement, drawing the user into the project. PLAY

React Shooting Scene

In the React shooting scene, the user takes control of a character in a thrilling shooting game. The scene leverages the interactive capabilities of React to create a dynamic gaming experience. The enable3d library enhances the graphics and physics, making the shooting scene visually stunning and immersive. Will you be able to defeat React? PLAY

Mario 2D/3D Perspective Game

The final scene takes inspiration from the iconic Mario games, providing an exciting 2D or 3D perspective game. Users can navigate through the game world, collecting coins, overcoming obstacles, and facing challenges. The combination of React, Three.js, and enable3d enables the creation of a rich and enjoyable gaming experience. PLAY 3D: 2D:

Credits:

"3DS - Mario & Luigi Paper Jam - Mario" (https://skfb.ly/owvDO) by ProfessionaLidiot123:) is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Animated Goomba (Super Mario Bros)" (https://skfb.ly/6CWNx) by Yanez Designs is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Super Mario Bros. Level 1 - 1" (https://skfb.ly/oppOW) by Alfking49 is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Super Mario Stuff" (https://skfb.ly/6YUOC) by jamethy is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Low Poly Cloud" (https://skfb.ly/69Qnw) by Hyungjung Kim is licensed under Creative Commons Attribution-NonCommercial (http://creativecommons.org/licenses/by-nc/4.0/).

"Clouds" (https://skfb.ly/UAww) by farhad.Guli is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Cloud Test" (https://skfb.ly/NK7C) by Andrea Marziano is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Desert ruins #MedievalRemixChallenge" (https://skfb.ly/6zEDQ) by Artbake Graphics is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

DanaMusic - Happy Acoustic Folk https://www.youtube.com/watch?v=g4UrR-Vx5kU

"React logo" (https://skfb.ly/oERzY) by xenadus is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Classic M4" (https://skfb.ly/oFxUS) by Mateusz Woliński is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Medieval Archery Target" (https://skfb.ly/6WR8z) by CaptainHC is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Mystery Block - Super Mario Odyssey" (https://skfb.ly/o7DoX) by Islide is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Mario | Funko Pop Bros." (https://skfb.ly/66VnA) by mdsd95 is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Tensions Run High by Soundridemusic" (https://www.youtube.com/watch?v=Ly9H63SLJJo) Music: Tensions Run High by Soundridemusic

"We are the champions - Queen" (https://www.youtube.com/watch?v=04854XqcfCY)

"GitHub Octocat" (https://skfb.ly/oHnR9) by pissang is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

Can I use?

Yeah, you can fork and do whatever you want with this project! I'd be extremely happy :D