Dieses Script "Programmierter Neoplastizismus" von unserem User Vollautomatisch richtet sich an die Kunstfreunde unter unseren Usern ;)

Es werden dabei Quadrate erzeugt mit verschiedenen Farben - dabei steht es euch frei, statt der Farben nur Grautöne zu verwenden (kann man im Script selbst einstellen). Ebenso einstellbar ist die Größe der Quadrate und deren Anzahl.

In unserem Beispiel werden 10 x 10 farbige Kästchen generiert. Je nach Rechenpower eures Computers kann es ein paar Sekunden dauern, bis alle Kästchen fertig generiert sind.

PS: Inzwischen haben wir eine erweiterte Version zugesandt bekommen.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- //=================================================\ // (C)opyright by Vollautomatisch June 18th 2007 \ // Don't change anything below this line, \ // unless you know what you are doing! \ //=================================================\ var gray = false; // Hier "true" eintragen, um nur Graustufen zu färben, oder "false" für Bunttöne var reihen = 10; // Anzahl der Reihen = Anzahl der Spalten (da quadratisch) var breite = 25; // Breite = Höhe eines Farbquadrates in Pixel function dec2hex (zahl) { zahl = parseInt(zahl); var hex = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "A", "B", "C", "D", "E", "F"); var hex2 = new Array("00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "A0", "B0", "C0", "D0", "E0", "F0"); if (zahl < 16) { return hex2[zahl]; } else { var kopie = zahl; for (var i = zahl; i > (zahl-17); i--) { if (i %16 == 0) { return (hex[i/16] + "" + hex[(kopie-i) % 16]) } } } } function initNeo() { document.write('<div align="center"><div id="flaeche"></div></div>'); document.getElementById('flaeche').style.width = reihen * breite + reihen * parseInt(reihen) * 2 + 'px'; document.getElementById('flaeche').style.height = reihen * breite + reihen * parseInt(reihen) * 2 + 'px'; document.write('<style type="text/css">'); document.write('#flaeche { border: 0px solid #000000; padding: 5px; line-height: 1px; }'); document.write('.feld { width: ' + breite + 'px; height: ' + breite + 'px; border: 1px solid #000000; margin: 3px; }'); document.write('</style>'); var colors = new Array(); var ausgabe = ""; for (var i = 0; i < reihen; i++) { for (var j = 0; j < reihen; j++) { for (var k = 0; k < 3; k++) { var random = parseInt(Math.random() * 10000) % 256; colors[k] = dec2hex(random); } if (gray == true) { var hex = colors[0] + '' + colors[0] + '' + colors[0] + '';} else { var hex = colors[0] + '' + colors[1] + '' + colors[2]; } document.getElementById('flaeche').innerHTML += '<input class="feld" style="background-color: #' + hex + '" readonly="readonly" />'; } if ( i < (reihen - 1) ) { document.getElementById('flaeche').innerHTML += '<br />'; } } } //--> </script> <br /> <!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden --> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/internet/anbieter/alice-dsl.html" title="kostenlose-javascripts.de" rel="nofollow" target="_blank">kostenlose-javascripts.de</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=583"></script> <!-- präsentiert von kostenlose-javascripts.de -->