Comments on: JavaScript Challenge #1 (Wait, weekly?)

By: Dimcho

Dimcho — Tue, 31 Jul 2012 14:11:03 +0000

Hi, MT Team.

Here is my ‘vanilla JavaScript’ solution: http://jsfiddle.net/Dimcho/d6FAF/

By: Matt Powell

Matt Powell — Tue, 31 Jul 2012 03:07:24 +0000

Heavily documented: http://jsfiddle.net/fauxparse/6UnLf/

By: Lionel Garcia

Lionel Garcia — Sat, 28 Jul 2012 18:17:11 +0000

A new versión: https://tinker.io/08ab1 (mod from https://tinker.io/8cc5d)

By: Gonçalo Morais

Gonçalo Morais — Sat, 28 Jul 2012 18:13:03 +0000

Here’s my take on this: http://jsfiddle.net/gnclmorais/d3vrd/ As requested, 100% vanilla JavaScript.

Bonus: spiral pattern also works starting downward, not also rightward.

By: David Chanfin

David Chanfin — Sat, 28 Jul 2012 13:44:33 +0000

My very simple one(recursive, with colors) : http://jsfiddle.net/EsHDt/5/

By: Wijnand de Ridder

Wijnand de Ridder — Fri, 27 Jul 2012 14:41:26 +0000

Thanks…

changed it: http://jsfiddle.net/Wijnand/E5huP/

Thanks/Bedankt!

By: Arian

Arian — Fri, 27 Jul 2012 08:48:32 +0000

@Wijnand de Ridder: use setTimeout(algoritme, 30) instead of setTimeout("algoritme()",30); (see mdn)

By: Wijnand de Ridder

Wijnand de Ridder — Fri, 27 Jul 2012 08:15:02 +0000

http://jsfiddle.net/a3Mgn/

Just for fun!

By: blackbird

blackbird — Thu, 26 Jul 2012 19:16:10 +0000

This is an Excellent post, thank you all for posting your solution.

By: Mitch

Mitch — Thu, 26 Jul 2012 17:15:02 +0000

http://jsfiddle.net/walkingeyerobot/bSc8q/13/

Now with 100% more animation! Now you can see that without the transforms, it’s really just a bunch of divs all in a neat little line.

By: kentaromiura

kentaromiura — Thu, 26 Jul 2012 16:47:55 +0000

Pfff, you’re all newbies (except for Arian, he is a step torward greatness), you can’t compete with my 100% vanilla js solution.

Just be warned, is targeted to awesome browser only (the one supporting document.querySelectorAll and linear gradient… easy workaround-able, but I just don’t want to show off :P) and also you need to turn your audio on, otherwise it will not work as expected.

http://jsfiddle.net/kentaromiura/KtPw5/2/

Ps. I doubt anyone could take my comment seriously, but I want to stress that I’m just joking, every solution posted until now are great, and I’m really proud to see all this fun and effort from the community. Thank you all ;)

By: Bladimir Ardiles

Bladimir Ardiles — Thu, 26 Jul 2012 15:18:36 +0000

and here is my solution :-) http://jsfiddle.net/bladicito/MaYNv/

By: Lionel Garcia

Lionel Garcia — Thu, 26 Jul 2012 15:05:23 +0000

And here is the short version: https://tinker.io/8cc5d

By: Lionel Garcia

Lionel Garcia — Thu, 26 Jul 2012 14:16:49 +0000

Toke me a while, and here it is: https://tinker.io/97a85

By: bram

bram — Thu, 26 Jul 2012 11:10:59 +0000

http://jsfiddle.net/braml/U7VRR/

i tried to do it with a single loop without absolute positioning but in the end i cheated a bit by also using a recursive function though…