Ship #1

@harieshkarth on Interactive Periodic Table · 21 days ago

This is an interactive periodic table where the user can learn about the various sections of the periodic table by hovering over the colored sections.

The code for this project was pretty similar to my last project, so it was much easier to implement the functionality. The only reason it took longer is because of all the art, including the periodic table and the switch, and the text. For this project, I made all the text boxes in Photoshop and imported them as png's to use in Godot. This is really inefficient, though, so I learned how to format text labels, and that's what I used for the text near the switch.

When I was putting this project on itch, there was one really frustrating bug where the text to the left of the switch was stretched out. I spent probably an hour trying to fix it, but nothing worked. Eventually, I deleted the label and reformatted it, which worked... Hey, at least I got it to work eventually!

I'm really happy with how this project turned out (especially the switch), and I'm excited to make more!

2 devlogs
4h
4.60x multiplier
16 Stardust

Try project → See source code →

Open comments for this post

@harieshkarth on Interactive Periodic Table · 29 days ago

1h 59m 28s logged

Devlog 2

I finished the interactive periodic table! A lot of the functionality was similar to the atom simulator, so this project took a bit less time to code than that one.

In addition to the descriptions that appear when you hover over the sections of the periodic table, I also added a switch to the top. It changes which sections of the periodic table are highlighted, letting the user learn about more groups on the right side. I initially drew each frame of the switch animation, but I eventually settled on using an animation player because I thought it looked better.

Overall, I’m really happy with how this project turned out!

Open comments for this post

@harieshkarth on Interactive Periodic Table · about 1 month ago

1h 35m 2s logged

Devlog 1

I just finished making the periodic table and delimiting the different sections with unique colors.

The next step will actually be the coding part! Each section currently has an Area2d, and I’m planning to make it so that when you hover over a section, it shows a description of it. It’s similar to what I did for my previous atom simulator project.