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

metamero

remix of d/11635 by u/Undefined

function u(t) {

t||x.translate(956,536);for(i=360;i--;x.fillStyle=`hsl(${C(i^frame)*T(i/9)*99&i} 99%50%)`)x.fillRect(i*3,0,7,7);x.rotate(S(t/9))

Jan 4 2019 3:25 PM UTC

}// 128/140

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

color sun

show FPS hide FPS share fullscreen

charlie.codex

remix of d/4860 by u/kchplr

function u(t) {

x.strokeRect(0,0,W=1912,H=1072)
x.rotate(C(t*26)/2000)
x.drawImage(c,4.6,4,W,H*1.001)
x.strokeStyle=`hsl(${50+t*9},70%,${52-C(t/2)*45}%)`

Jan 2 2019 12:29 AM UTC

}// 137/140

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

Spinny boy

u/lionleaf

#tunnel

show FPS hide FPS share fullscreen

Phenomenal

remix of d/11637 by u/metamero

function u(t) {

c.before('╲╱'[Date.now()&2019]+'')
c.parentNode.style.lineHeight=S(t)

Jan 4 2019 2:31 PM UTC

}// 70/140

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

u/katkip

nope
u/metamero

on new code dwitter only reset canvas, document's body stills. you have to open new tab when messing with dweet's document. also the &1 is to get last bit of an number (so it indexes the string with 0 or 1)
u/Phenomenal

okay, great to know and thanks for the explanation about the &1

show FPS hide FPS share fullscreen

katkip

remix of d/11620 by u/f8f82804

function u(t) {

for(i=c.width*=1;i--;Z<1.6&&x.fillRect(960+900*X,540+800*Y/S(t/9),s=9+(9-Z),s)){ϕ=i/600;θ=i-t/5+ϕ*4.5;X=S(θ*3+i)*S(ϕ);Y=C(ϕ);Z=C(θ)*ϕ+2;}

Jan 3 2019 1:11 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

rodrigo.siqueira

remix of d/10314 by u/veubeke

function u(t) {

c.width^=0
s=(t%3)**3
x.font="2in'"
for(Y=9;Y--;)for(X=Y+1;X--;)x.fillStyle=R(Y*99,Y*27,0),x.fillText("▲",865+(X*48-Y*24)*s,(Y-4)*46*s+600)

Jan 1 2019 4:36 PM UTC

}// 139/140

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

Expanding unicode triangles. German colors.

Show more comments…
u/katkip

German colors? I'm curious to see the Romanian ones.
u/lionleaf

#recursive
u/lionleaf

#zoom
u/username

seemless
u/username

<- this version is not
u/username

^ meant to use an up arrow

show FPS hide FPS share fullscreen

Agnes

function u(t) {

Q=(e,y,p)=>p>1?((x.fillStyle=`hsla(${p},50%,50%,${t/p/10})`)|x.fillRect(e,y,p,p)|(P=3*p/4)|Q(e+S(P)*P,y+C(P)*P,P,P)):0;Q(960,540,10*t);

Jan 4 2019 9:58 AM UTC

}// 135/140

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

Soapy rainbow tunnel

u/katkip

I really don't understand what's this.

show FPS hide FPS share 1 remix fullscreen

username

function u(t) {

x.font='99px"'
d=[2,3,3,3,5,3]
s='wearenotallgonnadie'
x.fillText(d.map(p=>{v=s.substring(0,p);s=s.substring(p);return v}).join('\f'),99,99)

Jan 4 2019 1:46 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/katkip

Nobody belongs anywhere, nobody exists on purpose, everybody's going to die.
u/katkip

(Rick and Morty)
u/Undefined

Wait... 143 chars? Hmmm...
u/Undefined

Wait, never mind..

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

x.font="81px'"
x.fillStyle="#0003"
for(a=i=294;i--;)x.fillText("🎆",i%21*91,300*S(t)%90+~~(i/21)*90)
t%2<1?x.drawImage(c,99,99,1731,891):0

Jan 2 2019 10:59 AM UTC

}// 137/140

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

infinity on and off

u/13thptr

underrated
u/13thptr

#emoji #grid

show FPS hide FPS share 1 remix fullscreen

Undefined

remix of d/9332 by u/BirdsTweetCodersDweet

function u(t) {

for(i=2e3;i--;x.fillStyle=`hsl(${i&5|frame},100%,50%)`)x.fillRect(i,0,1,5);x.drawImage(c,0,5)

Jan 2 2019 2:14 PM UTC

}// 93/140

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

A nice little texture...

show FPS hide FPS share fullscreen

metamero

function u(t) {

t||(w=c.width=160,h=c.height=90)
I=x.getImageData(0,0,w,h)
d=I.data
I.data.forEach((v,i)=>i%4==3?d[i]=255-d[i]:0)
x.putImageData(I,0,0)

Jan 2 2019 1:37 PM UTC

}// 135/140

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

u/katkip

this could be done easily lmao
u/username

seizure now