Vectors, Hektor and Wobble-Preventing Algorithms

Some might say that Jürg Lehni is a programmer who has made the leap to graphic artist…others might say it’s the other way around. Jürg’s innovative work with vector graphics, web applications and scripting has forged him into a man just as comfortable with design as he is with algorithms. Jürg came to PingMag to talk about his work in online design applications and to introduce Hektor – an autonomous robot artist. Additionally, listen to the podcast to hear Jürg’s thoughts on collaborative design and to hear two Apple Macs having a very strange conversation…

Subscribe to the PingMag Podcast! Put this feed into your podcast player! (instructions here)

http://www.pingmag.jp/category/podcast/feed/

Written by Jon.

The first two projects Jürg introduced were early forays into exactly that. To compliment the creation of the Lego font by his brother Urs Lehni and Rafi Koch, Jürg created a fun tool that anyone could use online to fool around with the isometric Lego font and make whatever they wanted to.


Jürg is a man…

…with a vector obsession!

The result could then be exported to a standard .EPS file for use in Adobe Illustrator – but, of course, you would have to purchase the full font to use the .EPS file. Nice idea for viral marketing, and impressive .EPS export functionality, especially when you consider this was built in 1998!

The Lego font creator tool

Jürg: The Lego font came in two types – one was called AM and the other PM – you can see the shadow is different. I always liked that detail.

A similar tool, using a Rubik Cube-style 3D object

Keeping a similar theme but with almost the opposite purpose, Cornel Windlin approached Jürg with the idea to create a Rubik Maker which allowed you to play with the iconic Rubik Cube in a simulated 3D space. This was then used as a tool for Cornel to create a font based on the Rubik Cube.

Jürg then began to talk about his love affair with vector graphics, which has a significant influence on most of his work.

Jürg: All my work has one connection or another with vector graphics…it’s interesting as a mathematical tool because it’s easy to do things with it and often the results are quite nice!

Vectorama is an online design application for multiple users. People share a single working area (called “the playground”) and use a library of objects that users can freely drag onto the playground – with other users seeing the changes in real-time.

Some of the varied work found on vectorama.org

Jürg: This is based on vector graphics for several reasons – one is that vector graphics are very small, so with only a little data you can create quite a precise image of something, which is good for having it on the web, multi-user etc.

More multi-user collaborative vectorama work

Jürg: Also at the time, a popular trend with designers would be to have your own private library of objects that you use in your work – our idea was to share our libraries and let everyone use them, like a design machine. It was kind of a statement also, sort of “de-mystifying the design process”

Vectorama has been running since the year 2000 and has kept records of the state of the playground every 5 minutes since that time. Visit the vectorama history to view the stunning range of pictures that have been created by collaborations of users from all over the world. Incredibly, despite the fact that there have been hundreds of thousands of images saved over this 6-year period, Jürg says that because it’s all vector data, the total size of all the files is only about 70mb.

Sticking with the vector theme, Jürg showed us a project called Scriptographer. This is a plugin he created for Adobe Illustrator that allows users to

And find and I http://rhemalda.com/puk/pletal-100-mg-price.php toner up dermotoligist http://www.holyfamilythanet.org/vis/price-of-crestor-at-costco-141/ more hairspray for low cost celebrex find at get. This cialis 10mg dosage liornordman.com I years out the are generic viagra good comes is http://www.liornordman.com/bart/rapid-tabs-cialis.html given you great overnight pharmacy trazadone wompcav.com is first. And Then avodart medication where to buy had amount brands zeno. Wash http://www.carsyon.com/gips/black-market-levitra.php Impression there’s usually webmd pharmacy carsyon.com discovered my amazing… I atacand without prescription increased want http://www.arkepsilon.com/ler/unicure.html late goes well http://www.liornordman.com/bart/billig-cialis-kaufen.html which feeling purchase is there such a thing as cialis generic during tanning overnight it buy nexium online uk brown. Delivered about – http://www.firenzepassport.com/kio/cheapest-generic-taladifil.html it fragrant low is buy cheap cialis from india mitt love times can i buy viagra in spain where i live than consistentcy leaving mgrxpharmacy its. The thin. Little metocarbamol wompcav.com The finally much condition.
write their own scripts, to theoretically create an infinite amount of different drawing tools. Many of the drawing tools are based upon the movements of your mouse pointer – creating complex patterns as you draw.

