A 3D visualization of the Eberron Cosmology, written in Javascript using React and Three.js
Eberron has a total of 13 moons orbitting it, as well as 13 planes of existence that shift between coterminance and being "remote" from it (one could visualize it as an orbit as well). Wizards of the Coast has a wonderful calendar that has been around since 2004, but I thought I'd give a go at making it using modern technologies and frameworks.
Credit: this World Anvil
Credit: Cosmology | Eberron Wiki | Fandom
Once this project is in a serviceable state, I will include a link to the website to play around with the model. For now, you can clone and run the project on your local machine using the instructions outlined later in this README.
- HTML / CSS
- Node.js
- React
- Three.js
- @react-three/fiber
- Webpack
Clone down this repository. You will need node
and npm
installed globally on your machine.
Installation:
npm install
To Run Test Suite:
npm test
To Start Server:
npm start
To Visit App:
localhost:6969
I do not make any money off of this project. This is solely a hobby experiment for the purposes of exploring modern frameworks and technologies in a fun and interesting setting.
The material presented here is the original creation of the contributers, intended for use with the Eberron setting by Wizards of the Coast. This material is not official and is not endorsed by Wizards of the Coast.
Dungeons & Dragons, Eberron, D&D, Dungeon Master, d20, d20 System, Wizards of the Coast, Player's Handbook, Dungeon Master's Guide, and Monster Manual and their respective logos are trademarks of Wizards of the Coast, Inc., in the U.S.A. and other countries. All Wizards characters, character names, and the distinctive likenesses thereof are trademarks of Wizards of the Coast, Inc.
- Dragonmarks - Reaching for the Stars: https://keith-baker.com/dm-stars/
- Eberron Texture: https://www.reddit.com/r/Eberron/comments/ermt2e/eberron_reimagined/
- Moon Sizes: https://math-of-eberron.tumblr.com/post/88583079059/how-big-are-eberrons-moons
- Solar system functionality: https://codesandbox.io/s/animated-solarsystem-with-react-three-fiber-2-3-ow80k?file=/src/App.js