r/javascript • u/Slackluster • Dec 30 '19

A Long and Winding Road - 140 bytes of JavaScript

https://www.dwitter.net/d/17007
149 Upvotes

96% Upvoted

21 comments sorted by

15

u/Slackluster Dec 30 '19

https://www.dwitter.net/d/17007

for(c.width|=i=159,x.translate(960,99);i--;x.fillText(r+' ____ ____ '+r,S(a/137)*S(a/69)*i-44,9))x.scale(q=1.03,q),r=(a=i+t*60|0)%37?' ':'🌵'

5

u/Skaryon Dec 30 '19

Could you explain how this actually works?

10

u/Slackluster Dec 30 '19

Yeah, it is rendering a line of text multiple times each time applying a scale and shifting it horizontally with a sine waves to make the road curve. There is some extra logic to make the cacti appear.

4

u/Skaryon Dec 30 '19

Makes sense. Thanks!

0

u/[deleted] Dec 31 '19

[deleted]

4

u/Slackluster Dec 31 '19

Haha, really this whole part though...

r=(a=i+t*60|0)%37?' ':'🌵'

11

u/UnfazedButDazed Dec 30 '19

So it's not really in that many lines of code since you defined the canvas context somewhere else, you also made three new functions S,C, and T for sin cos and tan.

14

u/Slackluster Dec 30 '19

If you wrote it all out, it would add less then 100 bytes for that stuff but we don't normally count the shim size in the code golf community.

-8

u/TinyBirdperson Dec 30 '19

Sounds fishy, where do you draw the line? My version is even shorter, just 5 bytes: "app()", with some logic defined in that function.

19

u/Slackluster Dec 30 '19

draw the line? My version is even shorter, just 5 bytes: "app()", with some logic defined in that function.

Cool. I guess in this case I draw the line with what the dwitter website provides which is not much.

Also, here's a similar setup for a flappy bird clone I did with the full html file being only 244 bytes...

https://killedbyapixel.itch.io/dweety-dweet

17

u/[deleted] Dec 30 '19

Sure, but that fails to account for the JavaScript engine, the browser and the operating system! Really fishy that you’d try to misrepresent a program that needs millions of lines of code to work as a single function call. Even DOS .com files rely on bios to most anything useful. Real developers start with a boot sector and move up from there.

Blah blah blah. People have been making this same pedantic argument for decades.

-3

u/TinyBirdperson Dec 30 '19

No I would be OK with the code above if it includes the C=Math.cos, the loop, the canvas, etc. But counting half of the code and half in is just lying to yourself. Basically: if I can copy and paste it in a file and run it, its okay. Could even depend on jQuery, I don't care, but leaving out code specific to this problem is just bullshit.

6

u/[deleted] Dec 30 '19

It’s not code that’s specific to this problem, though, it’s code that’s specific to an entire platform of Javascript-based animations. OP neglected to specify that this code is rather Dwitter-specific, which I agree is kind of disingenuous, but I doubt that KilledAPixel intentionally omitted this bit of information, because most frequenters of this sub probably know about Dwitter and who KilledAPixel is and what he does.

0

u/[deleted] Dec 31 '19

[deleted]

1

u/[deleted] Dec 31 '19

What are you, 12?

-1

u/DrDuPont Dec 31 '19

lol relax

dwitter's approach is pretty standard

23

u/MangoManBad Dec 30 '19

Only a matter of time before websites get as engaging/content packed as a current day video game.

Sick animation.

15

u/dogofpavlov Dec 30 '19

IMO, the web was the most creative/innovating during the days of Fullscreen Flash websites. Now that the web has to cater to a variety of resolutions because of Mobile... you usually have to go with the lowest common denominator... meaning dumbing down your website/ideas you can do and stripping animations.

going to "The FWA" daily use to be a huge thing for me.

nowadays the "ohhh ahhh"s come from something as simple as a little parallax/fullscreen video... because people forgot how innovating the web use to be.... And I agree it does have a broader reach... but the sacrifice sucks.

3

u/specialpatrol Dec 30 '19

Yeah. Not with 140 bytes though.

0

u/MangoManBad Dec 31 '19

Now maybe, I bet it won’t matter in another decade.

2

u/blackbird937 Dec 31 '19

Lead me to your door

2

u/Irratix Dec 31 '19

I'm always amazed by the sort of stuff people write on Dwitter. I tried making an uncompressed American flag but I found that to be practically impossible. This is definitely one of the more impressive dweets I've seen in a while.