Inspired by the Processing Community Day projects, Simon came up with an idea to launch his own community project – in procedural design. He used the Coding Train Community Cloud page as inspiration, trying to guess the code used to build it. The videos below show Simon in process of creating the interface.
Simon later presented his project on the Coding Train Slack channel where other members (including Daniel Shiffman) suggested that Simon narrowed down the theme (originally, it was procedural design projects in general and that was too broad). Simon was very upset as he was afraid his “big project” would become too small and couldn’t come up with a theme. Two days later we agreed that he would make several examples for the projects and publish them on the project’s website to give everyone a better idea of what he was looking for.
At the moment, Simon has already published the first example but there seems to be a bug in it, so please view it as work in progress. (Simon originally wrote the code for the Community Cloud project and it worked when he shared it in Processing JS, but on his own project page, using instance mode, the cloud looks like a circle).
Simon writes: Everybody is welcome to contribute to my community project called *Procedural Designs*!
Link to GitHub rep (for this community project: https://github.com/simon-tiger/procedural-designs/ (link to github pages site in the README).
Simon has made his version of Daniel Shiffman’s Wikipedia Crawler, graphing the relatedness between Wikipedia articles.
Play with it yourself online at: https://simon-tiger.github.io/wikipedia-crawler/wikipedia/
How it Works
Enter a query (e. g. apple) and either hit Enter or press the button “Query the API”. If an article called “Apple” exists, a circle will pop up with th word “Apple” in it. If an article called “Apple” doesn’t exist, a circle with something alse will pop up. Click the circle (or article) to reveal its related articles. As you might expect, you can click any of those articles to reveal its related articles.
The inspiration comes from Daniel Shiffman and its Coding Train. Link to Daniel’s version here.
Here is the link: https://thimbleprojects.org/simontiger/315031/
(it’s on this new thimble.mozilla.org online code editor)
What specially delights me about Simon’s works lately is the subtle sense of humour he writes with (probably acquired through both watching Daniel Shiffman’s videos and reading Murderous Math books):
The project isn’t finished yet as the example Simon is linking to the website is only for an ellipse and a superellipse yet:
Simon also plans to add other shapes to the website later.
In this video, Simon gives an introduction to the basics of programming languages (what languages there are, which ones are front end and which ones are back end and what libraries and data interchange formats go with different languages):
This project got strangled somewhere along the way, but Simon got quite far with the interface. Hopefully, he will continue some day. he was thinking of calling the editor something like “tiger editor”.
Simon hasn’t put this project online yet, as he wanted to make it more interactive and hasn’t managed to do that so far.
Simon’s new series of web development tutorials: two new playlists How to make a Calendar and How to make Buttons:
Simon has recorded his first set of web development tutorials, about how to create a slideshow. The original code comes from the w3schools.com website.
Simon got stuck in the previous video, but debugged his code in #1.5:
Update: Simon has recorded the last how to in this Slideshow series, about hoe to make the slideshow automatic:
He also created an account on the library website, but couldn’t figure out how to create a new project. We should look at it together this week when I finally have more time.
These are two small videos of Simon trying the D3 library out: