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!

I have finished this game’s MVP! Might come back in the future and add “Settings” button to it, but for now it just doesn’t work.

Hi there on my first game! So the vibe of the game is ought to be dark fantasy for the character i picked a pixelated version of berserk, and for main health system i use theese funny apples. Now i gotta do win and loose screen!