Procedural Number Generation
After a workshop with Oswin Tickler, where he demonstrated how to code and implement procedural generation with graphics, I was inspired to take that concept and run with it. He had shown some of his previous work where he generated numbers with modules, which was my main inspiration. I wanted to work a level of interactivity into it, as it would be a digital work, so that you can input a number and it could spit it back out at you in the generated style. I wanted the numbers to look quite abstract, so I mainly stuck to geometric forms and kept them black and white when making the modules, so that when put together, they would look cohesive. I used HTML, CSS and JavaScript to make the code for this, as I had some previous knowledge of it from a past project.
Here are some examples of outputs generated by the code, which demonstrate how it can be used to create varied numbers and different styles. I have set the limit to be 5 digits long, so it doesn’t take too long to output. However, it was still taking about a second, so I added a spinner that would indicate it is processing rather than just displaying the input screen. I enjoyed learning the creative side of coding and the procedural generation of it. With this technique, I could adjust the code slightly to be able to generate almost anything I could want. Try it yourself!
