Meanwhile, in the kitchen…

Hey every­one, what’s up? Made it to 2012? Me too!

My girl­friend and me wanted to exper­i­ment a lit­tle for our new year wishes, so we looked at what was handy and came up with this lit­tle video… We know it’s not per­fect but we’re pretty happy with it. Tell us what you think!

Thanks to Craig Bald­win for his great stop-motion tuto­r­ial on Adobe Pre­miere, pretty use­ful for a new­bie like me. The sound­track is home made, thanks to this cool MIDI file.

Wanna lis­ten to the full-length ver­sion? Here it is.

<a href="http://toki-woki.net/blog/wp-content/uploads/mp3/tetris-2012.mp3">tetris-2012</a>

Happy new year every­one; 2012 is going to be a piece of cake!

Hey! – A Lego Table

When I moved in I bought an IKEA Ramvik table and while trav­el­ling this sum­mer I had an idea (don’t ask why): dec­o­rate its top with Lego bricks used as pix­els. Here are the steps I went through. If you don’t care about those steps and want to see a nice time-lapse video, scroll to the end of the article!

Lego bricks

First things first. What are the Lego brick sizes and col­ors avail­able? Oddly enough this ques­tion is not that eas­ily answered. Prob­a­bly because Lego’s site is crappy, or because nobody really cares… I even­tu­ally found Brick­ipedia which hap­pens to be a much richer resource than the offi­cial ones. Every­thing I was look­ing for was there: the Lego “unit” is 8 mil­lime­ters and the color palette is pretty sim­ple.

Table specs

Know­ing my table size I had var­i­ous options, depend­ing on the “pixel size” I’d choose. Of course the num­ber of bricks (and the price) would also vary. So I cre­ated a dynamic spread­sheet on Google Docs that’d do the cal­cu­la­tions for me… Here it is, with all the options pos­si­ble (French, sorry).

iframe: <a href="https://spreadsheets.google.com/pub?key=0AmyvU-n2aOBpdG5oNUN6UW0xcUJ4a2E3eXFrTTJIVnc&amp;hl=en&amp;output=html&amp;widget=true">https://spreadsheets.google.com/pub?key=0AmyvU-n2aOBpdG5oNUN6UW0xcUJ4a2E3eXFrTTJIVnc<span class="amp">&amp;</span>hl=en<span class="amp">&amp;</span>output=html<span class="amp">&amp;</span>widget=true</a>

I chose the 4x4 option, quite cheap and still offer­ing a cool num­ber of pixels.

Design

36x16 pix­els of free­dom, that’s it. I tried lots of dif­fer­ent designs, from lo-fi pho­tos to pixel-art draw­ings. I decided to go for a Heavy Oblique Futura.

Actual size:

Look­ing good.

The Lego palette

I set my type to white, on a black back­ground. The anti-aliasing process cre­ates gray-scale pix­els to smooth the curves, which is great, but Lego bricks aren’t avail­able in all col­ors! To have a real­is­tic pre­view of what it would look like I had to cre­ate a Pho­to­shop Color Table match­ing Lego’s gray-scales (if you’re inter­ested, just ping me [UPDATE: here they are]). Here’s a com­par­i­son between Photoshop’s default gray-scales (left) and Lego’s palette (right):


You may notice that Lego’s black is a lit­tle bit light and the grays are yellowish.

Time to order bricks!

Already? Nope, not that fast. Before order­ing I had to know exactly what to order, that means count­ing the pix­els. Well, I’m not this kind of guy. I’m a devel­oper; I hate repet­i­tive chores, you know.

So I fired up Flash Builder and came up with Palet­te­Counter a sim­ple, Open­Source, app to count pix­els of each color. I also added some kind of “assem­bly instruc­tions gen­er­a­tor” to help us build it. Handy.

Time to order!

Really? Yup. I placed an order on lego.com’s Pick A Brick and received it a cou­ple of weeks later. Yay!

Let’s do this

I’m not going to describe the process (that hap­pened this sat­ur­day), just have a look at this time-lapse vid. 1020 pics shot in about an hour, yummy. Thanks to Céline and Julie for help­ing out!

TW x PK

C’était hier soir, c’était à Bor­deaux, y’avait du monde… Et j’avais bien fait de m’entrainer un peu avant !

Le son n’est pas extra, l’image est un peu moyenne mais l’ambiance est là ! Merci aux organ­isa­teurs d’avoir pensé à moi, merci aux gens qui sont venus me voir après pour par­ler ornitho­rynque, merci à Céline pour avoir appuyé sur le bou­ton aux bons moments (et pour l’encodage !), merci à Renaud, à ma man­ageuse, aux tick­ets bois­son, au tram qui n’a pas accepté de nous pren­dre… Je m’arrête là, de toute façon per­sonne ne sait de quoi je parle !

