Dwitter - javascript demos in 140 characters

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share fullscreen

dee

function u(t) {

c.width=1920;for(i=0;i<700;i++){x.fillStyle=R(80+i*S(6*t),i*C(t*3),200+S(t*80));x.rotate(C(t/10));x.fillRect(0+i*1+C(t*3),800+i*2,10,200)}

Jan 9 2018 4:48 AM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

coderkid

remix of d/5186 by u/coderkid

function u(t) {

if(t%2<1){c.width|=0;x.font="14em 💩";for(s=9;s--;)for(a=8;a--;)x.fillText(['◐','◑','◒','◓'][(Math.floor(Math.random()*4))],s*213,a*216-9);}

Jan 7 2018 6:47 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

#dots

show FPS hide FPS share fullscreen

magna

remix of d/5737 by u/magna

function u(t) {

d=x.createImageData(w=c.width=100,w);for(i=0;i<4e4;d.data[i++]=i%(T(t|0))*255);x.putImageData(d,0,0);for(i=10;i--;x.drawImage(c,0,i+t%1));

Jan 8 2018 4:19 AM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/donbright

dude what is this? does it repeat? how long have you run it for?
u/magna

It may have a very long repeat cycle; or maybe it doesn't repeat. I don't know...
u/magna

#noise

show FPS hide FPS share 2 remixes fullscreen

BackendForth

function u(t) {

c.width=1920
for(i=0;i<1920;i+=4)
{s=i/99-t*4%27+5
w=Math.pow(2,-s*s)*99+9
x.fillRect(i,540-w/2+S(i/43)*9+(i>960?i/2-480:0)*(i%8?1:-1),8,w)}

Jan 4 2018 1:11 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Show more comments…
u/justinwzig

This rocks
u/magna

Awesome!
u/lurifax

Smooth!
u/sigveseb

Niiice
u/jbl

beautiful!
u/Bugsy

Golfed and slightly cleaned at https://www.dwitter.net/d/5543. Have fun with the extra characters!
u/Bugsy

(cleaned is referring to some slight blockiness on the right side of the animation, not the code. My code is much uglier :P)
u/BackendForth

Neat! TIL Javascript accepts python notation for exponents.
u/ETHproductions

Golfed even further at https://www.dwitter.net/d/5601. Now there's 30 extra chars to play around with :-)
u/mohd-akram

I was expecting it to open like a zip :D
u/lionleaf

#feynman #feynman_diagram #organic #quantum_field_theory
u/lionleaf

#zip
u/rodrigo.siqueira

Neural sign propagating through axon terminals
u/rodrigo.siqueira

#neural
u/rodrigo.siqueira

#neuralnetwork

show FPS hide FPS share fullscreen

Exca

function u(t) {

c.width|=e=y=>x.fillRect(k,720-y,50,y<0?3:8)
for(i=32;i--;){w=S(i*C(t+i/7))*(32-i)
w*=w/2
while(w>0){x.fillStyle=R(w-=8)
k=i*60
e(w)
e(-w)}}

Jan 5 2018 2:05 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Thanks for helping with the last few bytes go to poro

u/sigveseb

the reflections really make this one!
u/joeytwiddle

Very cool. Here is a retro-spect-rum: d/2411

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

d=960
e=540
for(k=1;k<t*9;k++)for(i=-d*3;i<d*3;i+=9)r=.9**k,w=k/t,a=d+i*C(w)*r,b=e+i*S(w)*r,x.clearRect(a,b,8,8),x.fillRect(2*d-a,2*e-b,8,8)

Jan 7 2018 9:01 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

myxoh

function u(t) {

p=''
for(i in s='⹸楦汬敒瑣匨琨⨩〱⬰〱ⰰ⡃⥴ㄪ〰ㄫ〰琫ㄪⰰ〱ㄬ⤰'){n=s.charCodeAt(i);while(n>1){p+=String.fromCharCode(n&0xff);n/=256}}
eval(p)

Jan 10 2018 3:54 PM UTC

}// 120/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

This is my first take at a compression mechanism. It currently allows you to write 108 characters in the original ASCII scope.

u/myxoh

I'm sure that with a little help from the community we can get this to help us expand our creativity :)
u/xem

If astral chars counted as 1 like in old 140char twitter, you could fit 194 js chars in a dweet: xem.github.io/obfuscatweet/
u/myxoh

Thanks! Yeah, I assumed someone thought about it before me. I do wonder if we could go this way using normal UNICODE (2 bytes) as usually for programming we only need ASCII (7 bits)

show FPS hide FPS share fullscreen

jonathan_b

remix of d/5731 by u/jonathan_b

function u(t) {

for(c.width|=s=i=500,k=T(t/9);i-=5;)for(j=40;j-=2;)q=S(j+S(k+i)/j),x.fillStyle=R(j*6,i*q,i/2,i/s),x.fillRect(s*2+s*q,s+s*C(i)*C(j+k),j,j+10)

Jan 8 2018 1:49 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/magna

So much stuff going on with this one!
u/iverjo

Interesting

show FPS hide FPS share fullscreen

yodacoder

function u(t) {

c.width=1920 
for(z=0;z<5;z++)
for(n=0;n<14;n++)
for(i=0;i<99;i++)
x.fillRect(400+i*n+S(t-i/10)*99,10*i-S(t+n+i)*S(20*i+t)*20+S(z)*40,5,5)

Jan 8 2018 7:46 AM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 1 remix fullscreen

sandromiccoli

remix of d/5767 by u/sandromiccoli

function u(t) {

t?x.strokeStyle=`hsla(${a%70},90%,50%,.2)`:a=0;
x.save()
x.translate(960,540)
x.rotate(t/2)
x.strokeRect(s=-a/2,s,a,a)
x.restore()
a+=C(t/9)

Jan 9 2018 3:11 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Less colors