Wednesday, March 12, 2014

Introduction

Hi there! My name is Kendall Robertson and I am currently a Digital Arts and Sciences Major in the College of Engineering looking to transfer to Digital Arts and Sciences in the College of Fine Arts. As shown in this blog, I have a passion for the Digital Arts and am looking to pursue this as a career. All areas of my portfolio are labeled for viewing efficiency. I have also turned in a flash drive to the advising office with all of these works on it for backup purposes. Enjoy!

Find me on Facebook:
https://www.facebook.com/kendallbean?fref=ts

Find me on Twitter:
https://twitter.com/krobertson111

Find me on Flickr:
http://www.flickr.com/photos/115777664@N02/

See my Classmates and I's Digital Projection Blog Posts:
http://digitalprojectiondesign.blogspot.com/



Personal Statement of Intent

The first time I realized I wanted to pursue a career in Digital Design was at a very young age.  I was 9 years old and had made myself an account on Horseland.com – a site in which users had virtual “barns” and would create layout designs for their homepage. Fascinated by the extraordinary creativity of the layouts I saw, I felt compelled to join in the competitive nature of this website. I taught myself basic HTML coding and worked diligently on my Photoshop skills. When I eventually started getting requests from other users to purchase my layouts I began thinking to myself, “This is the kind of stuff I could do for the rest of my life.”

Tuesday, March 11, 2014

2D Works

The following are 2D works that I have created digitally using various programs or hand-painted on blank canvases. I have created HTML layouts for users on a website called "Horseland"; The background design of several layouts can be seen below. I also own an online shop through Etsy.com called "HipsterPrep Designs" where I sell hand painted canvases. Examples of these works are also listed below. The purpose of showing these works is to highlight my creativity and exhibit a little taste of my artistic style.


"Fiaera Layout"
Created as a custom layout for a user on Horseland.com
Used Paint Shop Pro X and Photoshop
Done in 2004


"Caemlyn Layout"
Created as a custom layout for a user on Horseland.com
Used Paint Shop Pro X and Photoshop
Done in 2003


"Fiaera Extended Layout"
Created as a layout for myself on Horseland.com
The HTML i coded to go along with this piece was mapped so that the links worked and I also created a scrolling text box that fit perfectly in the "updates" box
Used Paint Shop Pro X and Photoshop
Done in 2005


"M.ael Layout"
Created as a custom layout for a user on Horseland.com
Used Paint Shop Pro X and Photoshop
Done in 2004


"Trot & Savvy Layout"
Created as custom layout for a user on Horseland.com
Used Paint Shop Pro X and Photoshop
Done in 2004


"Premade Horse Profile Picture"
Created as a custom "Horse Profile Picture" for a user on Horseland.com
Used Paint Shop Pro X and Photoshop
Done in 2005


"Imagination Entourage"
Original Hand-Painted Canvas 
Done in 2013



"Gator"
Hand-Painted Canvas
Done in 2013


"Roommate Canvas"
Hand-Painted/Designed Canvas 
Done in 2013
 
 

Graphics

Shown below are a few original Quartz Compositions. I am still fairly new to this program however I have read the manual and understand the basics.


"Fire Patch"
Patch created in Quartz Composer simulating fire
Composed fire gradient in PhotoShop
Done in 2014
 
 

A short clip of "Fire Patch"...

 

"Comet Patch"
Patch created in Quartz Composer; A "comet-like" graphic follows the mouse around the screen
Done in 2014
 
 

A short clip of the "Comet Patch" in action...
 


"Drag and Drop Patch"
Patch created in Isadora that allows user to drag and drop the "Sprite" objects in the viewer
Done in 2014
 
 
 
 
"Kaleidoscope Patch"
Patch created in Quartz Composer; Formation of Kaleidoscope is controlled by movement of mouse
Done in 2014
 
 
 
A short clip of the "Kaleidoscope Patch"...

 

Monday, March 10, 2014

3D Works

Below is my work in Pure Data Extended. These are open GL 3D works.


A screenshot of the Patch developed with Pure Data Extended with Gem.
This specific patch reacts to outside sound through the Soundflower Application.



A short video of the patch and its reaction to sound...
As I snap my fingers into the built-in microphone on my Mac, the box in the center rotates.
I apologize for the lag in the video, my computer runs very slow while the screen is being recorded.
 
 

Saturday, March 8, 2014

Interactive Examples

I am currently learning to use the Isadora software in Pat Pagano's Digital Projection Design Class. Shown below are several patches I have created for assignments in this class.



Patch in Isadora using a found Quartz Composition layered with a found Texture
Created for Pat Pagano's Projection class in 2014
Quartz Composition from quartzcompositions.com
Texture found from turbosquid.com


Patch in Isadora exhibiting my exploration with FreeFrame plug-ins
Created for Pat Pagano's Projection class in 2014
Original video found from videopong.net


"Kaleidoscope Wars"
A short capture of another FreeFrame concentrated piece done in Isadora
Created for Pat Pagano's Projection class in 2014
Taped using Quicktime



Patch in Isadora showing a basic Particle System
Created/Edited for Pat Pagano's Projection class 2014


Another view of the patch. The entire patch did not fit on one screen.


A short clip of the Particle System patch in action...
Taped using Quicktime


A patch in Isadora that I am currently working on that will be able to be controlled from an exterior device such as an iPhone. I hope to finish this one soon.
Created for Pat Pagano's Projection class in 2014


Patch in Isadora showing a basic motion tracking system
My next step with this patch is to program particles to follow my hand as I wave it across the screen
Created for Pat Pagano's Projection class in 2014


Patch in Isadora demonstrating my skills with generators 
Created for Pat Pagano's Projection class in 2014
Original video found from turbosquid.com


A short clip of the Generator Patch...
Taped using QuickTime
 
 

Friday, March 7, 2014

Code Examples

Shown here are a few examples of my computer coding work. I took COP3502 and COP3503 so I have a basic understanding of the Java programming language. I also taught myself some basic HTML as i mentioned in an earlier post.


Construction of a Circle Object using Java
Constructs a simple circle and returns basic values about the circle when prompted (such as radius, etc)


public class Circle
{
    private int radius;
    private String color;
    private boolean isVisible;
    private int x;

public Circle()
    {
        // radius = 2;
        color = "blue";
        isVisible = true;
   
        x = 0;
    }
public Circle(int r, String c, boolean v) {
radius = r;
color = c;
isVisible = v;
}
   public int getRadius()
    {

        return radius;
    }
    public void setRadius(int r) {
        radius = r;
    }
 
}

-----------------------------------------------------------------------------------------

Basic String Test/Return Program using Java
Uses imported method called "noSpaces"


#include "nospaces.h"

int main(){
  char test[256];

  std::cout << "Please enter a string" << std::endl;

  std::cin.getline(test, 256);

  char * c = noSpaces(test);

  std::cout << "Original: " << test << std::endl << "No Spaces: " << c << std::endl;

  delete [] c;

  return 0;
}

------------------------------------------------------------------------------------

Basic Recursion Programming using Java
Also uses imported method called "noSpaces"


#include "nospaces.h"

int lengthNoSpaces(char const * const str){
  if(*str == '\0'){
    return 0;
  }

  if(*str != ' '){
    return 1 + lengthNoSpaces(str+1);
  }

  return lengthNoSpaces(str+1);
}

void fillIn(char * const copy, char const * const original){
  if(*original == '\0'){
    *copy = '\0';
    return;
  }

  if(*original != ' '){
    *copy = *original;
    fillIn(copy+1, original+1);
    return;
  }

  fillIn(copy, original+1);
}

char * noSpaces(char const * const str){
  int n = lengthNoSpaces(str);
  char * copy = new char[n+1];

  fillIn(copy, str);
  
  return copy;
}