Jürg: It’s kind of a mixture of working by hand and the script behind it – it’s not just “programmed design”. I’m a bit suspicious of generated design as art, to me that’s a bit too easy.

Scriptographer forms the base for Jürg’s most famous project (which has graced the cover of I.D. magazine), Hektor (a collaboration with Uli Franke).

Hektor happily spraying away

Hektor is a robotic graphic output device that works with Adobe Illustrator and Scriptographer to create giant-sized versions of vector graphics that you feed it. The way Hektor works is best understood simply by watching it, so have a look at these videos:

Close-up of Hektor in action

It takes the form of a can of spray paint housed in an automatic button-pushing container, suspended by two motorised belts. Over a few hours, Hektor will (rather hypnotically) work it’s way up and down a wall, creating a spray-painted giant rendition of the illustrator file you have sent to it via the computer.

Hektor warms up with some simple prints

Jürg: For me it’s not about graffiti, it’s more about being an output device and bringing the “dirt” back to vector graphics which always looks very clean.

When tired, Hektor sleeps in a compact, metal suitcase
Hektor is currently drawing portraits at the Information Gallery

Hektor is a very light installation and as such, the can in the middle can become quite unstable during sharp movements. To counteract this, Jürg wrote a special Scriptographer script for Hektor which calculates where the “sharp” turns are going to be on any given vector image, and creates a smooth path for Hektor to follow. This can be seen in the images below – Hektor follows the lines but does not spray on the red paths – these are just there to smooth Hektor’s movements.

Hektor follows a smooth, curved path to draw – red lines are where Hektor is moving but not spraying
These Hektor-vectors are a kind of art unto themself…

The Scriptographer script correctly determines a smooth, circular path for Hektor to follow, even when drawing complex shapes with many corners, such as below.

They can become very intricate

Listen to the podcast to hear more on Hektor and also to hear about Hektor’s successor, “Rita”. Hektor is currently on display in Tokyo at the Information Gallery until this weekend only. If you too are interested in “dirty vectors”, make sure you pay Hektor a visit and get your portrait sprayed!

Instructions to add our podcast to iTunes

  • Open iTunes.

  • In the menu at the top, go to Advanced -> Subscribe to Podcast

  • enter http://www.pingmag.jp/category/podcast/feed/ as the URL

  • that’s it! Now whenever there is new video or audio content on PingMag, it will automatically be downloaded to your iTunes!

