This is great, I've been tempted by js1k a number of times but the concept of a deadline and 1k limit is actually quite procrastonation inducing for me... 140 bytes forces me to experiment and not over think.
See what you can create with 140 characters of JavaScript and a canvas
21–28 of 28 posts
Re: See what you can create with 140 characters of JavaScript and a canvas
#22Well, I have done just about all I can to do to make the Matrix digital rain, but I am sadly 100 bytes over. I am out of time to kill, but if you aren't, please take this off of my hands. :) with(x)for(fillStyle="#000",fillRect(0,0,1e4,1e4),font="32px m",i=0;1920>i;i+=32)for(j=0,a=((2166136261*i^16777619)+960*t)%2160;b=255*(32>a-j),1080>j&&j
174 it feels close. I dropped the text and went with numbers. (sorry for any duplicate notification spam) with(x)for(fillStyle="#000",font="2em m",fillRect(i=0,o=32,n=1920,n);n>i;i+=o)for(j=0,a=((2e7*i^1e9)+n*t)%n;n>j&&j a-j),n/2+j-a,b),fillText(j%9,i,j)
145
for(x.fillRect(i=0,0,n=c.width=540,n);n>i;i+=o)for(o=12,j=0,a=((n*i^1e7)+n*t)%n;ja-j),n/2+j-a,b),x.fillText(j%9,i,j)Re: See what you can create with 140 characters of JavaScript and a canvas
#23Truly amazing website. Being transition to learn JS/Typescript lately, I come to understand how powerful this scripting language is to power the whole Internet.
Re: See what you can create with 140 characters of JavaScript and a canvas
#24> function u(t) { why does he not use u=t=>
I hadn't learned about arrow functions yet when it was written in 2015 :)
Re: See what you can create with 140 characters of JavaScript and a canvas
#25Are there any tutorials for getting started with this?
Demoscene competitions.
Check tutorials for 64 KB, 4 KB and such.
Think of 140 characters as trying to do 140 byte executables.
The basic idea is to first create whatever you want to achieve, without thinking too much about the size.
Then you iterate the algorithm, reducing the size until it achieves the desired goal.
In the process it helps to make use of typical demoscene technics, namely packers/minifiers, procedural generation.
Re: See what you can create with 140 characters of JavaScript and a canvas
#26Are there any tutorials for getting started with this?
Re: See what you can create with 140 characters of JavaScript and a canvas
#27More validation that I'm a shitty JS developer.
Re: See what you can create with 140 characters of JavaScript and a canvas
#28Earlier quoted context omitted.
174 it feels close. I dropped the text and went with numbers. (sorry for any duplicate notification spam) with(x)for(fillStyle="#000",font="2em m",fillRect(i=0,o=32,n=1920,n);n>i;i+=o)for(j=0,a=((2e7*i^1e9)+n*t)%n;n>j&&j a-j),n/2+j-a,b),fillText(j%9,i,j)
145 for(x.fillRect(i=0,0,n=c.width=540,n);n>i;i+=o)for(o=12,j=0,a=((n*i^1e7)+n*t)%n;j a-j),n/2+j-a,b),x.fillText(j%9,i,j)