-
-
Water Molecule
-
Home Screen
-
Ammonia Molecule
Inspiration
I was inspired to create this project while playing around with the 3d function in p5. Also, learning about science can be difficult especially for a younger audience so I thought that creating a fun and interactive application that teaches the user about science could make learning science a bit more fun and easy.
What it does
This program displays different scientific molecules as 3d objects that can be observed by rotating them. You can change the molecule by pressing numbers "1-5" on your keyboard. There is also a "Learn more" button that when pressed displays facts about that specific molecule.
How I built it
I built my program by using HTML, CSS, and Javascript through the p5.js web editor. I am very new to all of these languages since I started learning about them only a month ago.
Challenges I ran into
A challenge I ran into was getting the "Learn more" button to work. I couldn't get it to pop up the facts when I clicked the button so I improvised and made it so that the facts popped up when you held it down rather than clicked it. I think that this actually worked a lot nicer anyway.
Accomplishments that I'm proud of
I'm really proud of myself for making this program with only a month's of knowledge in these languages.
What I learned
This was my first ever hackathon so I learned a lot about how events like this work and it was super fun! Meeting a bunch of other people with the same interests as me was super cool! One thing that I learned in javascript is that there are many different ways of writing code that all get you the same result.
What's next for Molecule Models
As my knowledge in javascript grows I would like to expand on this program to maybe in the future add some more advanced properties such as building your own molecule.
Log in or sign up for Devpost to join the conversation.