AstroGear banner

AstroGear

8 devlogs
12h 2m 50s

this project is called Astro Gears Simulation. It is a small browser based 3D gear simulator where users can make and test gear setups without using heavy cad softwares. Idea was to make something simple where students or hoby maker can understand…

this project is called Astro Gears Simulation. It is a small browser based 3D gear simulator where users can make and test gear setups without using heavy cad softwares. Idea was to make something simple where students or hoby maker can understand gear motion and ratio in a visual way

Gears are generated from parameters like number of teeth and pitch so their size and speed relation change automaticly. Gears can connect with each other like real machines and when one gear rotate the other change rpm based on ratio. If gears overlap the system shows warning so user know somthing is wrong.

There is also edit mode to move gear and the model can be exported for 3D printing.Project is made using basic web tech like HTML and JavaScript and Three.js. Overal it is simple tool to learn and experement with gear systems in a more interactive way.

This project uses AI

I got the main idea of this project by myself. I used AI tools little bit to help in writing some code and understanding few logic parts because I dont know JavaScript very deeply yet. Mostly I used it to search things, fix small errors and understand how some parts work. The main concept, design and overall idea of the project is mine

Demo Repository

Loading README...

aashixhmaurya

Shipped this project!

Hours: 1.7
Cookies: πŸͺ 50
Multiplier: 29.52 cookies/hr

some bug fixes like now gears are not overlaping

aashixhmaurya

Final Fixes and Stability Update

after getting feedback on my project, i realised there were few important issues which was affecting overall experience, like gears overlapping at start, wrong selection after delete and some unstable behaviour in edit mode. so i spent pro[er time fixing these things and making system more stable and logical. main focus was not adding new features but correcting what was already there and making it work in a better and more realistic way.

  • fixed gear colision and overlap issue on adding new gear
    auto select now goes to last gear instead of resetting to first
  • improved edit mode so gears dont behave randomly while moving
  • added auto calibration so disconnected gears connect properly again
  • fixed some minor bugs and improved pressure behaviour to feel more realistic

now system feels more stable, clean and usable, and behaviour is more close to what it should be.

Attachment
Attachment
0
aashixhmaurya

Shipped this project!

Hours: 10.35
Cookies: πŸͺ 283
Multiplier: 27.37 cookies/hr

This project is created mainly for learning purpose so gear alignment and parameters can be understood in a simple and fun way, not just theory but by actually seeing it working.

idea was to make things easy to understand without making it too complex.

in the end it turned out to be a useful way to understand concepts more clearly in a practical manner.

aashixhmaurya

I finally reached a point where i feel this version is complete

in starting everything was just working somehow but not looking good and not feeling proper, so i focused mainly on ui and started improving it step by step

What i did ?

  • improved full ui layout and made it more structured
    fixed text visibility issues which was hard to read before
    adjusted spacing and alignment so everything looks more clean
  • made info panel smaller and kept only main parameters
    removed few features which was not working properly and making things confusing
  • added small button press animation so it feels little interactive

also did some small adjustments in controls so overall use feel better and smooth

  • slowly while doing all this, i started noticing that small changes are actually making big difference in how the whole system looks in between i faced one main issue that whenever i fix one ui part, some other part was getting disturbed and i had to go back again and fix it again and again πŸ˜…,this loop happened many times and took some time to settle everything but finally things started coming in place and ui began to look clean and balanced

now overall it feels much better than before, simple, usable and not messy like earlier

maybe in future i will come back and improve more things or add better features, but for now this is the final version. overall this project was really fun to build and i learned many small things while making it step by step, specially about ui and handling logic together and one more thing, because of this project i also started understanding javascript little bit more, before it was confusing but now i can atleast understand how things are working and connect together

  • so yeah for now i am considering this version done,good enough and working πŸ™‚
Attachment
Attachment
Attachment
Attachment
0
aashixhmaurya

What i did ?

  • Parameter Fix & Info Labels Back

this time i worked on fixing the values and calculation part because before things was running but values was not feeling correct

like gears was rotating and all but rpm and relation was not matching properly so i decided to fix that part

first i thought its small thing but when i start checking it deeply then it took more time than expected

  • worked on rpm and gear relation calculation tried to make values same and consistent between gears
  • fixed how gears pass values to each other and added again those small info labels on gears but in better way
  • did some small tuning so system feels more correct

this part was little confusing because when i fix one thing then other thing get affected πŸ˜…

Changes / tweaks

  • now values looking more correct and nfo labels is showing proper data
  • gear relation feels more real now
    overall system feels less random

Problems i faced

  • calculation part was not easy to understand
  • values was not matching at starting and when more gears connected it was giving wrong output
  • i had to adjust many times to make it stable

overall this update is not very visible but internally it improved lotπŸ™‚

Attachment
0
aashixhmaurya

i wanted it to feel more automatic and less dependent on manual adjustments so i started tweaking the auto positioning because earlier it was working but not always giving correct alignment. It started as a small tweak but slowly turned into full trial and error mode, kept adjusting values again and again until it finally started behaving the way i wanted πŸ˜„

What i did

  • worked mainly on auto positioning logic
  • improvef how gears calculate and place themselves
  • made it more stable so less manual fixing is needed also did some small ui adjustments around that section

tbh it;s not a very big update but it felt really satisfying when everything started aligning smoothly 🧩😊

As Result

  • auto position now behaves more stable
  • manual values dont mess things too much when auto is on
  • overall placement feels more clean now

overall small update but system feels more controlled and better than before πŸ‘

Attachment
0
aashixhmaurya

so i was thinking to improve the simulation more and make it feel more real and accurate, and while doing that i ended up fixing lot of things in this part.

What i did ?

  • Worked on fixing errors in gear simulation
    improved physics so gears rotate and behave more correctly
  • fixed some ui parts on simulation side
    made edit mode work smoother
    improved how system detects errors and shows them

ngl most of the time went in just adjusting physics values again and again until it started looking right πŸ˜­βš™οΈ

Changes/tweaks

  • so while working on this i realised some parts were not giving proper results, specially that info bar section which was showing parameters

  • at first it looked fine but when i checked it properly values were not fully accurate and it felt little impractical so instead of keeping something half correct i removed that info bar for now

  • also removed one more small feature because it was not behaving properly in simulation felt better to clean things first and then rebuild it in better way later

will add it again after improving logic and making it more accurate so it actually makes sense

Problems i faced

  • physics part took most of the time
  • values were not matching properly
  • imulation was behaving weird at first and small ui issues were also coming again and again
  • gear collision indication was also not clear before so fixed that too.

What I learned

understood more about how simulation works behind
learned better handling of canvas and ui updates
realised small logic mistakes can break whole system πŸ’€

For next.

I am thinking to improve accuracy more
and also bring back removed features in better way
and make simulation more stable and smooth

Attachment
Attachment
Attachment
0
aashixhmaurya

What I worked on?

  • Made a simple HTML layout and divided page into control panel side and 3D view area.

  • Did little bit CSS so things dont look too messy and buttons stay in place.

  • Also connected some basic JavaScript with inputs so later values can change.

Learned some basic JavaScript

  • I dont know JavaScript very well so I tried to learn some basics first Saw how variables and small functions works in JS.

  • Tried few small tests just to see how values update on screen.

Logic and formulas I looked into

  • Started reading about few formulas used in gear systems. Looked at relation between number of teeth and pitch. Also saw pitch diameter formula (D = N / P).

  • Tried understanding simple RPM ratio between two gears.

Attachment
0