Simple Orbits

Date: 2023-04-29 | create | ctech | projects | simple-orbits |

View this post on Instagram

A post shared by HAMY (


SimpleOrbits is a naive simulation of symmetrical orbits. It leverages generative techniques to create a large opportunity space of outputs.

Where to Find it

Select outputs are shared on IG:

How it's Built

Primary technologies:

  • SvelteKit - Currently my favorite frontend.
  • Three.js - Wanted to get back into CTECH and wanted a library that could be leveraged for many different outputs. SimpleOrbits is largely 2D but I like the idea of easily being able to switch to 3D or 2D via 3D orthographic.

Related: Run Three.js with SvelteKit

I'm basically creating a series of Orbits (Object3D) which each contain a number of OrbitalBodies (Object3D) and then update them on each animation loop.

As of SimpleOrbits_3 I'm building the orbit rings with Ring geometries and funnily enough the OrbitalBodies are actually spheres using an OutlinePass to get their 2D look. This is probably super inefficient and better served with a Ring but I wanted to play with styles / Three.js capabilites.

Want more like this?

The best / easiest way to support my work is by subscribing for future updates and sharing with your network.