I IMAGINED, I PROGRAMMED, I CONQUERED.

The Satellite tracker might just be done!

Changes!!

1. VISUALS

holy hell it was harder than i expected but i made it.
so i added stars, cool buttons, cool font, and allat. I am really proud of this work, because it looks really cool now

2. Loading Screen

now this one is so cool, i really like how it turned out and it was pretty easy to make it. But i was honestly so tired at that point that i just wrote the first stuff that came into my mind. but i still think it turned out cool.

3. A lot of warnings!

Now, for debugging, and just for sole purpose of a user, i added warnings, so when celestrack is not fetching because of extended use or its own problems (like with starlink sometimes) it just warns u and skips it. If you have reached your IP request limit to celestrack, then you will just have a longer running of loading screen and a message that you can see on the photo. (i have it because i have refreshed the page too much)

AI Declaration

Now in this devlog i want to also sum up how i used ai. So the sole purpose of his project was for me to learn JS, and this project was really hard for me, so i used AI of course. Mainly i used it so it gave me the general idea of the code that i should have for my ideas, and then i changed it and shaped it so that it turned out the way it did now. Also it helped me with complex tasks, like visible satellites and all the complex stuff, and, of course, debugging. But i still did it myself, and apart from doing this i was also doing a 12 hour course on JS by BroCode, shoutout to him btw!

Final thoughts

Well, this project was cool but waaaay harder than i expected, thats why i had to use ai. This will definitely help me in my further projects, and i am really proud of the final version. This taught me a lot, and i shure am happy to continue my journey as an engineer (i wanna be a hardware one, but for stardance its just way easier to star with software for me, so might as well learn programming too.). This is also my final project for stardance, and i am really happy.
Thank you to everyone who supported me on this project, 100+ views consistently is crazy!

See you somewhere in the world, the real world…

Stars, Satellites, and all the shiny things…

Oh, wait, just satellites here.. anyways

This devlog took sooo long, but now the only thing thats left is style. For now, progress:

1. All passes and Visible ones

You can now see, which ones you can actually see, and which ones are blocked by earth shadow and allat. All passes ore just 0 degrees above the horizon, and visible ones are:

1. above 10 degrees
2. should be outside the earth shadow for us to see
3. should be pretty dark outside
4. should be from a group, that CelesTrack considers bright enough for us to see

2. Satellites already over u group

basically the satellites that u can see already. Since those satellites are already in right time above the horizon, we dont have to wait for them, i just divide all satellites in 2 groups, where one is ones over u, and others are the ones we have to wait for, using arleadyup - true or false

3. When you click on a satellite, it actually shows it

DAMNNNN I LOVE THIS FEATURE and also it shows a path.

4. 403 warning error

Now, when the server answers with 403 error, for example starlink that i have some problems with, programm just skips it.

5.Camera lock in on both pages

Self explainatory

Plans

The most important one: i might delete the starlink satellites. They just dont appear most of the time because of the server, so better drop tham so i didnt have any problems when i ship the project.
Apart from that, i the only thing thats left is to add that cool style i wanted hell yeah.

Thank you all if you made it so far! Sya on the next one

Look out of your window. Are those stars, or just satellites?

Well, now you can find out, because i added the tracker page, that allows you to see, what satellites pass your selected location.

I wont lie.

JS is still pretty hard for me, so for this i had to use AI to help me out. But i still manage to understand almost everything from the code, so i hope its ok :)

How the hell does it work?

This was really tough for me to understand for the code, so for you i will make it easier.
Basically, i have 2 libraries, my satellite.js, that is responsible, you guessed it, for satellites and all the info about it, and d3-geo, which is a 3d earth. When you click on the globe, the programm checks if its land or water, because i wanted it to only check satellites on land. How does it do it? Using world - atlas, that has all the coordinates of the land on the earth. If its land, then the programm for every satellite looks its way for every 30 seconds on a period of 24 hours and looks, when its going to be seen on your horizon (must be 40 degrees because of all the trees and buildings). It memorizes the first and last moment above the 40 degree mark on horizon and then it gives the results seen on the screenshot, sorted with time.

Flaws, suggestions, ect.

So for now it just spits out the info about sattelites, but maybe you have an idea how to make it more visual? i have no idea for now, because i dont want it to be just 60 red dots and everuthing around the point you selected. One idea i had is if you pick any sattelite of the given ones, it shows its path, but it sounds hard as hell, i may use ai again to help me…

IF YOU HAVE ANY SUGGESTIONS ABOUT MY PROJECT PLEASE MENTION THEM! I WILL BE MORE THAN HAPPY TO IMPLIMENT IDEAS I LIKED!!! Of course, mentioning the suggestor.

Plans

Im planningin the end to add that old 90s nasa computer green/black vibe, i really am stoked to see how it will turn out.

Thanks! Sorry for not devlogging earlier, was locked in on finishing the whole page

Wow thats hard.

##Okay, so for the progress i ve made:

1. I added A LOT of other sattelites.

So now its not 1, but around 50 or 60, im not shure really. Now there are different kinds of them:
-habitated ones, like ISS, Tiangong and so on, and i didnt make a limit on them because theyre the most valuable and recognisable.
-CelesTrak, the brightest ones you can clearly see in the sky
-GPS satellites
-Starlink, but only around 20
-weather ones, like NOAA and GOES

