Pulsar simulator MASSIVE UI update…

So i got really tired of the default p5.js fonts so I decided to change things up, and in the process I ended up wanting to redesign the info box i had made initially (you can see the previous designs on my insta). Before it was static and looked like it had come out of a powerpoint presentation so I learnt how to add fonts and found space mono, which i really liked. I also had to redesign the previous cards i had made because they were again static and boring…

I kept running into issues and limitations with the p5.js canvas as before i was just using that for the darkened overlay and cards, so i went ahead and redid the entire overlay as pure html and css because i had more experience in that and it was easier to bend to my will.

So 3hrs logged brings Pulsar Sim this new revamped landing/info page!

• I also changed some of the fonts on the project itself, I dont know if i you can add multiple pics onto a devlog yet but i’ll send a screenshot in the next one.

Next step for me is to make the middle card expandable, and include more detailed explanations on neutron stars and pulsars, as the information i provided initially is really basic and surface-level.

I’d say this was a really successful UI overhaul - any feedback you guys have would be really valuable, i’ll try post more to showcase everything, and if you want to see videos of the project itself they are on my instagram.