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

DirtyDan

remix of d/6905 by u/DirtyDan

function u(t) {

a=540
for(i=0;i<a;i+=10)
for(j=0;j<a;j+=10)x.fillStyle=`hsl(${j*i/a},100%,50%)`,
x.fillRect(960+i*C(t*i/300),540+j*S(t*j/300),5,5)

Feb 13 2018 11:36 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

DirtyDan

remix of d/6905 by u/DirtyDan

function u(t) {

c.width+=0
for(i=0;i<540;i+=10)
for(j=0;j<540;j+=10)x.globalCompositeOperation='xor',
x.fillRect(950+i*C(t*i/300),530+j*S(t*i/300),20,20)

Feb 13 2018 11:35 PM UTC

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

bschwb

remix of d/6844 by u/bschwb

function u(t) {

with(x)for(i=0;i<15;i++)lineWidth=3000,m=t+i*.8,beginPath(),strokeStyle=`hsl(${60*t},50%,${9*i}%)`,arc(960+C(m)*99,540,1,m,m+.2),stroke()

Feb 10 2018 11:12 PM UTC

}// 138/140

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

u/magna

So stylish!

show FPS hide FPS share fullscreen

Xen

remix of d/6865 by u/davidsharp

function u(t) {

with(x)stroke(),beginPath(),strokeStyle=`hsl(${t*99},69%,39%)`
for(i=w=555;i--;)x.lineTo(i*19,500+S(i/(C(t)-.42*39)+t%w)*w)

Feb 12 2018 9:00 PM UTC

}// 123/140

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

Shoutz 2 davidsharp

u/Xen

displays differently depending on resolution...

show FPS hide FPS share fullscreen

Xen

remix of d/6814 by u/Max1412

function u(t) {

v=300
for(i=5e3;i--;x.fillRect((C(i*b)-C(m))*700+v*3,(S(i*b)-S(m))*700+v*2,39,39))b=C(t)*v,m=i*S(t)*v,x.fillStyle=`hsla(${i},90%,50%,.05)`

Feb 11 2018 8:39 PM UTC

}// 138/140

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

Shoutz 2 Max1412

show FPS hide FPS share 1 remix fullscreen

jonathan_b

remix of d/6724 by u/jonathan_b

function u(t) {

with(x)for(i=1920;i-=40;beginPath(fill()))r=C(t)*25,arc(920+r+T(r/9)*99,540+r/3*C(i+t*2),i,0,7),fillStyle=`hsl(${t*9+i/r*2},70%,${99-i/9}%)`

Feb 9 2018 7:53 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

Whoa!
u/aleamb

amazing!

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/560 by u/New_Core

function u(t) {

t?c.width=320:I=new Image(),I.src="https://is.gd/iLEKqM"
x.drawImage(I,0,117,320,600)
x.drawImage(I,0,465+t*60%8*148,320,148,0,0,320,148)

Feb 13 2018 4:47 PM UTC

}// 137/140

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

Nothing new, still just an animation, just saw that some played with pictures again ;) http://www.pouet.net/prod.php?which=394 http://www.wab.com/?screen=403

u/13thptr

#external #broken

show FPS hide FPS share fullscreen

akm

function u(t) {

eval(atob`Zm9yKGMud2lkdGg9MTkyMCxpPTk7aS0tOyl4LmZpbGxSZWN0KDQwMCtpKjEwMCtTKHQpKjMwMCw0MDAsNTAsMjAwKS8vThisDweetIsEncodedInBase64==`)

Feb 10 2018 9:04 PM UTC

}// 132/140

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

u/magna

BUT EVAL IS EVIL!! Can never ship this in production!
u/DirtyDan

what is this sorcery
u/Lazy1337

#default
u/Lazy1337

#obfuscated

show FPS hide FPS share fullscreen

akm

function u(t) {

ǀ=[],ᛁ=-~ǀ,ⅼ=+ǀ,ⵏ=ᛁ+ᛁ+ᛁ;for(c.width|=ꓲ=+[``+-~ǀ+ +ǀ]+~ǀ,ߺ=[!+ǀ+ⵏ]+ⅼ+ⅼ,_=-~ǀ+``+~~ǀ+~~ǀ;ꓲ--;)x.fillRect(+ߺ+ꓲ*_+ⵏ*(S(t)*_),ߺ,ߺ>>ⵏ,ߺ/[ᛁ+ᛁ])

Feb 10 2018 3:00 AM UTC

}// 136/140

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

u/dogspace

HAHAHAHAHAHAHA
u/diceroll123

what is this memery
u/iverjo

lol
u/magna

LOL
u/Lazy1337

#default
u/13thptr

#obfuscated

show FPS hide FPS share 1 remix fullscreen

olligobber

function u(t) {

c.width=96;for(r=t,m=2,i=8;i--;)with(m=-m,a=27-5*m,x)x.l=lineTo,l(n=48,a+17*m),l(n+15*S(r),54-a),l(n+15*S(r+=.79),a),l(n+15*C(r),a),stroke()

Feb 11 2018 12:40 PM UTC

}// 140/140

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

I imagined a high resolution filled purple solid with shading, then golfed it to this...

u/olligobber

Awesome remix: http://dwitter.net/d/6858