<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Monovektor &#187; Circles</title>
	<atom:link href="http://monovektor.com/tag/circles/feed/" rel="self" type="application/rss+xml" />
	<link>http://monovektor.com</link>
	<description>Graphic Design Blog</description>
	<lastBuildDate>Thu, 10 Jan 2013 13:46:29 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.7.41</generator>
	<item>
		<title>TO: OUR MAN IN BERLIN *UPDATED*</title>
		<link>http://monovektor.com/2012/02/to-our-man-in-berlin-updated/</link>
		<comments>http://monovektor.com/2012/02/to-our-man-in-berlin-updated/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 12:57:35 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Arcs]]></category>
		<category><![CDATA[Circles]]></category>
		<category><![CDATA[Geometry]]></category>
		<category><![CDATA[Hyperbolic]]></category>
		<category><![CDATA[Lines]]></category>
		<category><![CDATA[Poincaré]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=2256</guid>
		<description><![CDATA[After I made the tool for making them hyperbolic lines, Georg, was wondering if there was a way of converting existing, straight lines into hyperbolic ones. He had already started on his project and felt that re-drawing 500 lines by hand would be a rather tedious task whereby he asked me the aforementioned question. This <a href="http://monovektor.com/2012/02/to-our-man-in-berlin-updated/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2012/02/to-our-man-in-berlin-updated/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2012/02/to-our-man-in-berlin-updated/&t=TO: OUR MAN IN BERLIN *UPDATED*">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=TO%3A+OUR+MAN+IN+BERLIN+%2AUPDATED%2A:%20http://monovektor.com/2012/02/to-our-man-in-berlin-updated/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2012/02/to-our-man-in-berlin-updated/&title=TO%3A+OUR+MAN+IN+BERLIN+%2AUPDATED%2A">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2012/02/to-our-man-in-berlin-updated/&title=TO%3A+OUR+MAN+IN+BERLIN+%2AUPDATED%2A">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>After I made the tool for making them hyperbolic lines, Georg, was wondering if there was a way of converting existing, straight lines into hyperbolic ones. He had already started on his project and felt that re-drawing 500 lines by hand would be a rather tedious task whereby he asked me the aforementioned question.</p>
<p><img class="aligncenter size-large wp-image-2037" title="Before/After" src="http://monovektor.com/wp-content/uploads/2012/02/Before-After-590x322.png" alt="" width="590" height="322" /></p>
<p><span id="more-2256"></span></p>
<p>This is really just a small matter of finding each lines anchors, calculate its angle in regard to the center of the hyperbolic disk and then just replace the straight line with a curved one.<br />
I gotta say that making the disk this way is probably a lot more efficient both in terms of time as well as angle precision. Now, all one would have to do is draw all the connections as straight lines (with so much more control by using say, the pen tools) and afterwards just run the script to substitute the lines.</p>
<p><strong>UPDATE (Feb 9 &#8211; 14:02)</strong></p>
<p>I must to admit that I have, for the past days, tried out even a third way of drawing the curves as shown in the images below.<img class="aligncenter size-large wp-image-2096" title="A more complicated way." src="http://monovektor.com/wp-content/uploads/2012/02/Screen-shot-2012-02-09-at-12.14.03-PM1-590x527.png" alt="" width="590" height="527" />As can be seen below, the origin of the circles forming the arcs all lie on the same line IF one of the two points at which the arcs intersects the bounding circle remains the same. <img class="aligncenter size-full wp-image-2100" title="Hyperbolic mouse tool" src="http://monovektor.com/wp-content/uploads/2012/02/hyper.gif" alt="" width="590" height="469" />This method would have been, by far, the most versitile way of drawing the arcs by utilising both keyboard input as well as a comprehensive mouse interaction tool, but at the same time this requires far more vector handling than I&#8217;m comfortable with. Anyway, the &#8220;search &amp; replace&#8221;-method seem to me to be the best compromise so I guess I&#8217;ll just stick with that.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MY FRIENDS POINCARÉ &amp; ESCHER</title>
		<link>http://monovektor.com/2012/01/poincare-escher/</link>
		<comments>http://monovektor.com/2012/01/poincare-escher/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 13:57:02 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Arcs]]></category>
		<category><![CDATA[Circles]]></category>
		<category><![CDATA[Geometry]]></category>
		<category><![CDATA[Hyperbolic]]></category>
		<category><![CDATA[Isometric]]></category>
		<category><![CDATA[Lines]]></category>
		<category><![CDATA[MC Escher]]></category>
		<category><![CDATA[Poincaré]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=1813</guid>
		<description><![CDATA[In a response to Georg from Berlin I re-wrote my Arc-ee-type script. Well, not solely for him, it&#8217;s something I&#8217;ve had my mind on for a while, but he gave me an incentive. Much of the work went into making a stable GUI but also some other features such as the option to draw the <a href="http://monovektor.com/2012/01/poincare-escher/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2012/01/poincare-escher/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2012/01/poincare-escher/&t=MY FRIENDS POINCARÉ &#038; ESCHER">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=MY+FRIENDS+POINCAR%C3%89+%26%23038%3B+ESCHER:%20http://monovektor.com/2012/01/poincare-escher/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2012/01/poincare-escher/&title=MY+FRIENDS+POINCAR%C3%89+%26%23038%3B+ESCHER">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2012/01/poincare-escher/&title=MY+FRIENDS+POINCAR%C3%89+%26%23038%3B+ESCHER">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p><a href="http://monovektor.com/wp-content/uploads/2011/11/Screen-shot-2012-01-24-at-12.59.26-PM.png"><img class="aligncenter size-large wp-image-1995" title="Circles or double arcs?" src="http://monovektor.com/wp-content/uploads/2011/11/Screen-shot-2012-01-24-at-12.59.26-PM-590x326.png" alt="" width="590" height="326" /></a>In a response to <a href="http://scriptographer.org/forum/help/bended-lines-in-a-circle/" target="_blank">Georg from Berlin</a> I re-wrote my <a title="ARC-EE-TYPE" href="http://monovektor.com/2011/07/arc-ee-type/">Arc-ee-type</a> script. Well, not solely for him, it&#8217;s something I&#8217;ve had my mind on for a while, but he gave me an incentive. Much of the work went into making a stable GUI but also some other features such as the option to draw the arcs either on the in- or outside of the circle.<br />
There are three ways of creating the arcs:</p>
<ol>
<li>Manually type the from/to angle.</li>
<li>Clicking with the Scriptographer pen tool anywhere on the artboard as the from/to angles are calculated from the origin of the circle.</li>
<li>Or, by a combination of the two methods above.</li>
</ol>
<p>The script snaps to anchors as well so adding anchors to the circle could be an easy way of creating a regular pattern. Although not &#8220;officially&#8221; released, the script can be found/downloaded <a href="http://scriptographer.org/forum/help/bended-lines-in-a-circle/?pos=0#Post-4451">here</a>.</p>
<p><span id="more-1813"></span></p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/11/escher-metamorphose.png"><img class="aligncenter size-large wp-image-1819" title="MC Escher Metamorphose I" src="http://monovektor.com/wp-content/uploads/2011/11/escher-metamorphose-590x148.png" alt="" width="590" height="148" /></a><a href="http://monovektor.com/wp-content/uploads/2011/11/detail.jpg"><img class="aligncenter size-large wp-image-1830" title="Metamorphose I detail" src="http://monovektor.com/wp-content/uploads/2011/11/detail-590x442.jpg" alt="" width="590" height="442" /></a></p>
<p>While the two images above has nothing to do with hyperbolic geometry they are nevertheless created by MC Escher &#8211; who, on the other hand, was a master of such art. Besides being nice to look at these images serves me as a reminder that I should probably take the time to do something with my <a title="BLOCK MANIA" href="http://monovektor.com/2011/08/block-mania/">Block Mania script</a>. I mean, I spent a lot of time making these, I should make something cool.<br />
<img class="aligncenter size-large wp-image-1152" title="Blocks" src="http://monovektor.com/wp-content/uploads/2011/08/Blocks1-590x751.png" alt="" width="590" height="751" /></p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>ARC-EE-TYPE</title>
		<link>http://monovektor.com/2011/07/arc-ee-type/</link>
		<comments>http://monovektor.com/2011/07/arc-ee-type/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 12:04:56 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Arcs]]></category>
		<category><![CDATA[Circles]]></category>
		<category><![CDATA[Geometry]]></category>
		<category><![CDATA[Hyperbolic]]></category>
		<category><![CDATA[Infographics]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Lines]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Poincaré]]></category>
		<category><![CDATA[Posters]]></category>
		<category><![CDATA[Saville]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=973</guid>
		<description><![CDATA[It seems, for some reason, that Joy Division and Radiohead &#8211; well, Thom Yorke anyway &#8211; is the most popular bands for designers and illustrators when it comes to inspiration. I can&#8217;t say how many portraits of Yorke I&#8217;ve seen in different forums and mags, but guessing at double figures wouldn&#8217;t be far off! The <a href="http://monovektor.com/2011/07/arc-ee-type/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/07/arc-ee-type/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/07/arc-ee-type/&t=ARC-EE-TYPE">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=ARC-EE-TYPE:%20http://monovektor.com/2011/07/arc-ee-type/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/07/arc-ee-type/&title=ARC-EE-TYPE">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/07/arc-ee-type/&title=ARC-EE-TYPE">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>It seems, for some reason, that Joy Division and Radiohead &#8211; well, Thom Yorke anyway &#8211; is the most popular bands for designers and illustrators when it comes to inspiration. I can&#8217;t say how many portraits of Yorke I&#8217;ve seen in different forums and mags, but guessing at double figures wouldn&#8217;t be far off!<br />
The question I ask myself is; can I really justify a viable existence with graphic design as a hobby and interest if I&#8217;ve never heard more than two songs from either band? And to tell you the truth, I wasn&#8217;t that inspired, either&#8230;<br />
Well, to be fair, Joy Division do inspire good design. For some, at least.</p>
<p>What Peter Saville did on Unknown Pleasures is briliant!<br />
<img title="Joy Division - Unknown Pleasures" src="http://monovektor.com/wp-content/uploads/2011/02/Joy-Division-Unknown-Pleasures-419602.jpg" alt="" width="480" height="480" /></p>
<p><span id="more-973"></span></p>
<p>But maybe I&#8217;m speaking too soon, as when I started writing scripts for <a title="Scriptographer" href="http://scriptographer.org/" target="_blank">Scriptographer</a>, the first thing I did was a complete ripoff of <a title="Jürg Lehni" href="http://lehni.org/" target="_blank">Jürg Lehni</a>&#8216;s Faust.</p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/07/faust.gif"><img class="alignnone size-large wp-image-983" title="Faust.js" src="http://monovektor.com/wp-content/uploads/2011/07/faust-590x417.gif" alt="" width="590" height="417" /></a></p>
<p>I called my script <a title="SAVILLE RASTER" href="http://monovektor.com/2011/02/saville-raster/">Saville Raster</a>&#8230; So, I guess I&#8217;m as guilty as everyone else!<br />
<a href="http://monovektor.com/wp-content/uploads/2011/02/s.png"><img class="alignnone size-large wp-image-157" title="Saville" src="http://monovektor.com/wp-content/uploads/2011/02/s-590x338.png" alt="" width="590" height="338" /></a>And if that wasn&#8217;t enough. <a title="The Luxury of Protest" href="http://www.theluxuryofprotest.com/" target="_blank">Peter Crnokrak</a> made a nice poster showing the huge number of covers of Joy Division&#8217;s Love Will Tear Us Apart which was featured in the book <a title="Data Flow" href="http://www.amazon.co.uk/Data-Flow-Visualising-Information-Graphic/dp/3899552172/ref=sr_1_1?ie=UTF8&#038;qid=1305111412&#038;sr=8-1" target="_blank">Data Flow</a> that I recently bought.</p>
<p><img class="alignnone size-large wp-image-978" title="Love Will Tear Us Apart Again" src="http://monovektor.com/wp-content/uploads/2011/07/Love_Will_Tear_Us_Apart_Again1-590x834.jpg" alt="" width="590" height="834" /></p>
<p>That, and <a title="Similar Diversity" href="http://similardiversity.net/" target="_blank">Similar Diversity</a>, a project by <a title="Philipp Steinweber" href="http://steinweber.net/" target="_blank">Philipp Steinweber</a> and <a title="Andreas Koller" href="http://andreaskoller.com/" target="_blank">Andreas Koller</a> also featured in the book caught my eye as I really liked the arcs &#8211; or, rather, lines in hyperbolic geometry.</p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/07/similar-diversity1.jpg"><img class="alignnone size-large wp-image-998" title="Similar Diversity" src="http://monovektor.com/wp-content/uploads/2011/07/similar-diversity1-590x364.jpg" alt="" width="590" height="364" /></a></p>
<p>After a quick look at <a title="Wolfram MathWorld" href="http://mathworld.wolfram.com/PoincareHyperbolicDisk.html" target="_blank">Wolfram MathWorld</a> on how to calculate the Poincaré Hyperbolic Disk a new idea spawned in my mind.</p>
<p><img class="alignnone size-full wp-image-980" title="Poincaré Hyperbolic Disk" src="http://monovektor.com/wp-content/uploads/2011/07/poincare.gif" alt="" width="288" height="288" /></p>
<p>Fortunately it&#8217;s easier to calculate the arcs when dealing with vectors instead of coordinates as they can be created using its length and angle.</p>
<p><img class="alignnone size-full wp-image-985" title="Poincare Disk Construction" src="http://monovektor.com/wp-content/uploads/2011/07/PoincareDiskCons_701.gif" alt="" width="350" height="228" /></p>
<p>My intended project, although it&#8217;s a few months off in the future, will rely heavily on these arcs to create some interesting (at least in my mind) infographics.<br />
<a href="http://monovektor.com/wp-content/uploads/2011/07/Screen-shot-2011-07-25-at-8.14.38-PM.png"><img class="alignnone size-large wp-image-981" title="Hyperbolic Disk" src="http://monovektor.com/wp-content/uploads/2011/07/Screen-shot-2011-07-25-at-8.14.38-PM-590x432.png" alt="" width="590" height="432" /></a></p>
<p>And as for the music? Well, there are other bands&#8230;</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>PERFECTLY CIRCLED</title>
		<link>http://monovektor.com/2011/05/perfectly-circled/</link>
		<comments>http://monovektor.com/2011/05/perfectly-circled/#comments</comments>
		<pubDate>Wed, 18 May 2011 21:45:41 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Circles]]></category>
		<category><![CDATA[Geometry]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=605</guid>
		<description><![CDATA[When reading about the properties of circles it would seem like a natural step to study (by study I mean, reading about it and pretending to, or at least, hoping to understand) the problem of Apollonius. What it is, is that for any three given circles of arbitrary size and position, there are a set <a href="http://monovektor.com/2011/05/perfectly-circled/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/05/perfectly-circled/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/05/perfectly-circled/&t=PERFECTLY CIRCLED">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=PERFECTLY+CIRCLED:%20http://monovektor.com/2011/05/perfectly-circled/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/05/perfectly-circled/&title=PERFECTLY+CIRCLED">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/05/perfectly-circled/&title=PERFECTLY+CIRCLED">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>When reading about the properties of circles it would seem like a natural step to study (by study I mean, reading about it and pretending to, or at least, hoping to understand) the <a title="Problem of Apollonius" href="http://en.wikipedia.org/wiki/Problem_of_Apollonius" target="_blank">problem of Apollonius</a>.<br />
What it is, is that for any three given circles of arbitrary size and position, there are a set number of ways to draw a fourth circle sharing tangent points with the first three.<br />
<img class="alignnone size-large wp-image-607" title="Solutions Colored" src="http://monovektor.com/wp-content/uploads/2011/05/Colored-Solutions-590x613.png" alt="" width="590" height="613" /></p>
<p><span id="more-605"></span></p>
<p>In fact, there are exactly eight different solutions to this problem given that the original circles are not mutually tangent. In that case there are only two solutions (actually five, counting the original circles).<br />
<img class="alignnone size-large wp-image-608" title="Separate Solutions" src="http://monovektor.com/wp-content/uploads/2011/05/Separate-Solutions-590x320.png" alt="" width="590" height="320" />I quickly realized that my mathematical prowess would be no match for this kind of problem so I resolved to another way. Not as nobel but very effective all the same: Given enough people with programming skills, an internet connection and some sense of philantropy someone is bound to post some code that I could steal, erh, borrow.</p>
<p>True indeed, turns out there are lots (by lots I mean virtually everyone) of people infinitely better than me at this stuff. This should probably be the time to give credit to whoever I stole/borrowed it from had I not forgotten where I found it. Sorry!<br />
Anyway, I made this script allowing me to draw these Apollonian Circles which could, some day, turn out to be part of a very nice and powerful set of geometric drawing tools.<br />
<img class="alignnone size-large wp-image-606" title="Combined Solutions" src="http://monovektor.com/wp-content/uploads/2011/05/Combined-Solutions-590x618.png" alt="" width="590" height="618" /></p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>MÉNAGE À TROIS</title>
		<link>http://monovektor.com/2011/05/menage-a-trois/</link>
		<comments>http://monovektor.com/2011/05/menage-a-trois/#comments</comments>
		<pubDate>Wed, 11 May 2011 11:00:24 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Circles]]></category>
		<category><![CDATA[Geometry]]></category>
		<category><![CDATA[Triangles]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=528</guid>
		<description><![CDATA[As a direct result of looking at Jonathan Puckey&#8217;s excellent Delaunay Raster script I started reading about triangles. Triangles may seem dull at first but if you look closer there are a lot going on here that many people seem to forget. There are also things that are downright incredible, for instance, Wikipedia states that: <a href="http://monovektor.com/2011/05/menage-a-trois/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/05/menage-a-trois/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/05/menage-a-trois/&t=MÉNAGE À TROIS">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=M%C3%89NAGE+%C3%80+TROIS:%20http://monovektor.com/2011/05/menage-a-trois/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/05/menage-a-trois/&title=M%C3%89NAGE+%C3%80+TROIS">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/05/menage-a-trois/&title=M%C3%89NAGE+%C3%80+TROIS">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>As a direct result of looking at <a title="Jonathan Puckey" href="http://www.jonathanpuckey.com/" target="_blank">Jonathan Puckey&#8217;s</a> excellent <a title="Delaunay Raster" href="http://www.jonathanpuckey.com/projects/delaunay-raster/" target="_blank">Delaunay Raster</a> script I started reading about triangles. Triangles may seem dull at first but if you look closer there are a lot going on here that many people seem to forget. There are also things that are downright incredible, for instance, Wikipedia states that: &#8220;<em>As of 26 May 2010 Clark Kimberling&#8217;s <a title="Encyclopedia of Triangle Centers" href="http://faculty.evansville.edu/ck6/encyclopedia/ETC.html" target="_blank">Encyclopedia of Triangle Centers</a> contains an annotated list of 3587 triangle centers.</em>&#8221;</p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/05/Screen-shot-2011-05-11-at-11.27.14-AM.png"><img class="alignnone size-large wp-image-533" title="Triangles" src="http://monovektor.com/wp-content/uploads/2011/05/Screen-shot-2011-05-11-at-11.27.14-AM-590x727.png" alt="" width="590" height="727" /></a></p>
<p><span id="more-528"></span></p>
<p>Anyway, I set out to make a tool for drawing triangles, which could seem like a moot point; just pick three different coordinates and draw a closed line between each. Well, I wanted to be able to control each triangles many different attributes as well. Now, 3587 centers are a little steep so I thought I should start with the, so called, four ancient centers. The first ones discovered and perhaps the most easily comprehensible. They are; the <a title="Centroid" href="http://en.wikipedia.org/wiki/Centroid" target="_blank">centroid</a>, <a title="Incenter" href="http://en.wikipedia.org/wiki/Incenter" target="_blank">incenter</a>, <a title="Circumcenter" href="http://en.wikipedia.org/wiki/Circumcenter" target="_blank">circumcenter</a> and the <a title="Orthocenter" href="http://en.wikipedia.org/wiki/Orthocenter" target="_blank">orthocenter</a> as pictured below.</p>
<p><img class="alignnone size-full wp-image-537" title="Triangle attributes" src="http://monovektor.com/wp-content/uploads/2011/05/Screen-shot-2011-05-11-at-11.07.08-AM.png" alt="" width="520" height="549" /></p>
<p>I managed to find a very good paper on the net on how to calculate some of these points with vectors and I think it turned out well. There are a lot of good looking cool stuff you can do with triangles so I guess the next step for me would be to learn how to turn this into a javascript class to make them easier to handle , should I make a script involving triangles.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UNICODE CIRCLES</title>
		<link>http://monovektor.com/2011/04/unicode-circles/</link>
		<comments>http://monovektor.com/2011/04/unicode-circles/#comments</comments>
		<pubDate>Mon, 25 Apr 2011 14:08:55 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Ciphers]]></category>
		<category><![CDATA[Circles]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Symbols]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=510</guid>
		<description><![CDATA[This is another script I just recently threw together. It falls into the same category as the last one, being some kind of a cipher script. Only difference is that this is based on real letters. I use the dashed stroke effect set to a circle to draw the unicode value of each letter and <a href="http://monovektor.com/2011/04/unicode-circles/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/04/unicode-circles/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/04/unicode-circles/&t=UNICODE CIRCLES">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=UNICODE+CIRCLES:%20http://monovektor.com/2011/04/unicode-circles/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/04/unicode-circles/&title=UNICODE+CIRCLES">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/04/unicode-circles/&title=UNICODE+CIRCLES">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>This is another script I just recently threw together. It falls into the same category as the last one, being some kind of a cipher script. Only difference is that this is based on real letters. I use the dashed stroke effect set to a circle to draw the unicode value of each letter and it looks like this.</p>
<p><img class="alignnone size-large wp-image-511" title="abcdABCD" src="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-25-at-3.19.55-PM-590x320.png" alt="" width="590" height="320" /></p>
<p><span id="more-510"></span></p>
<p>As you can see this results in a circle divided into 7 equal parts. Below, I have chosen to draw the letter &#8216;d&#8217; which has a binary unicode value of &#8217;1100100&#8242;. Well actually the correct value should be &#8217;01100100&#8242;, eight digits, but somehow javascript omits the first &#8217;0&#8242; in standard Latin-1 as a letter from the extended Latin-1 such as &#8216;ö&#8217; has a value of &#8217;11110110&#8242;. Therefore, for now, my script will only print characters in the range of 32-127.</p>
<p><img class="alignnone size-full wp-image-512" title="Divided circle" src="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-25-at-3.34.33-PM.png" alt="" width="491" height="495" /></p>
<p>I have also added some functions to my script to set a number of values. These values determines the look of the cipher when printed, such as how much space between each character, the radius of each circle and line width ranging from 0.1pt to twice the radius (as in the example above, forming circle sectors).</p>
<p>Here is the output of the same Lorem Ipsum text but with three different styles.</p>
<p><img class="alignnone size-large wp-image-515" title="Thin" src="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-25-at-3.00.21-PM-590x209.png" alt="" width="590" height="209" /></p>
<p><img class="alignnone size-large wp-image-516" title="Thick" src="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-25-at-3.01.11-PM-590x224.png" alt="" width="590" height="224" /></p>
<p><img class="alignnone size-large wp-image-517" title="Sectors" src="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-25-at-3.01.56-PM-590x231.png" alt="" width="590" height="231" /></p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>COLORFUL CIRCLES, REMEDY FOR CREATIVE BLOCK?</title>
		<link>http://monovektor.com/2011/04/colorful-circles-remedy-for-creative-block/</link>
		<comments>http://monovektor.com/2011/04/colorful-circles-remedy-for-creative-block/#comments</comments>
		<pubDate>Mon, 18 Apr 2011 12:05:05 +0000</pubDate>
		<dc:creator><![CDATA[Håkan @ Monovektor]]></dc:creator>
				<category><![CDATA[Colors]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Scriptographer]]></category>
		<category><![CDATA[Circles]]></category>
		<category><![CDATA[Symbols]]></category>

		<guid isPermaLink="false">http://monovektor.com/?p=465</guid>
		<description><![CDATA[Just as a way to get my brain going I have put this little script together. I found a similar thing in a Flickr gallery and thought that it wouldn&#8217;t be at all hard to replicate and it might just get me back in creative mode. Or, at least keep my brain from going soft <a href="http://monovektor.com/2011/04/colorful-circles-remedy-for-creative-block/">[more…]</a><br /><br /><small><a href="http://monovektor.com/2011/04/colorful-circles-remedy-for-creative-block/">Comment</a> / <a href="http://www.facebook.com/sharer.php?u=http://monovektor.com/2011/04/colorful-circles-remedy-for-creative-block/&t=COLORFUL CIRCLES, REMEDY FOR CREATIVE BLOCK?">Share on Facebook</a> / 
	
	<a href="http://twitter.com/home/?status=COLORFUL+CIRCLES%2C+REMEDY+FOR+CREATIVE+BLOCK%3F:%20http://monovektor.com/2011/04/colorful-circles-remedy-for-creative-block/">Tweet</a> / <a href="http://digg.com/submit?phase=2&url=http://monovektor.com/2011/04/colorful-circles-remedy-for-creative-block/&title=COLORFUL+CIRCLES%2C+REMEDY+FOR+CREATIVE+BLOCK%3F">Digg</a> / <a href="http://delicious.com/post?url=http://monovektor.com/2011/04/colorful-circles-remedy-for-creative-block/&title=COLORFUL+CIRCLES%2C+REMEDY+FOR+CREATIVE+BLOCK%3F">Save on Delicious</a></small><br /><br />]]></description>
				<content:encoded><![CDATA[<p>Just as a way to get my brain going I have put this little script together. I found a similar thing in a Flickr gallery and thought that it wouldn&#8217;t be at all hard to replicate and it might just get me back in creative mode. Or, at least keep my brain from going soft and forget everything I know. It doesn&#8217;t do much, it just draws some concentric circles in different colors depending what color scheme is used (RGB, CMY, Gray or Black/White).</p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-18-at-1.28.15-PM.png"><img class="alignnone size-large wp-image-466" title="Color Schemes" src="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-18-at-1.28.15-PM-590x134.png" alt="" width="590" height="134" /></a></p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-18-at-1.28.15-PM.png"><br />
<span id="more-465"></span><br />
</a>Very simple, but I do think that it has some nice qualities.</p>
<p>I added some extra features as well. Such as choosing just one singular color R, G, B, C, M or Y. As seen below.</p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-18-at-1.29.13-PM.png"><img class="alignnone size-large wp-image-469" title="RGB" src="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-18-at-1.29.13-PM-590x190.png" alt="" width="590" height="190" /></a></p>
<p><a href="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-18-at-1.28.57-PM.png"><img class="alignnone size-large wp-image-470" title="CMY" src="http://monovektor.com/wp-content/uploads/2011/04/Screen-shot-2011-04-18-at-1.28.57-PM-590x189.png" alt="" width="590" height="189" /></a></p>
<p>Other options control how many concentric circles there would be (ranging from 1-5 or Random) and a size parameter. As I said earlier this has just been an exercise to help myself overcome some kind of creative block. Better be doing something than doing nothing at all.</p>
]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
