Vectors, Hektor and Wobble-Preventing Algorithms

21 Apr 2006 Category: Features, Graphics, Podcast, Technology

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 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

73 Comments

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

    Posted by: bentong on April 21st, 2006 at 11:43 pm

  2. [...] [Via PingMag] [...]

    Posted by: 2dayBlog - Technology Journal, New Gadget everyday! » Blog Archive » on April 22nd, 2006 at 12:40 pm

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

    Posted by: Phil on April 23rd, 2006 at 7:57 pm

  4. I had my portrait sprayed!

    Posted by: ill p.e. on April 24th, 2006 at 10:46 am

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

    Posted by: Administrator on April 24th, 2006 at 10:52 am

  6. [...] PingMag - The Tokyo-based magazine about “Design and Making Things” » Archive » Vectors, Hektor and Wobble-Preventing Algorithms [...]

    Posted by: robmyers » More Hektor on April 27th, 2006 at 6:57 am

  7. 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… >.>

    Posted by: Hulyen on April 28th, 2006 at 10:20 am

  8. clever.

    Posted by: Tewt on June 20th, 2006 at 10:53 pm

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

    Posted by: ヤーッコ on August 23rd, 2006 at 5:43 pm

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

    Posted by: Guy Keulemans on September 13th, 2006 at 11:50 am

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

    mac

    Posted by: macmeier on November 12th, 2006 at 3:02 am

  12. [...] Hektor in action | pingmag | videos [...]

    Posted by: the new shelton wet/dry on February 13th, 2008 at 8:15 pm

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

    Posted by: kurye on February 22nd, 2008 at 8:04 am

  14. 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.

    Posted by: men watches online on May 23rd, 2011 at 11:46 am

  15. 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.

    Posted by: calories for food on May 25th, 2011 at 8:32 am

  16. especially when you consider this was built in 1998!

    Posted by: มู่ลี่ on May 27th, 2011 at 2:50 pm

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

    Posted by: ผ้าม่าน on May 27th, 2011 at 2:52 pm

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

    Posted by: แหวนเพชร on May 27th, 2011 at 2:54 pm

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

    Posted by: กระดาษ on May 27th, 2011 at 2:55 pm

  20. A very resourcesfull page;great website.

    Posted by: ovulation calendar gender selection on May 30th, 2011 at 6:38 am

  21. I look to expand my raising rabbits knowledge.

    Posted by: raising rabbits on May 31st, 2011 at 4:59 am

  22. 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.

    Posted by: Children Yeast Infection on June 2nd, 2011 at 5:20 am

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

    Posted by: Anonymous on June 3rd, 2011 at 6:08 am

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

    Posted by: weightlifting routines on June 3rd, 2011 at 10:14 am

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

    Posted by: All about Cats on June 5th, 2011 at 7:03 am

  26. 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.

    Posted by: weight loss on June 14th, 2011 at 5:25 am

  27. Thanks for the information about this topic.

    Posted by: innovative healthcare on June 15th, 2011 at 2:51 am

  28. 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.

    Posted by: personal development on June 16th, 2011 at 4:08 am

  29. 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.

    Posted by: QuickSendSMS on June 16th, 2011 at 5:41 pm

  30. Turbine Idroelettriche

    Posted by: energie rinnovabili on June 17th, 2011 at 10:51 am

  31. 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.

    Posted by: online dating tips new york on June 19th, 2011 at 9:30 pm

  32. Good topic..keep the good content coming

    Posted by: Internet Strategy on June 25th, 2011 at 2:42 pm

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

    Posted by: How to get the Abs on June 27th, 2011 at 1:56 am

  34. 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.

    Posted by: free website traffice on July 2nd, 2011 at 11:12 pm

  35. im am really fascinated by the response of this blog.

    Posted by: Global Marketing Strategies on July 9th, 2011 at 12:31 am

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

    Posted by: Soccer on July 18th, 2011 at 1:10 pm

  37. If u like soccer visit us!!!!!!!!!!!!!

    Posted by: Soccer on July 19th, 2011 at 4:59 pm

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

    Posted by: Affiliate Marketing Reviews on July 21st, 2011 at 8:33 pm

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

    Posted by: face acne treatments on July 27th, 2011 at 5:37 pm

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

    Posted by: Free Facebook Like's on July 31st, 2011 at 1:22 am

  41. cadde5 canlialem cadde 69 super odalar tikla gir linke

    Posted by: goruntulu sohbet on August 6th, 2011 at 3:37 am

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

    Posted by: united healthcare dentists on August 10th, 2011 at 6:52 pm

  43. 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.

    Posted by: Examples Viral Marketing on August 17th, 2011 at 12:48 pm

  44. looks like fun

    Posted by: SEO on August 25th, 2011 at 4:17 pm

  45. Owner Mighty Solos

    Posted by: Get 125.000 visitors Free with Mighty Solos on September 27th, 2011 at 2:35 am

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

    Posted by: Perfect Pitch Recognition on October 11th, 2011 at 1:55 am

  47. Find thousands of the best jobs in Hyderabad - top companies, profiles

    Posted by: Shine.com on October 19th, 2011 at 9:23 pm

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

    Posted by: christian louboutin on November 10th, 2011 at 6:24 am

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

    Posted by: Information Automotive on November 11th, 2011 at 9:55 pm

  50. 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.

    Posted by: Kata-Vendo - Bons ventos para seus neg�cios on November 24th, 2011 at 12:32 pm

  51. I saw this really good post today.

    Posted by: Cell Phone Accessories on November 25th, 2011 at 8:16 am

  52. Thank you for good content..

    Posted by: gps best maps on November 28th, 2011 at 5:12 pm

  53. wat a nice post

    Posted by: Movies and TV Series on November 30th, 2011 at 4:11 am

  54. Thanks for share …

    Posted by: Partaji.com - share the info ... on December 2nd, 2011 at 12:54 pm

  55. Do you have a very good site

    Posted by: reza atayee fard on December 4th, 2011 at 6:38 am

  56. I think this is all politics

    Posted by: Abdominal muscle on December 8th, 2011 at 6:20 am

  57. 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

    Posted by: buy cheap vacuum cleaners online on December 28th, 2011 at 1:54 am

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

    Posted by: roll up awnings on January 5th, 2012 at 6:38 pm

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

    Posted by: Безплатни обяви on January 13th, 2012 at 12:50 am

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

    Posted by: Social Network on January 13th, 2012 at 11:14 pm

  61. 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

    Posted by: seo on January 15th, 2012 at 8:30 pm

  62. 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.

    Posted by: dress up gal on January 15th, 2012 at 11:35 pm

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

    Posted by: illslick on January 17th, 2012 at 5:40 am

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

    Posted by: Temple Jewellery on January 23rd, 2012 at 8:03 pm

  65. Thanks for this post. It is very useful.

    Posted by: Biggfirma on January 26th, 2012 at 12:16 am

  66. 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.

    Posted by: Painting and Decorating on January 26th, 2012 at 8:15 pm

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

    Posted by: Anonymous on January 27th, 2012 at 7:25 am

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

    Posted by: Anonymous on January 27th, 2012 at 7:09 pm

  69. 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

    Posted by: istanbul günlük kiralık on February 9th, 2012 at 9:22 am

  70. Interisting information

    Posted by: ηλεκτρονικο τσιγαρο on March 19th, 2012 at 8:09 pm

  71. Vectors, Hektor and Wobble-Preventing Algorithms good post296

    Posted by: air multiplier on April 20th, 2012 at 5:40 pm

  72. Vectors, Hektor and Wobble-Preventing Algorithms good post1750

    Posted by: bladeless fan on April 21st, 2012 at 7:45 pm

  73. Im so happy, now that I found your website, your contend is very informative and educational. I will always come back for

    Posted by: Catch your spouse cheating on April 24th, 2012 at 10:12 pm

  • Share and Enjoy:
  • del.icio.us
  • digg
  • Fark
  • NewsVine
  • RawSugar
  • Reddit
  • YahooMyWeb
Previously on PingMag