﻿<html xmlns="http://www.w3.org/1999/xhtml"><head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.5, minimum-scale=0.5, user-scalable=yes, maximum-scale=2.0, target-densitydpi=device-dpi" />
				<meta name="robots" content="all"/>
        <meta name="description" content="description">
        <meta name="keywords" content="">
        <title>Page 269 - The Black Box Book</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
  
#container {margin:50px auto;padding:0px;width:910px;}
#left-button{ width:90px; height:100%;float:left }
#middle{ width:730px; margin:0px; float: left;}
#right-button{ width:90px; float:left;}
html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, dd,select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; displayblock}
span,ul,li,image{ padding:0px; margin:0px; list-style:none;}
#top-title{ width:714px; margin-bottom:10px; float:left; padding:0px 8px}
#top-title2{ width:320px;  float:right;}
#content{ width: 730px; float:left;float:left;word-wrap: break-word;}
#content-top{ width:730px; background-image:url(images/top_bg.jpg); height:56px; background-repeat:no-repeat; float:left;}
#content-top1{ width:70%; padding:16px 0px 0px 30px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#636363;float:left;}
#content-top2{ width:60px; float:right; padding:25px 30px 0px 0px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2f2f2f; font-weight:bold; text-align:right}
#content-middle{ width:730px; background-image:url(images/middle_bg.jpg); background-repeat:repeat-y;float:left;}
#content-middle1{ width:475px; padding:25px 0px 25px 35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; line-height:150%;float:left;}
#content-middle2{  padding:7px; float:right; margin:25px 35px 0px 0px; border:solid 1px #c8c8c9; background-color:#FFF; text-align:center}
#content-bottom{ width:730px; background-image:url(images/bottom_bg.jpg); background-repeat:no-repeat; height:58px;float:left;}
#content-bottom2{ width:110px; height:42px; margin:0px auto; padding-top:4px;}
#input{ width:58px; height:20px; background-color:#FFF; border:solid 1px #dfdfe0; color:#636363; text-align:center; font-size:11px;}
.font1{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#2f2f2f;}
.font1 a:link{
	text-decoration: none;
    color:#2f2f2f;

}
.font1 a:visited{
	text-decoration: none;
    color:#2f2f2f;
	
}
.font1 a:hover{
	color: #2f2f2f;
	text-decoration: underline;

}



.text-container {
padding: 20px;
color: #333;
margin-top: 24px;
line-height: 22px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.use-as-video {
float: right;
padding-left: 20px;
}
.cc-float-fix:before, .cc-float-fix:after {
content: "";
line-height: 0;
height: 0;
width: 0;
display: block;
visibility: hidden;
}
.use-as-video-img {
cursor: pointer;
position: relative;
width: 320px;
height: 180px;
}
.use-as-video-title {
font-size: 15px;
font-weight: bold;
color: #000000;
padding-bottom: 5px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('images/next2.png','images/previous2.png')">
<div id="container">
<div id="left-button">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="page268.html"><img src="images/previous_big.png" width="90" height="80" /></a></p>
</div>
<div id="middle">
  <div id="top-title"><span class="font1">Basic HTML Version</span>
    <div id="top-title2">
      <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
        <tr>
        	<td width="66%"> </td>
          <td width="35%" style="display:none" align="right"><img src="images/content.png" width="19" height="16" /></td>
          <td width="31%" style="display:none" class="font1"><a href="">Table of Contents</a></td>
          <td width="6%"><img src="images/view.png" width="19" height="16" /></td>
          <td width="28%" class="font1"><a href="../../index.html#p=269">View Full Version</a></td>
        </tr>
      </table>
    </div>
  </div>
  <div id="content">
     <div id="content-top">
        <div id="content-top1">Page 269 - The Black Box Book</div>
        <div id="content-top2">P. 269</div>
     </div>
     <div id="content-middle">
     	
     	  <div class="text-container">
    <div class="use-as-video cc-float-fix">
      <a style="text-decoration: none;" href="../../index.html#p=269"><img src="../thumb/269.jpg" /></a>
    </div>

    <p class="use-as-video-title"></p>
    <pre style="white-space:pre-line"><code>by Michael Noll in his 1967 essay The Digital Computer as a Creative   EDMOND DE BELAMY, PRELUDE
 Medium. There he says:
                TO THE BOOM IN AI CREATIVITY
 “An experiment was performed using Piet Mondrian’s ‘Composition   The renewed interest in the connection between art, creativity and AI
 With Lines’ (1917) and a computer-generated picture composed   can be related to one specific recent event. On October 25, 2018, New
 of pseudo-random elements but similar in overall composition to     York Christie’s made headlines with the news that for the first time in
 the Mondrian painting. Although Mondrian apparently placed    the history of the renowned auction house it has been auctioned a paint-
 the vertical and horizontal bars in his painting in a careful and orderly   ing produced by an algorithm (Cohn, 2018). And an anonymous bidder
 manner, the bars in the computer-generated picture were placed ac-  had succeeded to purchase it over telephone for $432,500 which was
 cording to a pseudorandom number generator with statistics chosen   40 times more than originally expected.
 to approximate the bar density, lengths, and widths in the Mondrian   The image, which was supposedly generated by an AI, is hardly
 painting. Xerographic copies of the two pictures were presented, side   spectacular. It shows the blurred portrait of a fictitious person named
 by side, to 100 subjects with educations ranging from high school   Edmond de Belamy who, in view of his clothing, could perhaps be mis-
 to postdoctoral; the subjects represented a reasonably good sam-  taken for a French clergyman of the 18  century. But this association
                                                         th
 pling of the population at a large scientific research laboratory. They   is literally in the eye of the beholder, if one considers that the AI model
 were asked which picture they preferred and also which picture of    was trained with 15.000 images from different periods of art history be-
 the pair they thought was produced by Mondrian. Fifty-nine percent of    fore generating this portrait, which is why iconographic efforts of image
 the subjects preferred the computer-generated picture; only     analysis quickly reach their limits. And instead of an artist’s signature,
 28 percent were able to identify correctly the picture produced by   there is at the lower right edge of the picture a section of the algo-
 Mondrian. In general, these people seemed to associate the random-  rithm (min G max D Ex[log(D(x))]+Ez[log(1-D(G(z))]) with the help of which
 ness of the computer-generated picture with human creativity whereas    the image was generated. Obviously, this reference is primarily a nice PR
 the orderly bar placement of the Mondrian painting seemed to   stunt.
 them machine-like. This finding does not, of course, detract from   But the Parisian artist group Obvious, consisting of the members
 Mondrian’s artistic abilities. His painting was, after all, the inspiration   Hugo Caselles-Dupré, Pierre Fautrel and Gauthier Vernier, responsible
 for the algorithms used to produce the computer-generated picture,   for the series of generative pictures La Famille de Belamy, including
 and since computers were nonexistent 50 years ago, Mondrian could   the Edmond de Belamy picture, is unlikely to share this view. Instead of
 not have had a computer at his disposal.” (Noll, 1967, p. 92).  merely creating a work of art with AI, the project’s ambition, according
                to Obvious, was nothing less than to “explain” and “democratize” AI
 As the media scholar Jens Schröter rightly pointed out, at that time,   with art (Vincent, 2018, online). The latter, however, obviously fits neither
 Noll was particularly concerned with finding algorithms that would enable   the framework of the auction nor the history of the portrait’s creation.
 the production of a work of art that could be recognized as such (Schröter,   The Parisian artists used, or more precisely further developed, a learning
 2019, p. 303). This approach can be applied to the information-aesthetic   algorithm that was actually put online as an open-source software by
 experiments of the mathematician Frieder Nake, thus it easily exposes   Robbie Barrat, a young man from West Virginia. The artwork was gen-
 itself to the accusation that it reduces art to a purely ahistorical and for-  erated using so-called Generative Adversarial Networks (GANs), which
 malistic enterprise. But according to Schröter, the works of Noll and other   were in turn originally developed, among others, by the computer scientist
 representatives of information aesthetics could very well be understood   Ian Goodfellow.
 as historical reactions to the potentials of art in general, in this case   GANs are a variant of ANNs in which a generator network and
 computer-produced art (Schröter, 2019, p. 304).  a discriminator network compete against each other in a zero-sum game.
                Following the training phase, one (generative) network has the function
                of generating sample data that could plausibly originate from the original
                data set, although they were only generated artificially, i.e. they are ‘fake’.
                The other discriminative network in turn has the task to classify the gen-
                erated data according to whether they originate from the original training
                data set, i.e. whether they are ‘real’ or not. The training of the GANs is
                repeated until the generative network produces sample data that is pre-
                dominantly accepted by the discriminative network as ‘real’.


 268                                           269</code></pre>
     	</div>
    
     </div>
     <div id="content-bottom">
       <div id="content-bottom2">
         <table width="110" border="0" cellspacing="0" cellpadding="0">
           <tr>
             <td width="22%" height="44"><a href="page268.html"><img src="images/previous.png" width="26" height="19" id="Image2" onmouseover="MM_swapImage('Image2','','images/previous2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
             <td width="43%">
             	&nbsp;&nbsp;&nbsp;<a href="page264.html">264</a>&nbsp;&nbsp;&nbsp;<a href="page265.html">265</a>&nbsp;&nbsp;&nbsp;<a href="page266.html">266</a>&nbsp;&nbsp;&nbsp;<a href="page267.html">267</a>&nbsp;&nbsp;&nbsp;<a href="page268.html">268</a>&nbsp;&nbsp;&nbsp;<a href="page269.html">269</a>&nbsp;&nbsp;&nbsp;<a href="page270.html">270</a>&nbsp;&nbsp;&nbsp;<a href="page271.html">271</a>&nbsp;&nbsp;&nbsp;<a href="page272.html">272</a>&nbsp;&nbsp;&nbsp;<a href="page273.html">273</a>&nbsp;&nbsp;&nbsp;<a href="page274.html">274</a>
             </td>
             <td width="35%"><a href="page270.html"><img src="images/next.png" width="26" height="19" id="Image1" onmouseover="MM_swapImage('Image1','','images/next2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
           </tr>
         </table>
       </div>
     </div>
  </div>
</div>
<div id="right-button">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="page270.html"><img src="images/next_big.png" width="90" height="80" /></a></p>
</div>


</div>

</body>
</html>
