![]() If a letter is to be rendered at a given location, a circle is always rendered in a particular color (opaque red).On an NxM grid, randomly choose whether to render a circle or not.The logic behind the generation is basically this: So I thought I’d just abandon the scribbles and use all perfect circles. I had already toyed with plain circles as a means of giving the text in the design a little pop and stability. Second, I better stick with a red color scheme unless I want to change the name of the company to AquaGreen Sweater Software. First, the scribble look is cute but doesn’t give a clean appearance that I want to associate with my blog and business. So I decided to pick a more realistic layout for a banner. Pretty! Did I mention I love NodeBox? By now I was starting to theoretically consider my playful tinkerings to be the possible basis for a new blog banner. I decided to play with the little scribbled circles, add some color, and put them in a grid format with some blog-oriented text in them. You can only play with stuff like this for so long before you start indulging the ego. I made this example wallpaper using a grid of creepy guys:įinally I played with the crazy “graph generation,” which is a feature by which a nearly illegible graph is produced based on a specified list of nodes. It even includes some crazy “doodles” where it creates pseudo-random sketches of creepy little guys. I was playing with one of the NodeBox libraries called Pixie, which is designed to make simulated “scrawled writing.” Short of picking a color, this is about the only design I’ve ever done for it (and apart from the banner and some minor CSS tweaks here and there, it’s still Kubrick at the core!). In fact, my blog has been so “vanilla” in its design for the first year of its existence, that it may be inappropriate to even call this a redesign. Anyway, this is the story of how I liberated myself from Kubrick! (The default WordPress theme). I think I didn’t want to waste a whole post on talking about my new design, without giving some interesting facts about how NodeBox facilitated and inspired the design. I meant to write a post about it when I “made it live” a week or so ago, but I have been putting it off for some reason. I found P5.js, it is sort of the JS version of Processing and it has everything I was looking for, a complete API for rendering, painting images and text, calling DOM elements and much more.I’ve noticed that people are slowly discovering the new design of the blog. Such and interesting topic and my first time using Processing. This is awesome, and totally what I was hoping to get out of this post! Thanks so much for the links - especially nature of code. Any Resources Similar to Khan Academy's "Pixar In A Box".Code is available on Github and also withing Processing, of course. I used to put it up on a smartboard during parent-teacher conferences to entertain the younger siblings of my students while I met with their parents. This immediately reminded me of the Processing sketch called yellowtail: This was a popular built-in example in the Processing development environment. It's a less abstract way to practice logic in coding. ![]() For those interested in coding, Processing is a pretty easy one to start with - you can see the results of what you code as an image, line, text, or concept. ![]() Some time ago, I made this text art using the programming language Processing (JavaScript variety). If anything the problem is that today's kids have too many options. You can easily play around in the browser, using Javascript, or on, ,, etc. ![]()
0 Comments
Leave a Reply. |