PRODUCTION NOTE   Start A proposal was required for the future vision of the Motomachi Shopping Street, Yokohama, Japan, for the 21st century.   Proposals should be submitted as digital medias which can be reviewed  by the Internet browsers Investigation was carried out on site and over the relevant websites. Study Not as a spatial recontruction of the Shopping Street but as an interactive and phantasmagoric consumer cyberspace which cannot be realized in a real architectural space.  Visualization of a space entirely generated from the information itself. Destruction of hierarchy of information. Equalization of information. Tube covered with information cells - INFOTUBE Contents of cells and basic events and actions implemented. Basic study modeling of tubes for verifying forms and functions. Content "Shop, Product, Visitor,and  Genearl" information to be shown on the cells. Preparation of HTML files with images and texts. Gathering materials, taking pictures and getting permissions to use product images. Making 269 cells (50X100 pixel PNG files). Programming 234 HTML files. Modeling Modeling of a map of the shopping street which is presented in the VRML interface. Modeling of the Tube and mapping of cell images onto the Tube. Write modeling data as VRML 2.0 style.  Programming Implementation by JavaScript within a script node of VRML. All cells have a touch sensor and proximity sensor. All cells have a copy of self properties at another place. Click action : When a cell senses a click event, it is installed at the bookmark shelf and its proximity sensor becomes active so that the cell to be positioned to the front.  When a cell at the bookmark shelf is clicked, it goes back to the original position by referring a copy of the properties. Distribution of bookmarks is organized by a manager which reconfigures cells into vacant spaces. OnMouseOver : When a cell senses an onMouseOver event, 1)a relevant HTML file is loaded to another frame 2)a relevant place on the map is illuminated. 3) transparency of the cell becomes 1.0 from 0.5 (illuminated). Presentation Modeling of perception models of the shopping street. Embedding wrl files into the HTML files.

///////////////////////////////////////////////////////// //// A function called when a cell senses a click event.             //// ////This functiont organizes a cell's move to and from the  bookmark shelf,       //// //// and illumination of the street map.        //// ////////////////////////////////////////////////////////// function Move_0101(){  if(frag0101 == 0){ // if cell is NOT bookmarked   m0101.transparency = 0;   SetBmXForm(cel0101, cel0101in);   SetBmCoord(coord0101,texcoord0101);   prox0101.enabled = TRUE;   frag0101 = 1;   bmNum = bmNum + 1;   arrayNum = arrayNum + 1;   nodeArray[arrayNum] = 'ob0101';   lastObj = 'ob0101';  }else{   // if cell is bookmarked   prox0101.enabled = FALSE;   m0101.transparency = 0.5;   Reverse();   frag0101 = 0;   bmNum = bmNum - 1;   ShiftBookmark('ob0101');  } } ////////////////////////////////////////////////////////// //// A function called when a cell senses an onMouseOver event.      //// //// This function organizes loading of a relevant HTML files,       //// //// and illumination of the street map.       //// ////////////////////////////////////////////////////////// function OnMouse_0101(frag){  if(frag){  // OnMouseOver In   m0101.transparency = 0;   Browser.loadURL(new MFString('../information/info-shops/html/1a/1a13-MOTOMACHI_SSA.htm'), new MFString('target=html'));   mat_1a13.diffuseColor = red;   ScaleUpMap(coord_1a13.point);  }else{   // OnMouseOver Out   m0101.transparency = 0.5;   mat_1a13.diffuseColor = yellow;   ScaleDownMap(coord_1a13.point);  } }