You are browsing as a guest. Sign up (or log in) to start making projects!

1h 14m 47s logged

I code my function!! :stardance-streak-3d:

Devlog 14 - animation and design

Function

I’m sooooooooo happy because yesterday I’ve managed to create my own function!!!
someone suggested to make other tab switching. I was looking for some tutorial, but couldn’t find anything so I asked ai what can I search in youtube to find it. For better or worse, the AI ​​gave me a little guidance on how it works (so I’d understand it in the tutorial, NO code), I didn’t even fully read this because when I noticed “animation” and “adding classes” I noticed, what I can do!
Few days ago I mentioned the theme switch tutorial, that helped me with understanding js!! With this knowledge and the pattern I already had from webOS tutorial, I managed to create opening app window animation!!

Additional apps

I also added left bar for the additional apps (/apps that are not about spacecrafts). For now just the background, but when I will finish every app I will also add some better animations and just style it better

Problem

At the very end of the video, you can notice such a huge problem with opening windows and theirs z-index. They open randomly, once under particular app once above, trying to catch this video when it’s smooth and they all go on top was really hard!! Please let me know if you know how to fix it
And I had also tried to make my windows resizeable but it unfortunally didn’t worked. I will get back to this later

What’s next?

To perfect it all and fix bugs! And then maybe some games?

Thanks for reading and have a nice day!!!

0
62

Comments 2

@amateur_tech_guy

amazing work!! you got this!

@madzia

@amateur_tech_guy thank you so much!!