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 2 remixes fullscreen

Xen

remix of d/3061 by u/Xen

function u(t) {

x.strokeRect(3,4,W=1912,H=1072)
x.drawImage(c,4,4,W,H)
x.strokeStyle=`hsl(${t*H},99%,50%)`
x.rotate(C(t)/4e4)

Dec 29 2017 8:12 PM UTC

}// 109/140

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

Dont be sick!

show FPS hide FPS share 4 remixes fullscreen

AliYil

remix of d/4059 by u/AliYil

function u(t) {

for(i=0;i<20;i++)for(j=0;j<12;j++){s=S(S(t)*i+j+t*10)*25+25
k=127
x.fillStyle=R(S(t*3)*k+k,S(t*2)*k+k)
x.fillRect(i*100-s,j*100-s,s*2,s*2)}

Dec 27 2017 8:07 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/Xen

very nice :-D
u/sigveseb

Good!
u/itsjustmustafa

so sick!

show FPS hide FPS share fullscreen

Flopster

remix of d/4893 by u/mmagin

function u(t) {

c.width|=0
x.font="200px Arial"
for(i=0;i<1.5;i+=.25)
x.fillText("⚽", 100+1000*i, 1000-850*Math.abs(S(t-i))**.9)

Dec 30 2017 11:50 PM UTC

}// 112/140

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

A demonstration that abs(sin(x))**.9 is a good compact approximation of bouncing.

u/lionleaf

Nice! that's a useful trick! Why not just abs(sin(x)) though?
u/magna

**.9 compresses the curve and makes the restitution look more realistic.
u/Flopster

See https://www.desmos.com/calculator/oxuakmyuko.

show FPS hide FPS share fullscreen

indjev99

remix of d/4804 by u/indjev99

function u(t) {

D=b=>45*S((i*i+b*b)**.5-3*t);for(i=96;i--;)for(j=54;j--;)d=D(-j)+D(27-j)+D(54-j)+128,x.fillStyle=R(d,d,d),x.fillRect(i*20,j*20,20,20)

Dec 30 2017 9:38 AM UTC

}// 133/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

jonathan_b

remix of d/4809 by u/jonathan_b

function u(t) {

for(c.width|=s=490,i=s*4;i;)for(j=1;j<11;)x.fillStyle=R(s/T(j-i),-i/T(i),s/C(j-i),1/j),x.fillRect(970+s*2*C(i--)*C(t*++j+j),s+s*S(i),40,40)

Dec 31 2017 9:37 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 fullscreen

xem

function u(t) {

if(!t)document.write("<h3>DWITTER SOURCE CODE EXPOSED! #H4XX0R😋<textarea style=width:85vw;height:85vh>"+document.documentElement.outerHTML)

Dec 28 2017 9:18 PM UTC

}// 139/140

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

I'm so going to jail for that 😱

Show more comments…
u/Xen

LOL
u/E-Mouse

Xem and Xen in the same comments, comfusing!
u/Xen

:-D both in the same team aswell...
u/xem

xem vs. xen => the M means Mighty, the N means Nasty :D
u/Xen

Xtreme English Nutter!! ;-)
u/SIGILLIM

This is creative xD

show FPS hide FPS share fullscreen

Zolden

function u(t) {

for(i=1920;i--;){p=40;j=i%p;k=S(t+i/p);n=1-k;n*=5*n;x.fillStyle=R(n,i/4+n,155+i/19+n,1);x.fillRect(p*j,10*C(j/2+5*i/99+3*t)+i+20*k,p,p+2*k)}

Dec 29 2017 10:43 PM UTC

}// 140/140

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

u/Xen

i see the sea! nice

show FPS hide FPS share fullscreen

pe8ter

remix of d/4163 by u/pe8ter

function u(t) {

d=255
a=S(t/3)
b=S(t)
x.fillStyle=R(d*b,d*S(t/2),d*a,.7+.3*b)
for(i=0;i<1920;)x.fillRect(i++,475+535*S(C(i/300+5*b)+5*a),1,200)

Dec 30 2017 7:55 AM UTC

}// 127/140

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

Made it a little higher quality with less characters.

show FPS hide FPS share fullscreen

Bendoman

function u(t) {

for(i=1;i<5;i++){x.beginPath();x.arc(900+S(t)*i*100,500+C(t)*i*100,250-(i*50),0,7);x.fillStyle=R(S(t)*-i*100,S(t)*i*100);x.fill()}

Dec 31 2017 9:41 PM UTC

}// 130/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

jonathan_b

remix of d/4940 by u/jonathan_b

function u(t) {

for(c.width|=s=490,i=s*9;i>0;)for(j=9;--j;)x.fillStyle=R(s/T(t-i),i/j,i/6,2/j),x.fillRect(970+s*2*C(t/i--)*C(i/t),s+s*S(i--),r=20/j+10,r)

Dec 31 2017 9:34 PM UTC

}// 137/140

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