Digital Interactive Media
Monday, December 9, 2013
Friday, December 6, 2013
Review of a processing artist or project
I went to openprocessing .org to look for something to write
about .
A processing artist that I like is Edward Porten. You can
view his projects at http://www.openprocessing.org/portal/?userID=6535. One thing that I like about his projects is
that most of them are interactive. He also lets people choose what to see a lot
of the time. For example, one of them does fly overs of planets and you can
choose which one by selecting an image. One down side of the fly over sketches
is that they are slow to show any detail. His 3D fractal explorer lets you
choose what to see from a list. I also
like the color in a lot of his projects.
He has a lot of skill with processing. He writes his own
functions and knows how to use music and sync motion to it. Bezier Boogie is a
good one for that. It’s fun to watch. He uses animation and 3D rendering. He’s
okay with people taking his code to learn from and answers questions from
people.
A project that I like is the Tiny Sketch project which was
on Rhizome. It was a challenge they put on in 2009 to make a sketch that would
be interesting using only 200 characters or less. All sketches had to work
correctly on the internet and couldn’t use any libraries or external files. I
like this project because it shows many things that people can do with
processing without a lot of code. The archive for this project is at http://www.openprocessing.org/collection/70 .
Sunday, November 24, 2013
Project 4 critique
I wasn't completely happy with my project because I couldn't get it to do exactly what I wanted it to. Barry suggested that I might have to have the user put the animals on the page without seeing them first. He also suggested that I make them bigger and maybe make an array of different backgrounds to use. I explained that I made them the size that I did to fit with the background I was using. They could be used in different sizes with different backgrounds. Since they didn't work right with the svg file type, I would need to have different size png files to use or find out what the error I got with the svg means and if there is a work around for it.
I think it would be easy to make it have several backgrounds. I'd prefer to let the user see the animals before placing them, but maybe there would be a way to show the various animals first, pick one to place and where to place it. My problem with this project was that processing keeps running the draw and makes the key press last for more than one cycle through draw. That makes it hard to assign values to an array while running. I solved that by placing animals in an array first and then the user just had to chose them and the program found it instead of putting it in the draw function.
I think it would be easy to make it have several backgrounds. I'd prefer to let the user see the animals before placing them, but maybe there would be a way to show the various animals first, pick one to place and where to place it. My problem with this project was that processing keeps running the draw and makes the key press last for more than one cycle through draw. That makes it hard to assign values to an array while running. I solved that by placing animals in an array first and then the user just had to chose them and the program found it instead of putting it in the draw function.
Wednesday, November 6, 2013
A processing project I like
Here's a link to a project I like: http://www.openprocessing.org/sketch/110146 This project is by carrie chang. The code is easy, so anyone in class could make this. I like it because it looks really cool.
The first part of the code makes a black background and a shape with many triangles with a white stroke. After that more triangles are added on top of it which are different shades of red, pink, purple and orange.
The first part of the code makes a black background and a shape with many triangles with a white stroke. After that more triangles are added on top of it which are different shades of red, pink, purple and orange.
Monday, November 4, 2013
Project 3
I think the critique went well. Barry said that I should make the font bigger for reading when displaying to the class. I will keep that in mind for any text I use on the next project. I was able to make this project do everything that I wanted it to. If I were to extend it I'd make it pause to make it easier to make a screenprint. Also, I had to comment out the part that used coded keys to make screen prints of it because I had them clear the screen. This caused the screen to be cleared when trying to take a screen shot until I commented it out. I think I'd prefer to work on something else for the next project rather than extending this.
I used techniques not discussed in class in making my project like writing my own functions. For others in the class who don't know me, I have a degree in computer science and engineering and worked as a programmer for 3 1/2 years. Even though I am new to processing and only used Java in a class back in the 90s, I have general knowledge of how to go about programming so learning this is mostly becoming familiar with the syntax for me.
Here are some screen shots of my project:
I used techniques not discussed in class in making my project like writing my own functions. For others in the class who don't know me, I have a degree in computer science and engineering and worked as a programmer for 3 1/2 years. Even though I am new to processing and only used Java in a class back in the 90s, I have general knowledge of how to go about programming so learning this is mostly becoming familiar with the syntax for me.
Here are some screen shots of my project:
Here is the code:
float angle=0.0;
float r;
float s;
float t;
String shape;
String direction;
PFont font;
float r;
float s;
float t;
String shape;
String direction;
PFont font;
void setup(){
size(600,600);
background(0); //set background to black
smooth();
font = loadFont("TimesNewRomanPSMT-48.vlw");
textFont(font);
textSize(18);
text("Press t for triangles, e for ellipses and q for quads. Move by using the mouse. Press a coded key to clear the screen. Press 1 to rotate in a clockwise direction and any other key to rotate counterclockwise.",75,150,450,300);
}
void draw(){
translate(mouseX, mouseY); //move axis to mouse location
rotate(angle); //rotate axis
r=random(255); //set 3 random numbers changes every time run
s=random(255);
t=random(255);
fill(int(r),int(s),int(t)); /*convert random numbers to int and
use to generate random color*/
if (shape == "triangle"){
triangle(20,20,60,150,85,115); //show triangle
}
if (shape == "quad"){
quad(30,30,60,90,150,150,300,100); //show quad
}
if (shape == "ellipse"){
ellipse(10,10,150,225); //show ellipse
}
if (direction =="counterclockwise"){
angle += 0.1;
} else{
direction ="clockwise";
angle -=0.1;
}
if (keyPressed && (key == CODED) ) {
// background(0); //clear screen
}
if (keyPressed){
if (key == '1'){
direction = "clockwise"; //change rotation direction
} else {
direction ="counterclockwise";
}
}
if (keyPressed){
if ((key == 'q')||(key == 'Q' )) {
shape = "quad";
}
if ((key == 'e') ||(key == 'E')){
shape = "ellipse";
} else
if((key == 't')||(key =='T')){
shape = "triangle";
}
}
displayShape(shape);
selectDirection(direction);
}
size(600,600);
background(0); //set background to black
smooth();
font = loadFont("TimesNewRomanPSMT-48.vlw");
textFont(font);
textSize(18);
text("Press t for triangles, e for ellipses and q for quads. Move by using the mouse. Press a coded key to clear the screen. Press 1 to rotate in a clockwise direction and any other key to rotate counterclockwise.",75,150,450,300);
}
void draw(){
translate(mouseX, mouseY); //move axis to mouse location
rotate(angle); //rotate axis
r=random(255); //set 3 random numbers changes every time run
s=random(255);
t=random(255);
fill(int(r),int(s),int(t)); /*convert random numbers to int and
use to generate random color*/
if (shape == "triangle"){
triangle(20,20,60,150,85,115); //show triangle
}
if (shape == "quad"){
quad(30,30,60,90,150,150,300,100); //show quad
}
if (shape == "ellipse"){
ellipse(10,10,150,225); //show ellipse
}
if (direction =="counterclockwise"){
angle += 0.1;
} else{
direction ="clockwise";
angle -=0.1;
}
if (keyPressed && (key == CODED) ) {
// background(0); //clear screen
}
if (keyPressed){
if (key == '1'){
direction = "clockwise"; //change rotation direction
} else {
direction ="counterclockwise";
}
}
if (keyPressed){
if ((key == 'q')||(key == 'Q' )) {
shape = "quad";
}
if ((key == 'e') ||(key == 'E')){
shape = "ellipse";
} else
if((key == 't')||(key =='T')){
shape = "triangle";
}
}
displayShape(shape);
selectDirection(direction);
}
//This function sets the shape displayed
String displayShape(String shape){
String newShape;
newShape = shape;
return newShape;
}
String displayShape(String shape){
String newShape;
newShape = shape;
return newShape;
}
//This function selects the direction of rotation
String selectDirection(String direction){
String newDirection;
newDirection = direction;
return newDirection;
}
String selectDirection(String direction){
String newDirection;
newDirection = direction;
return newDirection;
}
Sunday, October 20, 2013
Processing images
Here are two images I made with processing using basic shapes.
size(600,600);
background(255);
fill(255,0,0,128);
triangle(300,300,300,450,400,570);
triangle(300,300,450,300,570,200);
triangle(300,300,300,150,200,30);
triangle(300,300,150,300,30,400);
ellipse(300,300,300,300);
stroke(255);
background(192, 64, 0);
ellipse(100,200,100,100);
fill(52, 95, 300);
ellipse(200,200,100,100);
fill(255);
ellipse(300,200,100,100);
ellipse(200,100,100,100);
ellipse(200,300,100,100);
Nothing fancy here, just basic shapes.
Non-linear website critique
On this website, my instructor didn't like that some items are based on photography and others are illustration. Personally, I don't have a problem with that. I thought this is supposed to be like the psychogeography type of traveling where you don't know what to expect. Obviously, the way I did it was not what was expected. I suppose if I'm going to mix things up maybe every page should have a mixture of photography and illustration. That would make it clear that this is what I intended. Although it wouldn't be something that would make people think about what they expect when surfing the web.
Another problem was the size of some things was smaller than others. Again using the whole screen was mentioned. I discussed what I think about that in the post on the critique of my website.
Someone mentioned that she found the animated gif of the running cat distracting on the pages with videos. I can understand where that could be distracting. Too many things competing for attention on the same page.
I guess my navigation wasn't clear, although every page linked to at least two others. I didn't think it was required that I put the navigation in only small spots. It makes sense to increase the difficulty in a linear project such as a video game, but who wants to start out with easy navigation, progress to something more difficult and then go back to the easier one since this is non-linear. I guess I didn't do what was expected here either.
Another problem was the size of some things was smaller than others. Again using the whole screen was mentioned. I discussed what I think about that in the post on the critique of my website.
Someone mentioned that she found the animated gif of the running cat distracting on the pages with videos. I can understand where that could be distracting. Too many things competing for attention on the same page.
I guess my navigation wasn't clear, although every page linked to at least two others. I didn't think it was required that I put the navigation in only small spots. It makes sense to increase the difficulty in a linear project such as a video game, but who wants to start out with easy navigation, progress to something more difficult and then go back to the easier one since this is non-linear. I guess I didn't do what was expected here either.
Subscribe to:
Posts (Atom)





