Skip to content

RADIOLARIA!! My magnum opus! My Capstone Project for Epicodus! Within this repo, you will find not only my final project, but some experiments and tutorials I put together in an effort to learn THREE.js, Matter.js, and Tone.js, as part of my project!

Notifications You must be signed in to change notification settings

GarrettBrown-dev/Radiolaria

Repository files navigation

🌋 Radiolaria!

My Capstone project for Epicodus!

DATE 03.15.2021



#### ✒️ By _**Garrett Dean Brown**_

📋 Description

Welcome to Radiolaria! My Capstone project for Epicodus! I'm extremely excited to bring this to life! My inspiration for this project comes from the 2005 video game, Electroplankton which was created by Toshio Iwai and released on Nintendo DS. The game was based on sounds and rhythms created by the player, and included serveral layouts in the form of different "plankton." For example, using the "Tracy" plankton would create different loops of sound, "Beatnes" provided the Super Mario Star Theme by default, and would repeat the beat the player tapped on the screen. There were 10 total plankton layouts provided. The game was considered as nothing more than a toy by some, and others saw a large amount of potential in it if it only had save functions and continuous support. The cartridge for the game was only ever released in Japan, and the various layouts were later brought as DSi Software. Unfortunately, the only way to play this nowadays is by finding a game-cart online... WHICH IS WHY I... WILL DO MY DAMNDEST TO RECREATE THESE TEMPLATES FOR THE GOOD AND FUN OF ALL... NINTENDO, PLEASE DO NOT SUE ME. D: I DON'T HAVE A LOT OF MONEY.

Of note!: This Repo/Directory will contain, not only the project itself, but my exploration into the technologies as well! As an example, this project will contain a THREExploration directory... You are more than welcome to view this! But it's being included for logging purposes. I will upload these individually as well!

Here are some screenshots of my works with the mentioned technologies!:

Three.js Cube Screensaver:

Tone.js Keyboard:

--Matter.js Examples--

Matter.js object removal example:

Matter.js constraint example:

Matter.js Angry Birds Clone:

--Radiolaria Screencap at time of writing this--

MVP's!:

  • Explore Tone.js, THREE.js, and Matter.js as options for project.
  • Create an environment reminiscent of the "Hanenbow" Template: A basic green background, with a simple "Plant."
  • Create objects that, on collision, create a sound.
  • Allow player to have control of at least one object on screen
  • Have a friggin awesome time!

Stretch Goals!:

  • Create all templates from the original game!
  • Allow users to save their layouts or rhythms for future use!
  • Create new templates for the world to enjoy!
  • The world relizes this is the future of music making and buys the idea off me, (With proper credit to Toshio) and gives me a billion dollars in royalties when Cher does another album exclusively using Radiolaria as the instrumental software.

⚙️ Setup/Installation Requirements

Software Requirements

  • An internet browser of your choice; I prefer Chrome
  • A code editor; I prefer VSCode

Open by Downloading or Cloning

Setup Instructions

  • After the repository is on your computer, navigate to the terminal and type in npm install
  • Next, npm start
  • View the page in the live server that opens

🐜 Known Bugs

This application is still a work in progress, therefore will probably contain a fair bit of bugs.

☎️ Support and Contact Details

Please feel free to reach out to me anytime!

💾 Technologies Used

  • HTML
  • JavaScript
  • CSS
  • THREE.js
  • Matter.js
  • Tone.js
  • P5 physics editor!
  • ...More? Maybe?

📜 Available Scripts

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

License

License: MIT

Copyright (c) 2021 Garrett Dean Brown ⚖️

About

RADIOLARIA!! My magnum opus! My Capstone Project for Epicodus! Within this repo, you will find not only my final project, but some experiments and tutorials I put together in an effort to learn THREE.js, Matter.js, and Tone.js, as part of my project!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published