Voilà donc ma ses­sion de cette 4è Pecha Kucha, hop.

Mise à jour (08/05/2010) ! Une photo et la liste des slides, avec quelques liens…

  1. No Online Friends
  2. Cahier d’enfant — Icônes
  3. Mon bureau - Play Sta­tion
  4. L’ornitho­rynque
  5. Scroll Clock
  6. Scroll Effect
  7. dribb­ble
  8. Kwot
  9. Kid Acne
  10. FFFFOUND Desk­top
  11. Erosie
  12. Buck 65/20th
  13. Eltono+Nuria
  14. Les sites morbides…
  15. Alope­cia+Alope­cia
  16. Boks
  17. Les Gens
  18. Jan Vor­mann+truth
  19. Paper
  20. No Requests

Boo­gie down!

Beat Battle II

It took time, but it’s finally here! This time every­thing is live, not pre-recorded track play­ing as back­ground, so it might be a lit­tle out-tempo at times… Still practicing!

Weecast Player

Dur­ing the last cou­ple of months I’ve been work­ing on a free AIR app for a French community-based site called Weecast. Its pur­pose is to allow users to sub­mit and/or buy screen­casts about your favorite apps and lan­guages (mostly Adobe’s and Microsoft’s, but also 3D ones’, OS’s and more).

Intro­duc­ing the Weecast Player!

The app allows you to browse your videos, watch them (4 view modes), search for more, drop com­ments and stars… I think that’s called an RIA, right? There’s also an offline mode, so you can access all your stuff anytime.

All of this is made in Flex+AIR. The visual iden­tity was made by Weecast ; thanks for the PNGs, folks!

By the way, some parts of it are actu­ally Open­Source, includ­ing:

If you don’t know Weecast yet I highly rec­om­mend you go visit their site, grab an account and the player, enjoy free videos, and then buy some! Now if you don’t under­stand French… Well, learn it!

Beat battle

Via the almighty social net­work I recently chal­lenged a friend on a MPD/Trig­ger Fin­ger Beat Bat­tle. Here is my Round 1…

Wait­ing for his round to drop!

Sg — Qutter

Another script, a tool.

Qut­ter lets you cut any­thing on the stage with­out destroy­ing it. Shapes, texts, images, groups and so on… Here’s a video demo:

Grab the source, or go to its Scriptographer’s page!

I ini­tially did it to be able to cut images. You can’t do it in Illus­tra­tor, or I missed something.

ps: Nam­ing all my script with a Q at the begin­ning is prob­a­bly not a good idea. I think this is going to be bor­ing soon…

Sg — Qwatch

So here’s the sec­ond script I was talk­ing about this week end!


I also made a video demo to show how it works:

The source is hosted here and on Sg’s site.

Please share feed­back and ideas!

Scriptographing

I’ve just been intro­duced to Scrip­tog­ra­pher, this Illus­tra­tor plu­gin allows you to script actions (in JavaScript) in order to auto­mate things, to raster bitmaps, to cre­ate tools or more.

Being a big Illus­tra­tor fan and know­ing JavaScript quite well I’ve started play­ing with it a bit. It can be a lit­tle tricky when you’re look­ing for doc­u­men­ta­tion or when you’re used to work­ing with a flipped y-axis like in Action­Script but you can achieve nice things with only a few lines of code.

The first script I wrote is called Qink and is some sort of china ink paint­brush. It doesn’t work very well yet so I won’t post it now. Drop a com­ment if you want to try it.

The sec­ond thing I wrote has no name yet but works pretty well. It is not buggy at all but I need to rethink the script a lit­tle before post­ing it. Here’s an exam­ple of what you can do with it:

The con­cept is sim­ple: use any image’s pix­els as your color swatch. Either for live paint­ing, or to apply on a path. Expect nice or funny results! Again, drop a com­ment if you can’t wait.

The third thing is called Qat­tern. This one allows you to quickly and eas­ily build a pat­tern… It’s kind of sim­ple, but a video might explain this better:

I did it to go with my blog theme’s new abil­ity to han­dle back­ground pat­terns… It’s work­ing alright so here is the source code! Play with it, break it and send feed­back… I’m sure things can be improved, if you’ve got sug­ges­tions, share them!

Above: South Central Tour

Read more at ekosys­tem.

Posted using Snips and a Vimeo model file.