CINXE.COM
Drawing Machines
<!DOCTYPE html> <html lang="en"> <head> <title>Drawing Machines</title> <meta charset="utf-8" /> <meta name="description" content="An archive of optical/mechanical/automated drawing machines/devices/aids" /> <meta name="robots" content="index, follow" /> <link rel="shortcut icon" type="image/ico" href="favicon.ico"/> <link rel="stylesheet" type="text/css" href="styles/base.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-58886545-1', 'auto'); ga('send', 'pageview'); </script> </head> <body> <header> <div id="header-top-box" class="site-width"> <h1><a href="index.php">DrawingMachines.org</a></h1> </div> <div id="header-bottom-box" class="site-width"> <span id="description">An archive of optical/mechanical/automated drawing machines/devices/aids</span> <nav class="menu"> <ul> <li><a href="index.php">Home</a></li> <li><a href="find.php">Find</a></li> <li><a href="about.php">About/FAQ</a></li> </ul> </nav> <!--<form class="search" method="GET" action="results.php"> <input type="text" value="" placeholder="Enter keyword, e.g. Prism"></input> <input type="submit" value="Search"></input> </form>--> </div> </header> <div class="site-width"> <script> $(document).ready(function(){ $('.category-box').on('mouseout mouseover', function(evt){ $(this).find('.category-short-description').toggleClass('hidden'); $(this).find('img').toggleClass('image-fade'); }); }); </script> <div class="content categories-layout"> <div class="category-class"> <p class="category-class-name"><strong>PLOTTERS</strong>  [Automated drawing output]</p> <a href="category.php?id=30"> <div class="category-box" style="margin-left: 0px"> <img src="images/category/thumbnail/Pantographs Thumb.png"> <div class="category-name"> Pantographs</div> <div class="category-short-description hidden">The original Xerox copier, capable of reducing, enlarging, and mirroring an original drawing.</div> </div> </a> <a href="category.php?id=31"> <div class="category-box" > <img src="images/category/thumbnail/Roulette Geometry (Spirographs) Thumb.png"> <div class="category-name"> Roulette Geometry (Spirographs)</div> <div class="category-short-description hidden">Drawing cycloids, epicycloids, hypocycloids, trochoids, and involute curves. You might know it as a Spirograph, but its history goes way back.</div> </div> </a> <a href="category.php?id=32"> <div class="category-box" > <img src="images/category/thumbnail/Ellipsographs Thumb.png"> <div class="category-name"> Ellipsographs</div> <div class="category-short-description hidden">Machines for drawing ellipses, in more methods than you could imagine.</div> </div> </a> <a href="category.php?id=33"> <div class="category-box" > <img src="images/category/thumbnail/Geometric Drafting Thumb.png"> <div class="category-name"> Geometric Drafting</div> <div class="category-short-description hidden">Tools assisting in making complex curves for mechanical drafting.</div> </div> </a> <a href="category.php?id=34"> <div class="category-box" style="margin-left: 0px"> <img src="images/category/thumbnail/Signatures-Handwriting Thumb.png"> <div class="category-name"> Signatures/Handwriting</div> <div class="category-short-description hidden">Automated signature machines, handwriting duplication, and machines for synthetic script.</div> </div> </a> <a href="category.php?id=35"> <div class="category-box" > <img src="images/category/thumbnail/Harmonographs-Pendulographs Thumb.png"> <div class="category-name"> Harmonographs/Pendulographs</div> <div class="category-short-description hidden">A stylus at the end of a swinging pendulum.</div> </div> </a> <a href="category.php?id=36"> <div class="category-box" > <img src="images/category/thumbnail/Integraphs Thumb.png"> <div class="category-name"> Integraphs</div> <div class="category-short-description hidden">Mathematical drawing instrument for plotting the integral of a graphically defined function.</div> </div> </a> <a href="category.php?id=37"> <div class="category-box" > <img src="images/category/thumbnail/Coordinates-Etch-a-sketch Thumb.png"> <div class="category-name"> Coordinates/Etch-a-sketch</div> <div class="category-short-description hidden">Manually controlled X-Y axis plotter. You know, an Etch-a-Sketch.</div> </div> </a> <a href="category.php?id=38"> <div class="category-box" style="margin-left: 0px"> <img src="images/category/thumbnail/Perspectographs (Plotter) Thumb.png"> <div class="category-name"> Perspectographs (Plotter)</div> <div class="category-short-description hidden">Automating linear perspective drawing.</div> </div> </a> <a href="category.php?id=39"> <div class="category-box" > <img src="images/category/thumbnail/Surveying-Topography Thumb.png"> <div class="category-name"> Surveying/Topography</div> <div class="category-short-description hidden">Automatically generating topographic maps.</div> </div> </a> <a href="category.php?id=40"> <div class="category-box" > <img src="images/category/thumbnail/Anamorphosis Thumb.png"> <div class="category-name"> Anamorphosis</div> <div class="category-short-description hidden">Machines for drawing anamorphic illusions or oblique perspectives.</div> </div> </a> </div> <div class="category-class"> <p class="category-class-name"><strong>VIRTUAL IMAGES</strong>  [Shadows or projected images for tracing]</p> <a href="category.php?id=41"> <div class="category-box" style="margin-left: 0px"> <img src="images/category/thumbnail/Camera Obscura Thumb.png"> <div class="category-name"> Camera Obscura</div> <div class="category-short-description hidden">Small hole (or lens), plus a dark room (or box) equals an inverted projection of real life. </div> </div> </a> <a href="category.php?id=42"> <div class="category-box" > <img src="images/category/thumbnail/Camera Lucida (Prisms) Thumb.png"> <div class="category-name"> Camera Lucida (Prisms)</div> <div class="category-short-description hidden">A beam-splitting prism on the end of an adjustable stand. Look straight down into the edge of the prism and you see your subject and your hand at the same time. Perfect for tracing from life.</div> </div> </a> <a href="category.php?id=43"> <div class="category-box" > <img src="images/category/thumbnail/Camera Lucida (Mirrors) Thumb.png"> <div class="category-name"> Camera Lucida (Mirrors)</div> <div class="category-short-description hidden">Combinations of mirrors and glass to create a virtual image for tracing. Like the prism camera lucida, but using mirrors instead.</div> </div> </a> <a href="category.php?id=44"> <div class="category-box" > <img src="images/category/thumbnail/Mirrors Thumb.png"> <div class="category-name"> Mirrors</div> <div class="category-short-description hidden">Concave mirrors focus an image of a bright scene onto a surface in a darkened room.</div> </div> </a> <a href="category.php?id=45"> <div class="category-box" style="margin-left: 0px"> <img src="images/category/thumbnail/Glass-Spectrographs Thumb.png"> <div class="category-name"> Glass/Spectrographs</div> <div class="category-short-description hidden">Using reflections to create virtual images for tracing.</div> </div> </a> <a href="category.php?id=46"> <div class="category-box" > <img src="images/category/thumbnail/Silhouettes-Shadows Thumb.png"> <div class="category-name"> Silhouettes/Shadows</div> <div class="category-short-description hidden">Shadows: the oldest everyday virtual imaging technology.</div> </div> </a> </div> <div class="category-class"> <p class="category-class-name"><strong>DELINEATORS</strong>  [Directly trace from life]</p> <a href="category.php?id=47"> <div class="category-box" style="margin-left: 0px"> <img src="images/category/thumbnail/Perspectographs (Delineator) Thumb.png"> <div class="category-name"> Perspectographs (Delineator)</div> <div class="category-short-description hidden">Your stylus movement corresponds to a traveling sighting element. It鈥檚 a complex operation coordinating your eye and your hand, mediated by the machine.</div> </div> </a> <a href="category.php?id=48"> <div class="category-box" > <img src="images/category/thumbnail/Offset Pointers (Board Parallel) Thumb.png"> <div class="category-name"> Offset Pointers (Board Parallel)</div> <div class="category-short-description hidden">A sight aligns a pointer to tracing from life while the stylus draws on the adjacent drawing board.</div> </div> </a> <a href="category.php?id=49"> <div class="category-box" > <img src="images/category/thumbnail/Sighting Pantograph Thumb.png"> <div class="category-name"> Sighting Pantograph</div> <div class="category-short-description hidden">A combination of Board Parallel Offset Pointers and Pantographs to manage real-time scaled drawings from life.</div> </div> </a> <a href="category.php?id=50"> <div class="category-box" > <img src="images/category/thumbnail/Physiognomy Thumb.png"> <div class="category-name"> Physiognomy</div> <div class="category-short-description hidden">Tracing the human form, directly from humans.</div> </div> </a> </div> <div class="category-class"> <p class="category-class-name"><strong>COORDINATE TRANSLATORS</strong>  [Point-by-point translation from life]</p> <a href="category.php?id=51"> <div class="category-box" style="margin-left: 0px"> <img src="images/category/thumbnail/Sighting Grid Thumb.png"> <div class="category-name"> Sighting Grid</div> <div class="category-short-description hidden">A gridded mesh to break down a scene into digestible chunks to draw.</div> </div> </a> <a href="category.php?id=52"> <div class="category-box" > <img src="images/category/thumbnail/Sportello (Durer's Door) Thumb.png"> <div class="category-name"> Sportello (D眉rer's Door)</div> <div class="category-short-description hidden">A length of string. A swinging door. Lute optional.</div> </div> </a> <a href="category.php?id=53"> <div class="category-box" > <img src="images/category/thumbnail/Orthographic Thumb.png"> <div class="category-name"> Orthographic</div> <div class="category-short-description hidden">Translating perpendicular points for dimensional accuracy.</div> </div> </a> <a href="category.php?id=54"> <div class="category-box" > <img src="images/category/thumbnail/Jamnitzer's Device Thumb.png"> <div class="category-name"> Jamnitzer's Device</div> <div class="category-short-description hidden">The outlier machine that deserves its own category. For drafting perspectives of imagined design objects.</div> </div> </a> <a href="category.php?id=55"> <div class="category-box" style="margin-left: 0px"> <img src="images/category/thumbnail/Offset Pointers (Sight Parallel) Thumb.png"> <div class="category-name"> Offset Pointers (Sight Parallel)</div> <div class="category-short-description hidden">A sighting element parallel to a stylus plotting points on a perpendicular board.</div> </div> </a> </div> </div> <footer> <p> A project by <a href="http://pablogarcia.org">Pablo Garcia</a>. Website by <a href="http://brannondorsey.com">Brannon Dorsey</a>. <a id="admin-login" href="admin.php">Admin</a> </p> <span id="copyright"> This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"> <img src="images/copyright_image.jpg"> </a> </span> </footer> </div> <!-- .site-width --> </body> </html>