JS1k: The JavaScript code golfing competition
2017 - It's like magic
Can I haz 1Karrot?
The magician's rabbit has escaped the stage with its hat and is looking for his carrot in a strange forest... Move with arrows / WASD / ZQSD. Read the demo details if it looks bad!
- Author:
- Maxime EUZIERE
- Twitter:
- @
- GitHub:
- xem
- Facebook:
- Google+:
- +
- Reddit:
- /r/
- Pouet:
- Website:
- xem.github.io/1karrot
- Compo:
- pure
- Demo link:
- https://js1k.com/2017-magic/demo/2794
- Shortlink:
- https://js1k.com/2794
- Blog post:
- xem.github.io/articles/#js1k2017
- Bytes:
- 1024
- Chars:
- 976
- Submission
for(_="onkeyJstyleI I=WitionVJupUWposV:fixed;C<a UCBatAin@MAh.s@(SSf/5)RrotAeQQX(PforO||(Nem ${ t i+j} scale( this[`.5padd@g:-24@}@,*3+.@nerHTML+=(d-u)/9*Omtrans.I.=` '' id=;background:# font: <div rad))QZ( -a}P5 . navigAor.plA[x=y=a=5]?2:=e=>lurdl*d*l*ur*u`[(e.which+3)%20]]=lAe3D( `]B 3;2 +0+0tfNJdown1,U0,b=` Wheight:95vh;perspective:7@;overflow:hidden 6e0> W-I:preserve-3d;marg@:50vh+50%s>515>🥕10>🐌010>🐒40>🐍012>🐂07>🐥59>🦍46>🐢214>🐘33>🐆Bwidth:14} ; 3t>🐰 W 1.2 /9};: -1)>🎩`);O(i @ m=[5120,22511,29732,13540,29829,57087])O(j=16;j--;)fNs+=m[i]>>j&1?` C11@ 961;: ji0)>`:q++&&q%7?` C 7 >`+[...`🌳🌲🌵🌴`][q%4]:``),&&( j1i12@QY( .U?R/5:0} 2)`,x>46?(V=.U?a=0:sV=`5s`,sP,,)`):sP.7QZ( a} -x-y0)`);v=x,w=y,xSa+=(l-r)/30),yMAh.cos(a),x>0&&y>0&&m[~~(y/3)]>>x/3&1Nx=v,y=w),t xy3+R} `,f++";G=/[- N-S@-CU-WIJ]/.exec(_);)with(_.split(G))_=join(shift(q=u=d=l=r=f=0));setInterval(_,33)<3- Description
- The magician's rabbit has escaped the stage with its hat and is looking for his carrot in a strange forest... Move with arrows / WASD / ZQSD. Read the demo details if it looks bad! If the game doesn't look nice, you can watch a video capture in ideal conditions here: https://youtu.be/Ai3IJGfBBWQ. Controls: Arrow keys or WASD or ZQSD. (more info: https://goo.gl/H2PPd7) Demo by Maxime Euzière (http://xem.github.io) for JS1k 2017, rendered only with CSS3D and emoji characters. CSS3D engine inspired by https://goo.gl/6t6npT. Optimized for running on latest Windows 10 and Webkit browsers (Chrome or Opera) also optimized to not explode on Firefox (but it's still a little glitchy). also optimized to run on latest MacOS (10.2.3+), and on Safari (though MacOS emoji don't look very nice). Linux users will see monochrome emoji or black squares, but they can install the Emoji One font (Download https://goo.gl/J7GbE6 => right-click on the file => install as system font.) This demo abuses HTML & CSS hacks to save space, and repeats a lot of code to optimize for RegPack. This demo generates about 23kb of HTML code. It contains exactly 100 CSS3D elements (the rabbit, hat, carrot, ground tiles, trees and animals), because Firefox < 53 can't render more than 100 CSS3D elements correctly (and sadly Fx 53 releases in 2 months). The demo is iframed on JS1k.com, so the global scope "top" is replaced with "this". Elements with an id can be accessed as global vars, with `id` or `this["id"]` (more info: https://goo.gl/JNN6S5) When the carrot is found and the surprise revealed, it's possible to return into the scene with a funny camera behavior. Build process: -------------- The content of the loop function is minified (2065 bytes) and sent to RegPack. Regpack settings: do not rename vars "b q j", score: 1/0/0, longest strings first. The packed code is 999 bytes long. The end of the packed code "_=join(shift());eval(_)" is replaced with "_=join(shift(q=u=d=l=r=f=0));setInterval(_,33)<3" Which makes a total of 1024 bytes, and the result is submitted to JS1k.
- Base64 encoded
Zm9yKF89Im9ua2V5SnN0eWxlSSBJPVdpdGlvblZKdXBVV3Bvc1Y6Zml4ZWQ7QzxhIFVDQmF0QWluQE1BaC5zQChTU2YvNSlScm90QWVRUVgoUGZvck98fChOZW0fJHsedB5pK2p9HXNjYWxlKBx0aGlzW2AbLjUacGFkZEBnOhktMjRAGH1ALBcqMysWLkBuZXJIVE1MFSs9KGQtdSkvOSoUT20TdHJhbnMSLkkuEhEREz1gEB8nJw8gaWQ9DjtiYWNrZ3JvdW5kOiMMZm9udDoLPGRpdglyYWQpCClRWigeLWF9CFA1CAcXHgYuHm5hdmlnQW9yLnBsQRNbeD15PWE9NV0/MjoFPWU9PhtsdXJkbCpkKmwqdXIqdWBbKGUud2hpY2grMyklMjBdXT0EEmxBZTNEKAMbHWBdAkILMw87GTIfKzArMA50AWZOSmRvd24EMSxVBDAsYhU9YAlXaGVpZ2h0Ojk1dmg7cGVyc3BlY3RpdmU6N0A7b3ZlcmZsb3c6aGlkZGVuDDZlMD4JVxITLUk6cHJlc2VydmUtM2Q7bWFyZ0A6NTB2aCs1MCUOcz4BNTE1PvCfpZUBMTA+8J+QjAEwMTA+8J+QkgE0MD7wn5CNATAxMj7wn5CCATA3PvCfkKUBNTk+8J+mjQE0Nj7wn5CiATIxND7wn5CYATMzPvCfkIZCd2lkdGg6MQU0fR87CzMPDnQ+8J+QsAlXCzEuMh8vBTl9DzsSEzocLTEpPvCfjqlgKTtPKGkgQCBtPVs1MTIwLDIyNTExLDI5NzMyLDEzNTQwLDI5ODI5LDU3MDg3XSlPKGo9MTY7ai0tOylmTnMVKz1tW2ldPj5qJjE/YAlDGTEaMUAMOTYxOxITOgMeahYaBmkWGhcwKT5gOnErKyYmcSU3P2AJQws3Dw4dPmArWy4uLmDwn4yz8J+MsvCfjLXwn4y0YF1bcSU0XTpgYCksAiYmKAIQAx5qFjEaBmkWMRcyQAdRWSgeAi5VP1IvNTowfQgcMhopYCx4PjQ2PygCEVY9Ai5VP2E9MDpzEVY9YDVzYCxzEFAaCAMYLBgsGClgKTpzEFAuNwhRWigeYX0IAx4teAYteRcwKWApO3Y9eCx3PXkseBRTYSs9KGwtcikvMzApLHkUTUFoLmNvcyhhKSx4PjAmJnk+MCYmbVt+fih5LzMpXT4+eC8zJjFOeD12LHk9dyksdBADHngGeQYzK1J9HwdgLGYrKyI7Rz0vWwEtH04tU0AtQ1UtV0lKXS8uZXhlYyhfKTspd2l0aChfLnNwbGl0KEcpKV89am9pbihzaGlmdChxPXU9ZD1sPXI9Zj0wKSk7c2V0SW50ZXJ2YWwoXywzMyk8Mw==- Original source
Full source code available on: https://github.com/xem/1karrot/blob/gh-pages/index.commented.html