Tiling Patterns Page

<body bgcolor="#000000" text="#00FF00"> <h3>The Tiling Patterns Page returns!</h3> <img src="../Images/trans.gif" height="0" width="1500"> <a href="#flock">Escher</a> patterns<br> <a href="#axehead">Bowtie</a> patterns<br> <a href="#penrose">Aperiodic tilings</a><br> <a href="#morrocco">Other</a> patterns<br> <pre> </pre> <a name="flock">A pattern I scanned from an Escher woodcut and then edited so that it tessalated by rectangles rather than by parallelograms. You might notice that the pattern contains two distinct birds of each colour rather than one.<br> <a href="#beetle">Next</a>. <pre><img src="FLOCK.GIF" width="439" height="248"><img src="FLOCK.GIF" width="439" height="248"><br><img src="FLOCK.GIF" width="439" height="248"><img src="FLOCK.GIF" width="439" height="248"></pre><p> <a name="beetle">Another scanned Escher woodcut, this one much easier to do because the pattern is so obviously self-repeating.<br> <a href="#lizard">Next</a>. <pre><img src="BEETLE.GIF" width="258" height="194"><img src="BEETLE.GIF" width="258" height="194"><img src="BEETLE.GIF" width="258" height="194"><br><img src="BEETLE.GIF" width="258" height="194"><img src="BEETLE.GIF" width="258" height="194"><img src="BEETLE.GIF" width="258" height="194"><br><img src="BEETLE.GIF" width="258" height="194"><img src="BEETLE.GIF" width="258" height="194"><img src="BEETLE.GIF" width="258" height="194"></pre> <a name="lizard">I have to admit that I stole this image from another site and messed around with it until it was black and white. I hope you like it nevertheless.<br> <a href="#axehead">On</a> to bowtie patterns. <pre><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><br><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><br><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><br><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><br><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><br><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><img src="LIZARD.GIF" width="182" height="104"><br></pre> <a name="axehead">This is a an example of a bowtie pattern, ie. one where a symmetrical section has been added to a rectangle and also rotated by 90° and removed from the rectangle. In this case the section is an arc of a circle.<br> <a href="#bowtie">Next</a>. <pre><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><br><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><br><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><br><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><br><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"><img src="AXEHEAD.GIF" width="166" height="167"></pre> <a name="bowtie">The classic bowtie pattern. The reason for the nomenclature requires no further explanation, I hope.<br> <a href="#dart">Next</a>. <pre><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><br><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><br><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><br><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><br><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"><img src="BOWTIE.GIF" width="204" height="204"></pre> <a name="dart">This dart-like pattern is an an extreme example of a bowtie pattern, one where the section removed meets in the centre of the rectangle.<br> <a href="#penrose">On</a> to aperiodic tilings. <pre><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><br><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><br><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><br><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><br><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><br><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"><img src="DART.GIF" width="120" height="119"></pre> <a name="penrose">Since Penrose tiling never repeats this pattern breaks the rules at the edges of the tile but still tiles the plane using only the same two rhombi.<br> <a href="#morrocco">On</a> to other patterns. <pre><img src="PENROSE.GIF" width="820" height="626"></pre> <a name="morrocco">This is a quadrilateral version of a triangular pattern that Escher once saw in a Morroccan temple and copied in to woodcut form. However this version here is designed directly on the computer rather than being scanned. The triangular version is rather harder to achieve.<br> <a href="#tripoint">Next</a>. <pre><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><br><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><br><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><br><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><br><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"><img src="MORROCCO.GIF" width="192" height="192"></pre> <a name="tripoint">But not impossible as you can see. This version is also designed directly on the computer but it is a bit rough at the edges because it had to undergo some hand and eye guided rotation. Still nice, though.<br> <a href="#arrow">Next</a>. <pre><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><br><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><br><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><br><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><br><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"><img src="TRIPOINT.GIF" width="128" height="228"></pre> <a name="arrow">This pattern is the only one (so far) on this page where a single example of the tile shape forms the basic element of the tessalation. This sentence is currently under construction!<br> <a href="tiles_old.html">Back</a> to Tiling Patterns menu.<br> <a href="http://www.geocities.com/Area51/Vault/1532">Home</a>. <pre><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><br><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><br><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><br><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><br><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><br><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><br><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><br><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><br><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"><img src="ARROW.GIF" width="111" height="49"></pre> </body>