siteIcon

Tech Novice Tools

JavaScript Apps

burgerIcon

Sorting Sagasort

Stage 1:
Super Sorter

Instructions

A StarField is a collection of ordered pairs in a canvas, arranged according to a particular type of generation: random placement, ascending, etc. Our sorting methods will place the stars in ascending order from left to right, and the process, when animated, will ilustrate the sorting algorithm.

To create a new StarField:
  1. Design the canvas and stars:
    • Canvas: Light or Dark Theme (Coming soon!)
    • Stars: Size and number
  2. Click the Apply button
    • (The page will reload to accept the change, and load a default random-fill StarField)
  3. Design the StarField Generation:
    • Random
    • Ascending
    • Descending
    • Wave
    • Random Wave
  4. Add (Multiple) StarField Tweaking Options:
    • Center Jitter
    • Random Level
    • Random Ripple
  5. Save the StarField Design
    • Cookies are used to store some data
    • JSON is used to store larger groups of data (StarField values)
    • If you navigate away from the page, the information will be retained and reloaded to the canvas
  6. Clearing, Loading, Resetting
    • Clear Canvas will clear the canvas, but not persistent memory values
    • The 'Load' button will load currently-stored design into the canvas
    • 'Reset Defaults' will clear persistent memory and create a 250-star Random Fill Design and load it into the canvas, and save it to persistent memory

Using SuperSorter

Last update: 12/19/19


StarField Design Console
Design your StarField:
Design your Stars and Canvas:

Note: this will reset existing designs

StarField Generation:
StarField Tweaks:
SuperSorter Console
SuperSorter Controls:
Sorting Algorithms:
Sorting Controls: