User:Mathijs van Oosterhoudt: Difference between revisions

From XPUB & Lens-Based wiki
mNo edit summary
No edit summary
 
(105 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Dialhack, 2012 ==
__notoc__


Two old phosphor-green monitors stand on top of a simple rectangular white pedestal in an otherwise empty space.
They display lines of what seems like computer-code, and are composed of addresses and telephone numbers.
The two screens work in sync with each other, displaying new information simultaneously.
When two new phone numbers come up on the screens we can hear two phones dialing and being answered at the same time, occasionally resulting in voice mail messages, confused people at the end of the line or in some rare circumstances a short conversation.
Once both persons being called have hung up the phone, the same ordeal happens all over again with different telephone numbers.


<div style='
width: 900px;
height: 1700px;
margin-top: -150px;
  background-image: -o-radial-gradient(bottom, rgb(255,255,255) 49%, rgb(130,120,0) 75%, rgb(130,50,210) 88%);
  background-image: -moz-radial-gradient(bottom, rgb(255,255,255) 49%, rgb(130,120,0) 75%, rgb(130,50,210) 88%);
  background-image: -webkit-radial-gradient(bottom, rgb(255,255,255) 49%, rgb(130,120,0) 75%, rgb(130,50,210) 88%);
  background-image: -ms-radial-gradient(bottom, rgb(255,255,255) 49%, rgb(130,120,0) 75%, rgb(130,50,210) 88%);
margin-left: auto;
margin-right: auto;
font-family: "Comic Sans MS", cursive, sans-serif;


== Flutter, 2011 ==




Flutter is an interactive installation for children.  
 
A large green rectangular block has a milky white lighted screen on top. Around this block, there are several smaller blocks to reach the screen.
'>
In front of the screen is a white wall on which hand-shaped bright-colored figures are projected, flying around and 'flapping' their wings.
<div style="z-index: 350; position:relative; left: 52%; width: 50%; margin-top: 200px;
Once you place your hands on this lighted screen you can see faint traces of the shape of your hands on the wall in front of you, simply showing you the contours in different colors.
    -ms-transform: rotate(-10deg); /* IE 9 */
Once you keep your hands steady in place, it turns into one of these figures we had already seen on the wall.
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
Its shape and size remaining the way you had put your hands on the screen, joining all the other hands flying around on the wall.
    transform: rotate(-10deg);
 
">http://www.tweakyourpage.com/Generators/Profile_Counter/image77689_button3.jpg</div>
 
 
    <div style="z-index: 200; position:relative; text-align:center; color:white; a.color:white; top:0; left:0; width: 100%; height: 100%; background: background-image: radial-gradient(bottom, rgb(50,0,50) 49%, rgb(50,50,0) 75%, rgb(0,50,50) 88%); color:white; text-decoration: none;
  background-image: -o-radial-gradient(bottom, rgb(255,255,255) 49%, rgb(30,120,0) 75%, rgb(130,50,10) 88%);
  background-image: -moz-radial-gradient(bottom, rgb(255,255,255) 49%, rgb(30,120,0) 75%, rgb(130,50,10) 88%);
  background-image: -webkit-radial-gradient(bottom, rgb(255,255,255) 49%, rgb(30,120,0) 75%, rgb(130,50,10) 88%);
  background-image: -ms-radial-gradient(bottom, rgb(255,255,255) 49%, rgb(30,120,0) 75%, rgb(130,50,10) 88%);
  a.color: white;
 
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
">
 
<div style="margin:-100px;">
[[File:Staytrippy.gif]]
</div>
 
 
<div style='float: left; clear: left; width: 25%;
display: block;
position: absolute;
top: 600px;
left: 0px;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
 
  background-image: -o-radial-gradient(bottom, rgb(250,217,250) 49%, rgb(120,10,60) 75%, rgb(210,150,10) 88%);
  background-image: -moz-radial-gradient(bottom, rgb(250,217,250) 49%, rgb(120,10,60) 75%, rgb(210,150,10) 88%);
  background-image: -webkit-radial-gradient(bottom, rgb(250,217,250) 49%, rgb(120,10,60) 75%, rgb(210,150,10) 88%);
  background-image: -ms-radial-gradient(bottom, rgb(250,217,250) 49%, rgb(120,10,60) 75%, rgb(210,150,10) 88%);
 
 
 
'>
==Trim 1==
 
[[/thematic_trim_1 | Thematic projects]]
 
[[/tech | Technical plan]]
 
[[/counting | Counting in public spaces]]
 
[[/msgs | Message Delivery]]
 
[[/rwrm | Reading Writing, Research Methodologies - Trimester 1]]
 
[http://www.voorjeweetmaarnooit.nl geoWords]
 
[[/rwrm/spaceship | Buckminister Fuller - Operating Manual for Spaceship Earth]]
</div>
 
<div style='float: right; clear: right; width: 25%;
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
 
position: absolute;
top: 1000px;
left: 0px;
 
 
  background-image: -o-radial-gradient(bottom, rgb(255,220,133) 49%, rgb(130,120,30) 75%, rgb(30,150,30) 88%);
  background-image: -moz-radial-gradient(bottom, rgb(255,220,133) 49%, rgb(130,120,30) 75%, rgb(30,150,30) 88%);
  background-image: -webkit-radial-gradient(bottom, rgb(255,220,133) 49%, rgb(130,120,30) 75%, rgb(30,150,30) 88%);
  background-image: -ms-radial-gradient(bottom, rgb(255,220,133) 49%, rgb(130,120,30) 75%, rgb(30,150,30) 88%);
margin: 150px;
 
'>
==Trim 2==
 
[[/netspace | NetSpace]]
 
[[/formula | Formula]]
 
[[/disect | Camera dissection]]
 
[[/building | Camera building]]
 
[[/int_asses | Integrated Assessment Trim 2]]
 
[[/rwrm/essay | Self-directed research essay]]
</div>
 
<div style='float: left; clear: left; width: 25%;
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
 
position: absolute;
top: 650px;
right: 0px;
 
 
  background-image: -o-radial-gradient(bottom, rgb(217,255,255) 49%, rgb(70,10,50) 75%, rgb(230,50,110) 88%);
  background-image: -moz-radial-gradient(bottom, rgb(217,255,255) 49%, rgb(70,10,50) 75%, rgb(230,50,110) 88%);
  background-image: -webkit-radial-gradient(bottom, rgb(217,255,255) 49%, rgb(70,10,50) 75%, rgb(230,50,110) 88%);
  background-image: -ms-radial-gradient(bottom, rgb(217,255,255) 49%, rgb(70,10,50) 75%, rgb(230,50,110) 88%);
 
margin: 150px;
'>
==Trim 3==
 
[[/geocam | GeoCam]]
 
[[/building2 | Camera building 2.0]]
 
[[/drone | Drone kit documentation]]
 
[[/kickstarter | Kickstarter pitch]]
 
[[/netspace2 | NetSpace (WIP)]]
 
[[/kooning | Buying a Kooning]]
 
[[/rwrm/writingmachine | Writing Machine Chain]]
</div>
<div style='float: right; clear: right; width: 25%;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
margin: 150px;
 
position: absolute;
top: 1050px;
right: 0px;
 
 
  background-image: -o-radial-gradient(bottom, rgb(251,240,250) 49%, rgb(130,20,30) 75%, rgb(230,50,170) 88%);
  background-image: -moz-radial-gradient(bottom, rgb(251,240,250) 49%, rgb(130,20,30) 75%, rgb(230,50,170) 88%);
  background-image: -webkit-radial-gradient(bottom, rgb(251,240,250) 49%, rgb(130,20,30) 75%, rgb(230,50,170) 88%);
  background-image: -ms-radial-gradient(bottom, rgb(235,234,255) 49%, rgb(130,20,30) 75%, rgb(230,50,170) 88%);
 
 
'>
==Trim 4==
 
[[/projectprop1 | LAST YEAR'S Rough Project Proposal]]
 
=== [[/projectprop2 | THIS YEAR'S Project Proposal]] ===
 
=== [[/thesisoutline | Draft Thesis Outline]] ===
 
[[/pitch | WIP Notes]]
 
[[/rwrm/object | OLD PROPOSAL Media object]]
 
[[/rwrm/button | CURRENT Media object]]
 
[[/protograd | Rough prototypes and tryouts]]
 
[[/survey | Work & Literature survey]]
 
[[/questions | Questions and description]]
</div>
 
<div style='float: left; clear: right; width: 25%;
    -ms-transform: rotate(14deg); /* IE 9 */
    -webkit-transform: rotate(14deg); /* Chrome, Safari, Opera */
    transform: rotate(14deg);
margin: 150px;
 
position: absolute;
top: 1350px;
left: 0px;
 
 
  background-image: -o-radial-gradient(bottom, rgb(251,240,3) 49%, rgb(130,255,255) 75%, rgb(230,50,255) 88%);
  background-image: -moz-radial-gradient(bottom, rgb(251,240,250) 49%, rgb(130,189,30) 75%, rgb(230,50,170) 88%);
  background-image: -webkit-radial-gradient(bottom, rgb(23,240,250) 49%, rgb(130,20,30) 75%, rgb(230,50,170) 88%);
  background-image: -ms-radial-gradient(bottom, rgb(235,234,4) 49%, rgb(130,20,108) 75%, rgb(230,255,170) 88%);
 
 
'>
==Trim 5/6==
 
[[/prototypecam | Camera Induco prototypes]]
 
[[/projectoutline | Project Outline]]
 
[[/thesisdraftcurrent | Current Thesis draft]]
 
[[The_Focal_Camera | Final Graduation Project]]
 
</div>
 
 
 
</div>

Latest revision as of 20:57, 2 July 2015


Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Mathijs_van_Oosterhoudt&oldid=82892"