2. every group that i named has their own color!

In the future i want to make it so that you could pick only a specific group.

3. What line the satellite will follow.

I believe i didnt do this on my previous devlog, anyway, i just show the line that it follows in the period of 90 mins. It goes +- 1 time around the globe, so you could see lol.

yeah!

Started my Satellite Tracker!

This project is basically tracking satellites and their orbits in real time.

What have i done for now?

###1 . Connected satellite (ISS) info from celestrak. org

This basically grabs the info, like name and coordinates

2. Created our planet

3. Added a dot for satellite

4. When you press on it, it spits out info about it, like speed and altitude.

Im only learning JS, so i am currently using Claude to navigate me through the whole process and help me with the code, but i try to understand it very hard and i do learn!

MAYBE MY LAST DEVLOG! Any suggestions pls?

If you have any suggestions on what to add to this project, feel free to comment, i will be really happy to read your ideas:)

##So, the progress:

1. Anais and Richard+Nicole folders

I made 2 more folders that are dedicated to Anais and Richard and Nicole, completing the folders fully

2. Added “Saxophone Chihuahua” to some icons

I really wanted to do this one, since in the show it was really funny, and i just didnt want to do the Rick Roll for things that dont have a purpose yet. Right now its in 3 places, so its not that much of it.

3. Page regulations

With the help of AI, i managed to remove that anoying scroll thing on the right of the creen in chrome, as well as now windows can not leave the limits of the page. Im sorry i dont know js that well:(

4. DO NOT DIVIDE BY 0.

Thats an easter egg i did for the real ones who know. Thanks to @Rodrigo_Todescatto2010 for motivating me to do this:)

So yeah, this is it i guess. So if you have any suggestions left, please tell me, and if not, then i will ship this project tomorrow. I am not shure if you can try this project other way, but here is a link to github just in case:
https://walterm4lon-coder.github.io/darkerfantasyOS/
make shure to make the zoom 100% in viewport by pressing Ctrl+ -/+ and enter full screen with f11

I WILL NOT ADD FEMALE CHARACTERS!!!

why, you may ask…

because, in calcUlator game there is no male characters too!

Anyways, i finally had some time to make some progress for this wonderful project, so here are things I added:

1.Calculator, for actually playing it!

With the assistance of AI i could create it, but the font is kinda lame for now, i will change it later, though overall pretty proud of the result! I may add some easter egg to it later tho, but dont tell anyone;)

2. “The toilet is overflowing again.” message!

Now, when you open your email tab, which for now is Earth icon, you will get a new notification, featuring multiple Richard’s wifes - Nicoles - dancing as faries, and then wonderfull message popping up. And just to annoy the user, music will not stop playing until u turn it off.

3. Albums of Darwin and Gumball

These are just good ol’ photos saved on richards pc of his favourite children. I should add Anais later lol.

Struggles

The problem with me - i have no idea how to code. Apart from basic css, html, and maybe smth in java that i copied from a template, i have no idea how to code, im more of a hardware person. So this project is a struggle for me, even though its really basic. i still really enjoy it, since i love gumball, but still.

Yo! RichardWatersonOS is updated!
I added 2 main things:

1. I added a web cam, which is basically a video, i filmed the webcam from the original series, and added it as a window.
2. I added a cursor, just like in the original, but i still have to animate it to look better and more accurate.
   I also added 2 more folders on the right to match the original scene.
   I wont have time to write the code this week, so i guess another update will be somewhere in 20-ish something day of august.
   Thank you very much for the support on the previous devlog, that really motivated me to actually do this as good as i can!

For my WebOS 2 project, i decided to completely change the idea behind the OS itself.
So, please meet the RichardWatersonOS! It is inspired by a popular scene from the cartoon show “The Amazing World of Gumball”, where Richard is reviewing the game called “Calculator” on his PC. You can look at this moment on Youtube using this link: https://www.youtube.com/watch?v=LqYkRphJFvo
I really like this show overall, so i decided to recreate this funny scene, using as basis the project that i have already created, so i wouldnt have to recreate it again. For now, i changed the style of windows, time, and added some icons to represend Richards desktop from the video!

The Second app is finished, ready to ship!

The second app is called “WizardNews”, and there are some cool stories about life in Wizard Town!

Created my first app!

It was very challenging on the part of JS, but ig i managed to understand it! Really happy tho

The app is basically all the spells that the good ol wizard collected over his journeys.

Moved through the tutorial and made my Welcome screen! Its very basic, but it will do the work for now:)

Finished my project! It was super fun, and ill for shure use touchdesigner for more projets, this tool is truly one of a kind for visuals.

Managed to rig the hands and do the tracking of the fingers. For hand-tracking. i used this Git repo: https://github.com/torinmb/mediapipe-touchdesigner
Now, the only thing thats left to do is create a cool effect inside it, ill play with the parameters, watch some more tutorials and then finish the project!

Created my second visual animation, getting the hang of all the nodes! The video did not attach sadly but at least you can see the screenshot from it:)

Welcome to my first TouchDesign project! I started with learning some basics of touchdesign using a yt tutorial: https://www.youtube.com/watch?v=qbupHTeJCeU&t=6516s
Enjoying so far!