Thursday, June 25, 2020

Generative Art - Project 1

Happy Summer!!! 

As the rain pours in the Flathead Valley I have taken a dive into generative art. Generative art is defined as a rule based autonomous system.   
Generative art refers to art that in whole or in part has been created with the use of an autonomous system. An autonomous system in this context is generally one that is non-human and can independently determine features of an artwork that would otherwise require decisions made directly by the artist (Wikipedia).
While studying the history of Generative Art I discovered an amazing French artist named Vera Molnár. She is one of the pioneering  women who started creating algorithmic computer art back in 1968. She quickly grew fond of this new medium and is considered one of the founders of Generative Art.

Still image from Encyclopédie audiovisuelle de l'art contemporain, 1996 - Wikipedia
While I was looking up her art I stumbled across a YouTube video by thedotisblack creative coding. thedotisblack created a Processing sketch and recreated of one of Molnár's artworks that she tiltled, 198633 Structure De Quadrilatère 1986 Photographie D' Écran. 
   I was intrigued by his Processing rendering of his version of  Molnár's art.It quickly inspired to see if I could reproduce his work in P5.JS.

P5.JS is a special library used by java script. Used together they create a robust web version of Processing. This special library was created and implemented by Lauren McCarthy. While I'm not a seasoned programmer, I enjoyed the challenge of creating my own version.  

A difference from mine is that I decided to for go the MousePressed ( ) event to create a true generative artwork. This was a wonderful challenge, and naturally I couldn't have done it without the wonderful help of a great teacher, Daniel Shiffman and his P5.JS video series. I can relate to Shiffman's energy and approach to teaching. You can see his tutorials here on the Coding Train






Here is my take on Molnár, and the thedotisblack's work:
// Vera Mohlar b. Hungary (1924- ) - Pioneering female French digital artist!
// Structures de Quadrilatéres 1986
// http://www.veramolnar.com/diapo.php?y=1986
// Project reproduced in Processing by thedotisblack Creative Coding 
// https://www.youtube.com/watch?v=O5G4SoWBoao
// P5.JS version by Dave Ritter 6/25/20

var num;
var colors = [];
let margin = 100;
let grid = 150;

function setup() {
  createCanvas(970, 970);
 // noLoop();
    colors[0] =  color(255, 255, 255); // white
    colors[1] =  color(200, 5, 20); // red
    colors[2] =  color(55, 188, 25); //  green
    colors[3] =  color(15, 235, 250); // blue
    colors[4] =  color(125, 235, 250); // lt blue
    colors[5] =  color(240, 245, 15); // yellow
    colors[6] =  color(160, 60, 235); // purple
}
function draw() {
  background(0);
  noFill();
  stroke(255);
  // Build a grid and put a quad in each grid space
  for (i = margin; i < width - margin; i += grid) {
    for (j = margin; j < height - margin; j += grid) {
      //quad(x1, y1, x2, y2, x3, y3, x4, y4);
      let d = grid*0.6;
      stroke(random(colors));
      for (var num = 0; num < 7; num++) {
        let x1 = -random(d);
        let y1 = -random(d);
        let x2 = random(d);
        let y2 = -random(d);
        let x3 = random(d);
        let y3 = random(d);
        let x4 = -random(d);
        let y4 = random(d);
        strokeWeight(3);
        push();
        translate(i, j);
        quad(x1, y1, x2, y2, x3, y3, x4, y4);
        frameRate(3);
        pop();
      }
    }
  }
}
//function mousePressed() {
  //redraw();
//}

Tuesday, March 24, 2020

Kite Challenge - Day 2

I finally have a working kite! There was little to no wind, but I am convinced it will fly! It wanted to this afternoon, but there was absolutely no wind...

How is your kite coming????
Remember to post a link to your YouTube video in Google Classroom for extra credit!

In this video I give some serious hints on how to make your own! Keep safe and healthy!
Also, please do not fly any kite near power lines!

Have a great spring break!


Thursday, March 19, 2020

Kite Challenge

Happy Spring Equinox 7th and 8th Grade Artists!

Using materials that you can find around your home create a kite that can fly. I used various materials that were around my house and yard. My first attempt flew only for five minutes before the wind snapped the twig frame. My next one will be a bit more lighter and stronger as I plan to use bamboo skewers!

If you have some paints or sharpies to add some color to your kite, make an interesting design.
Please see the challenge video, and upload your flying kite video response to YouTube. Don't forget to provide a link in Google Classroom.
Happy creating!


Tuesday, March 17, 2020

Wildcat Wednesday - Principal Hazen Video

It's way too quiet here at CFJH, and all of you are truly missed. The video below from Mr. Hazen is for all students, parents, and guardians.

Please watch the video, as their is important information in regards to counseling hours and to specific locations where students can obtain food.

Also, in the event if we are not allowed to have school on the March 30th, after spring break, all of your teachers are making preparations to have online instruction ready to go.

Please check your school Gmail, and also check Google Classroom for instructions, and or assignments for this week. There has been considerable planning in regards to resources such as internet access and the availability of technology in the event that the Governor continues the school closure beyond spring break. All of the details have not been finalized, and their is much more planning and work ahead, please be patient.

If you need any books or personal things from your locker, the office is asking you to make an appointment so that we are not over burdened by individuals, and to comply with the social distancing guidelines. 

On a personal note, I hope all of you are taking good care of yourselves, and that you are all healthy and enjoying the spring weather.

Please take care, and hopefully, I will see all of you back on the 30th! Have a safe week, and a fun spring break.

Sincerely,
Mr. Ritter

Video from Principal Hazen


Friday, January 31, 2020

Week 1 - 7th & 8th Grade Art

Welcome to Art! We will be doing several things this quarter that investigate traditional, and digital art making.

7th Grade

  • Introduction to the Elements of Design
    • You can find the lecture HERE
  • Introduction to Color Theory
    • You can find the presentation HERE
  • 60 Second Charcoal - Life Drawing
      Classroom Activities
  • Tuesday
    • Students were introduced to the Elements of Design, and then worked in groups to analyze a master painting using the Elements of Design.    
      • You can find the lecture HERE   
  • Thursday
    • Students were introduced to Color Theory
    • Potential project ideas were discussed for next week.
8th Grade
     Classroom Activities
  • Monday
    • Color Mixing review
    • Students created a line design, and unique shapes on paper. They then painted these using only the primary colors to mix our nine other colors. i.e. Secondary, and Tertiary colors.
  • Wednesday
    • We finished the color mixing review assignment, and discussed ideas for our first class project.
  • Friday
    • Reviewed project ideas and students started work on their unique group projects.