HTTP/1.1 200 OK
Server: nginx
Date: Fri, 16 Mar 2012 22:59:31 GMT
Content-Type: text/html;charset=utf-8
Connection: close
Content-Length: 23113
Content-Language: en
Expires: Sat, 1 Jan 2000 00:00:00 GMT
Etag: 
Pragma: no-cache

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
      lang="en">
  <head>
    <meta http-equiv="Content-Type"
          content="text/html;charset=utf-8" />

    <title>

                Bill Alves: Computer Video Works

        iota
    </title>



    
      
        <base href="http://www.iotacenter.org/store/videos/alves" />
      
    

    <meta name="generator" content="Plone - http://plone.org" />

    <meta content="jeremy" name="DC.creator" />
    <meta content="2005-08-16 12:48:24"
          name="DC.date.created" />
    <meta content="2010-10-13 12:27:06"
          name="DC.date.modified" />
    <meta content="Store" name="DC.type" />
    <meta content="en" name="DC.language" />

    <!-- Basic crude style for Netscape4.x - This can be removed
         if you don't want the special NS4 look - it will still work,
         just be plain text instead. Column layout for Netscape4.x included -->
    <link rel="Stylesheet" type="text/css"
          href="http://www.iotacenter.org/ploneNS4.css" />

    <!-- Column style sheet. -->
    <style type="text/css" media="screen"><!-- @import url(http://www.iotacenter.org/ploneColumns.css); --></style>

    <!-- Main style sheets for CSS2 capable browsers -->
    <style type="text/css" media="screen"><!-- @import url(http://www.iotacenter.org/plone.css); --></style>

    <!-- Old style sheet from Plone 1.0, remove tal:condition="nothing" if you need to use the old styles.
         Will be removed in Plone 2.1. -->
    

    <!-- Alternate style sheets for the bigger/smaller text switcher -->
    <link rel="alternate stylesheet" type="text/css"
          media="screen"
          href="http://www.iotacenter.org/ploneTextSmall.css"
          title="Small Text" />
    <link rel="alternate stylesheet" type="text/css"
          media="screen"
          href="http://www.iotacenter.org/ploneTextLarge.css"
          title="Large Text" />

    <!-- Style sheet used for printing -->
    <link rel="stylesheet" type="text/css" media="print"
          href="http://www.iotacenter.org/plonePrint.css" />

    <!-- Style sheet used for presentations (Opera is the only browser supporting this at the moment) -->
    <link rel="stylesheet" type="text/css"
          media="projection"
          href="http://www.iotacenter.org/plonePresentation.css" />

    <!-- Internet Explorer CSS Fixes -->
    <!--[if IE]>
    <style type="text/css" media="all">@import url(http://www.iotacenter.org/ploneIEFixes.css);</style>
    <![endif]-->


    <!-- Custom style sheet if available -->
    <style type="text/css" media="all"><!-- @import url(http://www.iotacenter.org/ploneCustom.css); --></style>

    <link rel="shortcut icon"
          href="http://www.iotacenter.org/favicon.ico"
          type="image/x-icon" />

    <link rel="search"
          href="http://www.iotacenter.org/search_form"
          title="Search this site" />

    

    <link rel="up"
          href="http://www.iotacenter.org/store/videos"
          title="Up one level" />

    

    <!-- Disable IE6 image toolbar -->
    <meta http-equiv="imagetoolbar" content="no" />

    
      
      
  <meta name="generator" content="CPSSkins 2.2" />
<!-- CSS1 -->
  <link rel="Stylesheet" type="text/css"
        href="http://www.iotacenter.org/cpsskins_common.css" />
  <link rel="Stylesheet" type="text/css"
        href="http://www.iotacenter.org/portal_themes/949295224/renderCSS" />
<!-- CSS2 -->
  <style type="text/css" media="all"> @import url(http://www.iotacenter.org/cpsskins_common-css2.css);</style>
<!-- JavaScript -->
  <script type="text/javascript"
          src="http://www.iotacenter.org/portal_themes/949295224/renderJS"></script>
<!-- Shortcut icon -->

  
    <link rel="icon"
          href="http://www.iotacenter.org/portal_themes/949295224/icons/logoIcon.gif"
          type="image/gif" />
    <link rel="shortcut icon" type="image/gif"
          href="http://www.iotacenter.org/portal_themes/949295224/icons/logoIcon.gif" />
  


    

    
      
    
    
    
    
    

      
    

    
      
    

    <!-- Common Plone ECMAScripts -->

    <!-- Pull-down ECMAScript menu, only active if logged in -->
    

    <!-- Define dynamic server-side variables for javascripts in this one  -->
    <script type="text/javascript"
            src="http://www.iotacenter.org/plone_javascript_variables.js">
    </script>

    <script type="text/javascript"
            src="http://www.iotacenter.org/plone_javascripts.js">
    </script>

    

      <!-- Old JS from Plone 1.0, remove tal:condition="nothing" if you need to use the old pop-ups.
           Will be removed in Plone 2.1 -->
      

    


<meta name="description" content="The iotaCenter: Visual Music, Abstract Film and Animation." />

<meta name="keywords" content="visual music,abstract animation,experimental animation,animation,VJ,synesthesia,music videos,lumia,live performance">

  </head>
  <body style="margin:0.8em" class="ColorBlack1">
    

      <table cellpadding="0" cellspacing="0" width="100%"
             style="margin-left:auto; margin-right:auto; height:50px"
             class="ShapeNoBorder ColorTransparent113"
             summary="top">
        <tr>
          
          
            <td valign="top" width="40%">
              
              
                
                  <div align="left" style="padding:0">
                    <div style="padding:0;"
                         class="ShapeNoBorder ColorTransparent113 FontColorBlack2 FontShapeVerdana">
                      <a href="/"><font size=3 color="white">
The iotaCenter<br></font>
<font size=1 color="white">Abstraction | Animation | Experimentation</font></a>
                      
                      
                      
                    </div>
                  </div>
                
                
              </td>
            
            
          
          
            <td valign="top" width="50%"
                class="ShapeNoBorder ColorTransparent">
              
              
                
                  <div align="right" style="padding:0">
                    <div style="padding:0;"
                         class="ShapeNoBorder ColorTransparent1132 FontColorBlack FontShapeVerdanaBig">
                      <div style="text-align: right"
     class="BoxColortrqsnoborder13 BoxShapenoborder">

 

 
  
    
  <div class="body" style="border: none">
     
      
         
              <a style="  display: inline"
                 href="http://www.iotacenter.org/login_form"
                 class="submenuout">
                <span class="menuouticon">&nbsp;</span><span
    style="white-space: nowrap">Log In</span>
              </a>
         
      
      
         
              <a style="  display: inline"
                 href="http://www.iotacenter.org/join_form"
                 class="submenuout">
                <span class="menuouticon">&nbsp;</span><span
    style="white-space: nowrap">Join</span>
              </a>
         
      
     
  </div>

  
 

 

 

 

 

 

 

    

 
</div>

                      
                      
                      
                    </div>
                  </div>
                
                
              </td>
            
            
          </tr>
        </table>


      <table cellpadding="0" cellspacing="0" width="100%"
             style="margin-left:auto; margin-right:auto; height:20px"
             class="ShapeNoBorder ColorTransparent113"
             summary="Navigation">
        <tr>
          
          
            <td valign="top">
              
              
                
                  <div align="left" style="padding:0em">
                    <div style="padding:0em 0.5em 0em 1.2em;"
                         class="ShapeBottom Colorblackonwhite FontColorBlack FontShapeVerdanaBig">
                      <div>
  
  You are here:
  
    
      <a href="http://www.iotacenter.org/" title="iota">iota</a>
      <span>&raquo;</span>
    
  
  
    
      <a href="http://www.iotacenter.org/store/"
         title="Store">Store</a>
      <span>&raquo;</span>
    
  
  
    
      <a href="http://www.iotacenter.org/store/videos/"
         title="Artist Videos">Artist Videos</a>
      <span>&raquo;</span>
    
  
  
    
      <a href="http://www.iotacenter.org/store/videos/alves/view"
         title="Bill Alves: Computer Video Works">Bill Alves: Computer Video Works</a>
      
    
  
  
</div>

                      
                      
                      
                    </div>
                  </div>
                
                
              </td>
            
            
          </tr>
        </table>


      <table cellpadding="0" cellspacing="0" width="100%"
             style="margin-left:auto; margin-right:auto; height:400px"
             class="ShapeNoBorder ColorTransparent113"
             summary="Main Columns">
        <tr>
          
          
            <td valign="top" width="14%"
                class="ShapeNoBorder ColorTransparent">
              
              
                
                  <div align="left" style="padding:0.5em">
                    <div style="padding:0.5em;"
                         class="ShapeNoBorder Colortrqsnoborder2 FontColorBlack232 FontShapeVerdana">
                      
                      
                      
                      
                        
                          
  
    
      
          <div>

    <div class="portlet" id="portlet-navigation">


        <div class="portletBody">
<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script>

            <div class="portletContent odd">
                <font size="2"><b>
                <a href="/">Home</a><br>
                <a href="http://www.iotacenter.org/about/membership"><font size="3"><u>Join Us</u></font></a><br>
                <a href="/about">About Us</a><br></b>
<a href="javascript:ReverseContentDisplay('programs');  javascript:HideContent('projects')">
<b>Our Programs &#9658;</b>
</a><br>

<div id="programs" style="display:none; 
      position:absolute; 
      left:130px; 
      top:60px; 
      border-style: solid; 
      background-color: #669999; 
      padding: 5px;">
<a href="/program"><b>Overview</b></a><br>
<a href="/program/community">Community</a><br>
<a href="/program/exhibition">Exhibition</a><br>
<a href="/program/research">Research</a><br>
<a href="/program/preservation">Preservation</a><br>
<a href="javascript:HideContent('programs')">
[close]
</a>

</div>

              <a href="javascript:ReverseContentDisplay('projects'); javascript:HideContent('programs')">   
               <b>Our Projects &#9658;</b></a> <br>
<div id="projects" style="display:none;
      position:absolute; 
      left:120px; 
      top:80px; 
      border-style: solid; 
      background-color: #669999; 
      padding: 5px;">
<a href="/projects"><b>Overview</b></a><br>
<a href="/projects/beckett">Adam&nbsp;Beckett</a><br>
<a href="/projects/engel">Jules Engel</a><br>
<a href="/visualmusic/articles/moritz">William&nbsp;Moritz</a><br>
<a href="javascript:HideContent('projects')">
[close]
</a>
</div>
<!--<font size=2> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/projects/beckett">Adam&nbsp;Beckett</a><br>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/projects/engel">Jules Engel</a><br>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/visualmusic/articles/moritz">William&nbsp;Moritz</a><br></font> -->

                 <b><a href="/store">Store</a><br>
                <a href="/contact">Contact Us</a><br>
                <a href="/support">Support iota</a>
             </b>
            </font>
            </div>

           

        </div>

     </div>

</div>
        
      
    
    
      
          <div>

    <div class="portlet" id="portlet-PUT-THE-FUNCTION-OF-YOUR-PORTLET-HERE">



        <div class="portletBody">

            <div class="portletContent odd">
                <font size="3"><b>
                 <a href="/visualmusic"><u>Visual Music</u></a></b><br>
                   </font><font size="2">

                &nbsp;&nbsp;<a href="/visualmusic/historysearch">Artist Profiles</a><br>
                &nbsp;&nbsp;<a href="/visualmusic/techniques">Techniques</a><br>
                &nbsp;&nbsp;<a href="/visualmusic/articles">Articles</a><br>
                &nbsp;&nbsp;<a href="/visualmusic/offsite">Offsite&nbsp;Resources</a>
                </font>
            </div>

           

        </div>

     </div>

</div>
        
      
    
    
      
          <div>

    <div class="portlet" id="portlet-navigation">


        <div class="portletBody">


            <div class="portletContent odd">
                <!-- BEGIN: Constant Contact Bubble Opt-in Email List Form -->
                <div align="left">
                <table width="160" border="0" cellspacing="0" cellpadding="0">
                  <tr><td>
                    <form name="ccoptin" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank" method="post">
                    <b><font size="2">Join Our Mailing List<br>
                    Email:</font></b><input type="text" name="ea" size="14" value=""><br>
                    <div align="right"><input type="submit" name="go" value="Join" class="submit"></div>
                    <input type="hidden" name="llr" value="wtx5tpbab"><input type="hidden" name="m" value="1101109616246">
                    <input type="hidden" name="p" value="oi">
                    </form>
                  </td></tr>
                  <tr><td><table><tr><td>

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<fb:like href="http://www.facebook.com/#!/iotaCenter" layout="button_count" show_faces="false" font="">
</fb:like>
</td><td align="left">
<a href="http://www.twitter.com/iotaCenter"><img src="http://twitter-badges.s3.amazonaws.com/t_small-a.png" alt="Follow iotaCenter on Twitter" /></a>
</td><td>
<a href="http://www.youtube.com/user/iotacenter?feature=creators_cornier-http%3A//s.ytimg.com/yt/img/creators_corner/YouTube/youtube_32x32.png">
<img src="http://s.ytimg.com/yt/img/creators_corner/YouTube/youtube_32x32.png" alt="Subscribe to me on YouTube" />
</a><img src="http://www.youtube-nocookie.com/gen_204?feature=creators_cornier-http%3A//s.ytimg.com/yt/img/creators_corner/YouTube/youtube_32x32.png" style="display: none" />
</td></tr></table>
</td></tr> </table>
                </div>




                
            </div>

           

        </div>

     </div>

</div>
        
      
    
  
  
  

                        
                      
                    </div>
                  </div>
                
                
              
                
                  <div align="right" style="padding:0.5em">
                    <div style="padding:0.5em;"
                         class="ShapeNoBorder5 ColorTransparent113 FontColorBlack FontShapeVerdana">
                      
  
  
  <form style="margin:0;padding:0;" method="get"
        action="http://www.iotacenter.org/search">
    <table cellpadding="0" cellspacing="0" border="0" summary="">
      <tr>
        <td>
          <input id="searchGadget" name="SearchableText"
                 type="text" size="10" alt="Search"
                 title="Search" />
        </td>
        <td>
          <input class="searchButton" type="submit"
                 value="Search" />
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <a href="http://www.iotacenter.org/search_form">Advanced search</a>
        </td>
      </tr>
    </table>
  </form>


                      
                      
                      
                    </div>
                  </div>
                
                
              </td>
            
            
          
          
            <td valign="top" width="86%"
                class="ShapeNoBorder ColorTransparent">
              
              
                
                  <div align="left"
                       style="padding:0.5em 1.7em 0em 1.7em">
                    <div style="padding:0em;"
                         class="ShapeNoBorder ColorTransparent113 FontColorBlack3 FontShapeVerdana">
                      <div style="text-align: left"
     class="BoxColortrqsnoborder1 BoxShapeNavigation">

 

 
  
 

 

 

 

 

 

 

    

 
</div>

                      
                      
                      
                    </div>
                  </div>
                
                
              
                
                  <div align="left" style="padding:0em">
                    <div style="padding:0em 1.2em 0em 1.2em;"
                         class="ShapeNoBorder ColorTransparent113 FontColorBlack4 FontShapeVerdanaBox">
                      
                      
                      
                      
                        
                          
  
  
   <div class="contentActions">

        

        

        

<ul>

    

    <li class="actionSingular">
        State:
        <span class="state-visible">visible</span>
    </li>


    
    
    

    

    

</ul>



        

    </div>
  
  

                        
                      
                    </div>
                  </div>
                
                
              
                
                  <div align="left"
                       style="padding:0em 1.2em 1em 1.2em">
                    <div style="padding:1em;"
                         class="ShapeSolid Colorblackonwhite FontColorBlack FontShapeVerdana">
                      
                      
                      
<!-- BEGIN Main Content -->
                         
        
        
        <div id="region-content"> 
          <div>
      


<table cellpadding="10">
<tr>
   <td width="166" valign="top">
     <div></div>
      <span>

           <img src="/static/alvesvidbox.jpg" width="146">
      </span>
   </td>
   
   <td valign="top" width="100%">
     <p align="left">
        <font size="4" color="#0080FF"><b>
          <span>Bill Alves: Computer Video Works</span></b>
        </font>
      </p>
      <span />
         
<font size="2">
      <!-- <span tal:content="structure python: here.getDescription(mimetype='text/html')"/>
      <br><br> -->
      <span><p>DVD (NTSC) - 25 minutes</p></span>
      <br><hr>
      Price $<span>20.00</span>
      --
      
      <span />
      <span />

      <a href=" 
         http://www.ccnow.com/cgi-local/cart.cgi?iotacenter_KVL008_http://www.iotacenter.org/store">
      <b>Add To Cart</b>
      </a>
   
      <div />
      
      
      <hr>
      <font color="red"><br>
         <span></span>
      </font>
</font></td></tr></table>
<table width="100%"><tr><td>
<font size="2">
<span><br><br>

<b>Static Cling</b> (2000) is the result of a fascination with the resonant patterns that emerge from the chaos of our world, in the same way in which one can start to see interesting patterns and shapes in the static screens of interstation tuning.  In this piece, Alves has transformed the sounds of the nightly ritual chaos of local news broadcasts into abstract timbres and static images into patters of visual resonance.  In both cases, the patterns are based on harmonic proportions, known in the music as just intonation.<br><br>

<b>Collateral Damage</b> (1992) uses digital editing technology to cut, splice, and mix video and sounds simultaneously into a piece of “video concrete,” that is, the visual equivalent of the works of electronic “musique concrete” composers, who create compositions by manipulating everyday sounds.  The result is a musical look at the mindless repetition of Gulf War briefings.<br><br>

<b>Hiway 70</b> (1997) is the result of the development of software based on the vision of computer animation pioneer John Whitney, Sr., with whom Alves had worked before Whitney’s death in 1995.  <i>Hiway 70</i> creates a vision inspired by long night drives on lonely Texas highways.  The soundtrack utilizes computer motivations of traffic sounds, as well as electric guitars and others sources.  These sound are in the harmonic proportions of just intonation, and many of the images of the video are a visual analogue to these same harmonic relationships, an idea also inspired by Whitney.<br>
<br>
<a href=http://iotacenter.org/databasetry?name=AlvesBill>Bill Alves' artist profile</a>
</span>
</font>
</td></tr><tr><td bgcolor="#d0d0d0" align="center"><font size="3">
<a href=".">To The iotaCenter Store</a></font></td></tr>
</table>

      
    </div>
        </div>
        
          <div class="discussion">

    

</div>
        
      
<!-- END Main Content -->
                         <br clear="all" />
                      
                      
                    </div>
                  </div>
                
                
              </td>
            
            
          </tr>
        </table>


      <table cellpadding="0" cellspacing="0" width="100%"
             style="margin-left:auto; margin-right:auto; "
             class="ShapeNoBorder ColorTransparent113"
             summary="bottom">
        <tr>
          
          
            <td valign="top">
              
              
                
                  <div align="center" style="padding:0em">
                    <div style="padding:1em 0em 1em 0em;"
                         class="ShapeTopBottom ColorPloneLightBlue11111 FontColorBlack FontShapeVerdana">
                      <font size=2>
<table cellpadding=20><tr><td width=150></td><td>
<p align=center>
<a href="/">iotaCenter.org</a><br>
<a href="#top">Top of Page</a><br>
For best viewing on a Mac, use Mozilla or Safari<br><br>
iotaCenter is a nonprofit organization that provides this information as a public service to film artists and the larger community.  We have made sincere efforts to get permission from all rights holders. Please contact us at <a href="mailto:webmaster@iotacenter.org"> webmaster@iotacenter.org</a> if you are a rights holder whom we have not yet been able to reach.  For all other inquiries, please contact us at <a href="mailto:info@iotacenter.org">info@iotacenter.org</a>
</p></td></tr></table>
</font>
                      
                      
                      
                    </div>
                  </div>
                
                
              </td>
            
            
          </tr>
        </table>

  </body>
</html>


