JS1k: The JavaScript code golfing competition
2010 - The Original
- Author:
- P. Envall
- Twitter:
- @
- GitHub:
- Facebook:
- Google+:
- +
- Reddit:
- /r/
- Pouet:
- Website:
- envall.se
- Compo:
- classic
- Demo link:
- https://js1k.com/2010-first/demo/227
- Shortlink:
- https://js1k.com/227
- Blog post:
- please update here!
- Bytes:
- 1023
- Chars:
- 1023
- Submission
(function(k,c,l,p,i,j,d,e,m){function v(){var b=g()*2+2;return{a:b,b:b+5,x:g()*i,y:g()*j,d:g()*9+2,c:["#ddd","#ff8","#999","#fdb"][~~(g()*4)]}}function r(b,a){for(b in l){a=l[b];if(d<0&&a.x<-a.a)a.x=i;else if(a.x>i)a.x=-a.a;if(e<0&&a.y<-a.a)a.y=j;else if(a.y>j)a.y=-a.a;a=a;h.clearRect(a.x-3,a.y-3,a.b,a.b);h.strokeStyle=q;h.fillStyle=a.c;var f=a.d,w=f*e;a.x+=f*d;a.y+=w;h.lineWidth=1;f=a.a;h.fillRect(a.x,a.y,f,f);h.strokeRect(a.x,a.y,f,f)}if((d||e)&&g()<.02)x();s(r,20)}function x(){q="#443";s(function(){q=t},500)}function u(){n.width=i=c.w||innerWidth;n.height=j=c.h||innerHeight;p=j/75*i/75;o.position="absolute";o.left=o.top=0;o.background="#014";for(l={};--p>0;)l[p]=v()}c=c||{};var n=k.getElementById(c.c||"c"),o=n.style,h=n.getContext("2d"),g=Math.random,s=setTimeout,t="#888",q=t;u();d=c.x!=m?c.x:-1;e=c.y!=m?c.y:0;r();k=addEventListener;k("resize",u,m);k("keydown",function(b){var Z=.2;a=b.keyCode;b={37:Z,39:-Z}[a]||0;a={38:Z,40:-Z}[a]||0;if(b<0&&d>-2||b>0&&d<2)d+=b;if(a<0&&e>-2||a>0&&e<2)e+=a},m)})(document);- Description
- ** Updates: - More configuration options (initial directions and id of target canvas) - No more using DOM level 0 event stuff for keypress and resize - User can travel in "any" direction Description: This is an old-school type starfield effect, done in the canvas. Current user interaction stuff: * starfield reacts repopulates reasonably after screen resizing. * it is possible to travel space with the arrow keys ("pilot mode" of course) The program initiation takes the current window's document and an (optional) options hash with configuration stuff (not used in the submitted script). Configuration properties are: w : width of canvas (px) - number. Default: full width of viewport h : height of canvas (px) - number. Default: full height of viewport c : DOM id of canvas to paint on - string. Default: 'c' (trace of the <a href="http://js1k.qfox.nl/">#js1k demo competition</a> setup) x : initial "horizontal" movement - number. Should be a multiple of 0.2. Default: -1 y : initial "vertical" movement - number. Should be a multiple of 0.2. Default: 0 Note: A large canvas means more stars which (not) surprisingly means more cpu time used. Trivia: The code size limitation (as well as the "no libs" i guess) brought back fond memories of C64 hacking... I only wish there was a way to cram a nice old "WMMMMOOOOOOMMMMMMMMMM" sound in too for nostalgic reasons. It kinda came with starfields back in the day. After some adding some extra features and configuration opportunities, the entry unfortunately no longer weighs in at exactly <a href="http://noname.c64.org/csdb/group/?id=81">1001</a> bytes :-(
- Base64 encoded
KGZ1bmN0aW9uKGssYyxsLHAsaSxqLGQsZSxtKXtmdW5jdGlvbiB2KCl7dmFyIGI9ZygpKjIrMjtyZXR1cm57YTpiLGI6Yis1LHg6ZygpKmkseTpnKCkqaixkOmcoKSo5KzIsYzpbIiNkZGQiLCIjZmY4IiwiIzk5OSIsIiNmZGIiXVt+fihnKCkqNCldfX1mdW5jdGlvbiByKGIsYSl7Zm9yKGIgaW4gbCl7YT1sW2JdO2lmKGQ8MCYmYS54PC1hLmEpYS54PWk7ZWxzZSBpZihhLng+aSlhLng9LWEuYTtpZihlPDAmJmEueTwtYS5hKWEueT1qO2Vsc2UgaWYoYS55PmopYS55PS1hLmE7YT1hO2guY2xlYXJSZWN0KGEueC0zLGEueS0zLGEuYixhLmIpO2guc3Ryb2tlU3R5bGU9cTtoLmZpbGxTdHlsZT1hLmM7dmFyIGY9YS5kLHc9ZiplO2EueCs9ZipkO2EueSs9dztoLmxpbmVXaWR0aD0xO2Y9YS5hO2guZmlsbFJlY3QoYS54LGEueSxmLGYpO2guc3Ryb2tlUmVjdChhLngsYS55LGYsZil9aWYoKGR8fGUpJiZnKCk8LjAyKXgoKTtzKHIsMjApfWZ1bmN0aW9uIHgoKXtxPSIjNDQzIjtzKGZ1bmN0aW9uKCl7cT10fSw1MDApfWZ1bmN0aW9uIHUoKXtuLndpZHRoPWk9Yy53fHxpbm5lcldpZHRoO24uaGVpZ2h0PWo9Yy5ofHxpbm5lckhlaWdodDtwPWovNzUqaS83NTtvLnBvc2l0aW9uPSJhYnNvbHV0ZSI7by5sZWZ0PW8udG9wPTA7by5iYWNrZ3JvdW5kPSIjMDE0Ijtmb3IobD17fTstLXA+MDspbFtwXT12KCl9Yz1jfHx7fTt2YXIgbj1rLmdldEVsZW1lbnRCeUlkKGMuY3x8ImMiKSxvPW4uc3R5bGUsaD1uLmdldENvbnRleHQoIjJkIiksZz1NYXRoLnJhbmRvbSxzPXNldFRpbWVvdXQsdD0iIzg4OCIscT10O3UoKTtkPWMueCE9bT9jLng6LTE7ZT1jLnkhPW0/Yy55OjA7cigpO2s9YWRkRXZlbnRMaXN0ZW5lcjtrKCJyZXNpemUiLHUsbSk7aygia2V5ZG93biIsZnVuY3Rpb24oYil7dmFyIFo9LjI7YT1iLmtleUNvZGU7Yj17Mzc6WiwzOTotWn1bYV18fDA7YT17Mzg6Wiw0MDotWn1bYV18fDA7aWYoYjwwJiZkPi0yfHxiPjAmJmQ8MilkKz1iO2lmKGE8MCYmZT4tMnx8YT4wJiZlPDIpZSs9YX0sbSl9KShkb2N1bWVudCk7- Original source
Original source not submitted