The generator need to have diversity, so we decided to individually design and write the script using p5JS library with the same goal which is to make it able to generate random graphic while still can configure some variables to match each course identity
final
Design 1
This design started from the simple idea to create the circles of various sizes, border-styles, and colors which are configurable. Then put them together on the random position of the canvas
Design 2
This design uses the hexagon form, which is the main geometry of Skooldio, as the base geometry, then arranged them into row-column order. The styles of hexagon such as size, color, and offset can be unqiuely configured for each row or column.
Design 3
This design started from creating three simple patterns, which are the dot, stripes, and diagonal, then randomly put those pattern on the random position of the canvas.
The problem is solved!
The generator has now been used to create almost a hundred of course materials, including book covers, slide covers, and other assets. However, there still have plenty room for improvement. Many new designs and scripts are in progress and I am also working on building the user-friendly UI for the generator.
final
final
Designer | Developer:
Tadpol Rachatasumrit
Virot Chiraphadhanakul
Thanon Vongprayoon