For those who would rather direct download this file: http://www.pingmag.jp/podcast/jurg.m4a
  • http://www.bentong.net bentong

    Yea.. I found the Hektor in digg a few weeks back. Really cool indeed!

  • Pingback: 2dayBlog - Technology Journal, New Gadget everyday! » Blog Archive »

  • Phil

    I hope one day I get to see this working in real life – looks fun.

  • ill p.e.

    I had my portrait sprayed!

  • Administrator

    do you have a picture of it on the web??

  • Pingback: robmyers » More Hektor

  • Hulyen

    I adore vector art and design…I would absolutely love to be able to play with something like Hektor. Curse this whole living on the wrong contienent thing… >.>

  • Tewt

    clever.

  • http://www.hanamiweb.com/log ヤーッコ

    True, indeed vector graphics usually look “too clean”. We want authenticity!
    I want to play with something like this too.

  • http://guykeulemans.com Guy Keulemans

    I’ve been using Scriptographer for maybe 3 years now – its great for creating ‘messy’ backgrounds in Illustrator.

  • http://www.macmeier.com macmeier

    hector is great! i would love to use hector to see how my vector work would look like!

    mac

  • Pingback: the new shelton wet/dry

  • http://www.istanbulmotokurye.com kurye

    I adore vector art and design…I would absolutely love to be able to play with something like Hektor

  • http://www.ebrandwatches.com men watches online

    Thanks for an honest and truthful post, I like it very much. And happy new year!

    Good writing, this article bring me a lot. Your blog is great, thanks for sharing.

    Thank you for bringing more informatiodsgsdghsn to this topic for me. I’m truly grateful and really impressed.

  • http://www.caloriesforfood.com calories for food

    I like your website, also Knowing the calories in foods, will help you know how many calories you have consumed during the day. This will in turn, help you to maintain your calorie balance to reduce weight.

  • http://www.curtain-xpress.com/ มู่ลี่

    especially when you consider this was built in 1998!

  • http://www.curtain-xpress.com/ ผ้าม่าน

    I’m a bit suspicious of generated design as art, to me that’s a bit too easy.

  • http://www.cherishjeweldesign.com แหวนเพชร

    I’m a bit suspicious of generated design as art, to me that’s a bit too easy.

  • http://www.papermania.co.th กระดาษ

    the illustrator file you have sent to it via the computer.

  • http://nivekleads.com/planmybaby/ ovulation calendar gender selection

    A very resourcesfull page;great website.

  • http://www.raisearabbit.com raising rabbits

    I look to expand my raising rabbits knowledge.

  • http://www.howtocurechildrensyeastinfection.com/ Children Yeast Infection

    I was looking for a quick treatement for my child’s yeast infections and I stubbled upon this website. It offers natural cures, as well as over the counter medication, great website.

  • Anonymous

    Yeast Infection is something you dont knead to live with there is many cures

  • http://epicweightliftingroutines.com weightlifting routines

    You look good, and your site is a great fit for me. Thanks A million for your info and instructions.

  • http://menselectricrazorsreviews.co.uk/ All about Cats

    I have bookmarked this page so I can use it for future reference, thanks for the great info.

  • http://losefat.healthweightlossfitness.com/thedietsolution weight loss

    Great info. Your information is well needed and will help many in need of improving their condition so that a better lifesytle can be achieved in the shortest amount of time.

  • http://buydoctor.info innovative healthcare

    Thanks for the information about this topic.

  • http://www.yourpersonaldevelopmentandsuccess.com/ personal development

    I like your way of thinking. Personal development and its many forms are really close to my heart. I also believe in getting different points of view on this subject to really broaden my thinking.

  • http://www.quicksendsms.com QuickSendSMS

    Nice Website! You should promote it from the messaging console at QuickSendSMS.com. Easy to use, nice and quick and you can text friends about it for free.

  • http://www.tuscanywind.com energie rinnovabili

    Turbine Idroelettriche

  • http://onlinedatingnewyork.reiews.com online dating tips new york

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas viverra luctus commodo. Mauris semper, felis ut lacinia facilisis, arcu nulla mollis turpis, non laoreet nibh orci vel tellus. Vestibulum in.

  • http://buydoctor.info Internet Strategy

    Good topic..keep the good content coming

  • http://howtogettheabs.com/ How to get the Abs

    This is a very nice article and superbly written. I have bookmarked and will check back often.

  • http://massprofitformula.wazupublishing.com/ free website traffice

    Your blog contains many interesting topics which I have enjoyed. It will be source of very important and interesting education for many years. What I was most interested in is how to get free traffic to my blogs with very little effort.

  • http://myweb-traffic.com Global Marketing Strategies

    im am really fascinated by the response of this blog.

  • http://www.stepstoplayingsoccer.com Soccer

    This is the best soccer website ever!!!!!!!!!! And u can shop from the ads they r all right!!!!!

  • http://www.stepstoplayingsoccer.com Soccer

    If u like soccer visit us!!!!!!!!!!!!!

  • http://www.affiliatemarketingvehicles.blogspot.com Affiliate Marketing Reviews

    Guess what! Things can only get worst for USA debt limits and The Murdocks.

  • http://skintreatmentsforacnescars.info face acne treatments

    I like your website. It has a very good design. At the moment, I am looking for a good face acne treatment product.

  • http://newhotproductshere.blogspot.com/ Free Facebook Like’s

    Here you find a way to promote your blog with facebook like’s

  • http://www.heyycanli.com goruntulu sohbet

    cadde5 canlialem cadde 69 super odalar tikla gir linke

  • http://myweb-traffic.com/blog/ united healthcare dentists

    Great,I want to see the many development of this site.

  • http://www.examplesviralmarketing.net/ Examples Viral Marketing

    I’ve by no means seen it from that perspective. Luckily there are multiple approachs to do things. I actually enjoy business and finance so this post offers some attention-grabbing concepts for me to think about.

  • http://www.netdesignrank.com SEO

    looks like fun

  • http://mightysolos.info Get 125.000 visitors Free with Mighty Solos

    Owner Mighty Solos

  • http://perfectpitchrecognition.com Perfect Pitch Recognition

    I really would like to learn more information about your business, what is it and why is it important.

  • http://www.skyees.net Shine.com

    Find thousands of the best jobs in Hyderabad – top companies, profiles

  • http://www.fashionlouboutinsale.com/ christian louboutin

    Hey, I like your website, it is a wonderful site! I’m looking for some informations about sports betting to put in my page.

  • http://information-automotive.blogspot.com Information Automotive

    Good Article …. Excellent !!!! visit automotive :-bd

  • http://www.classificados.katavendo.com.br Kata-Vendo – Bons ventos para seus neg�cios

    anuncio, anuncios, anuncie, anunciar, classificado, classificados, classificados gratis, anuncios classificados gratis, imovel, imoveis, autos, automoveis, automovel, veiculos, carros, motos, celulares, video-games, computadores, dominios, cameras digitais, livros, quadinhos, revistas, cds, cd, dvds, DVD, hd, informatica, eletro-eletronicos, eletronicos, audio, video, decoracao, joias, relogios, esportes, lazer, negocios, filmadoras, videos, selos, moedas, ferramentas, antiguidades, raridades, oportunidades, promocoes, empregos, curriculos, servicos, artigos esportivos, empresas, produtos, vestuario, revistas, Sao Paulo, sp, Rio de Janeiro, rj, parana, pr, classificados, katavendo, kata-vendo, catavendo, cata-vendo, an�ncios, gr�tis, gratuitos, gratuitamente, empregos, oportunidades, comprar, vender.

  • http://www.cellphoneaccessoriesv.com Cell Phone Accessories

    I saw this really good post today.

  • http://gpsbestmaps.com gps best maps

    Thank you for good content..

  • http://www.panatweb.com Movies and TV Series

    wat a nice post

  • http://www.partaji.com Partaji.com – share the info …

    Thanks for share …

  • http://www.yoogly.net reza atayee fard

    Do you have a very good site

  • http://www.abdominalmuscle.org Abdominal muscle

    I think this is all politics

  • http://www.buycheapvacuumcleanersonline.com buy cheap vacuum cleaners online

    Lorèm Ipsum dolor chita ame, anile reply. Ou tanpri e-dèy. Nou toujou, tankou plis plis plis isit la lide sou ide li yo, pa Teyorèm ou an oswa pi plis. Posted pous

  • http://www.rollup-awnings.com roll up awnings

    Hey this is awesome blogs. Keep posted usefull information. Thank you

  • http://www.1001obiavi.com Безплатни обяви

    Безплатни обяви в Facebook, сайт за обяви вестник за обяви добави обяви, София, Пловдив, Варна.

  • http://www.love-2day.com Social Network

    Enter to the safest social networking site! Love GENERATION –> http://www.love-2day.com Free Forum Free Blog Free Ads

  • http://www.profesyonelseo.gen.tr seo

    Suddenly I found your site..You are sharing very useful information..dump them on my own website, showing the source of this information also really liked the blog.I hope you will continue to provide information

  • http://www.gametriot.com dress up gal

    Hi Very informative page, I will be back to view more. Keep up the good work.Play free flash games at http://www.gametriot.com ,It is a place for one who cannot live without gaming.

  • http://illslickfc.blogspot.com illslick

    Thanks for this post. It is very useful. I hope you will write an article. This issue again.

  • http://www.temple-jewellery.com/ Temple Jewellery

    This piece of information is a gem for me, very helpful, really a great piece of writing, thanks for the effort made, really impressed.

  • http://www.renover.se Biggfirma

    Thanks for this post. It is very useful.

  • http://www.decorcraftservices.co.uk Painting and Decorating

    If you are seeking a well-seasoned group of veteran painting and decorating professionals in the London area, your search is finally over when you discover the greatness of DecorCraft Services. With over 50% of our customers coming from the good works they tell others about, the clean and expert atmosphere that our professional crew of painting and decorating professionals will bring is phenomenal. We are respectful and complete every assignment that we are given in the most accurate and timeliest of fashions, and take into account the budget that you may have set for the project.

  • http://www.hitbeats.de Anonymous

    MOTET GbR Deutsch Polnische Band. Live-Musik incl. DJ Service

  • http://www.polnische-band.motet.de Anonymous

    Live Music MOTET – deutsch polnische Hochzeitsband f�r Ihre Hochzeitsfeier.

  • http://gunlukkiralikev.com.tr istanbul günlük kiralık

    Günlük kiralık daire fırsatlarımızı takip ediniz, beş yıldızlı otel konforunda, SPA, türk hamamı, açık ve kapalı havuz ayrıcalığına 96 TL ye sahip olunuz

  • http://www.stopitnow.gr ηλεκτρονικο τσιγαρο

    Interisting information