From static frames to animation – JavaScript, Java & Processing; coding Art ….

As part of my research, I endeavored to build a frame and tile itevenly…as you would a column in a upscale restaurant, or as Billy-Buster tiled his lesser-known below-ground pool in the hilltop paradise above San Simeon. Drawing squares, keeping track of their quantity, position and spacing proved unweildy. So back to the drawing board I turned. The first task was to completely fill a window with squares, evenly spaced, uniformed – no holes. My first breakthrough was a rectangular grid – from the drawing board I found that instead of looping to keep track of the squares (their origins in CGI coordinates space, their quantity, when to drop down a row, when to stop building them…) oy! I located a KISS-simple solution in the following functions and abstract data types:

Click to see it transform.
Some tweaks to a nested-for loop, appropriate “pops” nee popMatrix(); and the careful application of a “random” number generator to produce cool-colored tiles —but not TOO cool — experiment yielded a random range in Green and Blue to give the tiles a watery sheen, sans magenta, indigo, dark purple and the like. For personal intersest and further research I added a mouse event that slows down the animation, eliminates the thin black borders on each tile and zooms in on the whole operation.
At long last “Random dynamic & cool tiles” is up for public consumption:
I could see a pool in Laguna, LA, Vegas or Laughlin with swanky, swarthy, light-up tiles in a pool or on a wall of it’s club …. Bill R. Hearst would be pleased…I like to think so.
Next – I thought about Neil Degrasse Tyson. He says that the “snow” we see on the “TV channels in-between TV channels,” (something our Millennial friends may never fully appreciate…) is ACTUALLY a visual representation of the background radiation that’s permeated the Universe since the Big Bang. UHF & VHF cathode-ray displays pick up this noise and spit out the “ssshhhhhhhh” and the black, white & gray snow we may’ve found on Channel 1 or 3. Mostly, it was annoying and caused us to quickly dial up to CBS, PBS, NBC, FOX or ABC to see what was cookin’….but in the context of nostalgia, the scientific implication of looking back seven trillion years; this “snow” is worth an emulation. Using similar logic I fashioned version 1. The snow doesn’t dance around the screen, but the small circular “flakes” and the way they appear to move based on random gray-scale shadings is a nice start. It looks like they move – kinda.
^^^^I slowed the frame rate down to avoid headaches.
After random “cool” I had to attempt random “warm” –this graphic reminds me of a HollyWood or Vegas marquee. Bright lights seize attention; underscoring the glitz and glamour purported to be found within. The difference is that I think the bulbs this animation emulates are controlled in strict, looping sequences as opposed to my random flashes of “bright” colors controlled by logic.
This animation reminds me of the “Sushi”scene from “Defending Your Life” — Albert Brooks’ barmate proudly states that his life accomplishment was coining the phrase “All Nude. (You know those strip clubs out by LAX? ….“) You needn’t be a fan of his quirky brand of humor to get huge kick out this classic.
That said, I FINALLY got the computer graphic programs to not only display but animate! The “random- (random number generators are not TRULY random, but they are close)-ness” of the algorithms give the displays a kind of innate ability for the computers to create something of THEIR OWN — MY LOGIC & Design—> the computers’ brushstrokes.
All of the “sketches” (as they call them) on my new OpenProcessing Profile are completely original – designed, built, tested, tweaked and deployed by this writer. If you visit my new page & graphics, the source code is easily visible. Feel free to reproduce it yourself, or make changes/improvements to it. You will find that all of them are optimized –nee “code-golfed.” I designed these algorithms to use the fewest lines of code, fewest commands and simplest logic to add a layer of mathematical elegance to the aesthetic of each sketch. Please feel free to download my source code…just plz note that all of them are intellectual property- if you plan to use them in a public/educational or commercial setting…just ask!
More coming soon….plus a litany of fresh podcasts – “I swear it by the old gods & the new.” -t []

More Computer Graphics Artwork rendered in Java – Spirals and Variable Crosshatching….

Square Spiral SRC. I will include two ways to view the source code (since WP doesn’t get along with formatted code all that well….)
Below, 4 snapshots posted as jpegs. (it will stay posted it it looks ok)….

At bottom, a far more practical link using my new XML/WP “do it your own way, upload and forget about it” or whatever it is I called that.
Unfortunately, these files can only appear w/in posts as links…any code is subject to all the PHP/CSS/JS hard-wired into most WP themes. I have modified this theme so heavily I could no longer tell you who wrote it. I don’t credit the original author as I only used his code as a template; this not a child-theme…this is The Socal Picayune 2015 WP Theme by Chris Welke.
My Easy/XML to WP system is brand-new …expect improvements!

The featured artwork is a far less complicated algorithm compared with previously-posted recursive “Circle Splatters” and my Recursive “Impressionist” forest I entitled “June Gloom” …still to come on this topic is a 3D fractal terrain map implemented recursively using triangles and a “random” number generator. That’s how they created a whole planet for Captain Kirk to fly over in Star Trek II. (This was the first commercial application of the Diamond-Square Algoritm” which will make sense to anyone with a general knowledge of Euclidean geometry, but put them in the lab and ask them to implement it in Java3D or OpenGL and they MAY go “shit nuts” as I initaillay did 11 years ago when it was a CSC 407 assignment. I had to take an F because I never solved it. My lab partner on the other hand, solved/implemented AND added color-coded elevation for Extra Credit.
spiral code 1spiral code2spiral code3spiral code4

Sometimes, really smart people make me feel really dumb.