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

batboy

function u(t) {

r=Math.random
s=x=>r()<.5?-r():r()
x.fillStyle=t%8>4?'#fff':'#000'
p=t%4*t*4
x.fillRect(c.width/2+p*s(w=c.height/2+p*s()),w,p*s(),p**s())

Mar 18 2019 8:07 PM UTC

}// 137/140

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

growing distortion

u/joeytwiddle

Cool to find this. I used a very similar technique over here: d/17725

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

c.width|=i=0
with(x)for(;i++<15;fillText("🚗",2e3-i*t*97%2e3,i*70),font=i**.9+"em'")fillRect(0,i**.9*99,2e3,i**.6)

Mar 17 2019 3:39 PM UTC

}// 113/140

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

infinite traffic

u/andrea270872

(after suggestion from #vinca :> )
u/f8f82804

#parallax

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

x.fillRect(0,0,b=c.width=160,b)
for(i=1280;i--;x.fillRect(i%b,~~(i/b)*12-a/2+a*S(i/200+a+t),1,a))a=5+2*S(i/12.7+t),x.fillStyle=R(255)

Mar 18 2019 11:49 AM UTC

}// 133/140

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

some quick pewdiepie lines...

show FPS hide FPS share fullscreen

andrea270872

remix of d/12771 by u/andrea270872

function u(t) {

c.width|=K=1e3
A=[(t*97%11-5)*K,(t*89%13-6)*K,0]
P=t?P.map(([i,j,z,v])=>[i,j,(z+1)%99,x.fillRect(K+i/z,500+j/z,z,z)]):[A]
P[K]||P.push(A)

Mar 15 2019 7:44 PM UTC

}// 137/140

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

Build-up!

Show more comments…
u/Xen

love it
u/pavel

103 for(c.width|=K=k=1e3;k--;z>0&&x.fillRect(K+(k*97/60%11-5)*K/z,500+(k*89/60%13-6)*K/z,z,z))z=(60*t-k)%99
u/pavel

Looks like the code you started with used Math.random at each step which made the ultimate position of each square at time 't' impossible to determine directly. Switching to instead use any function of just t makes it quite simple so there is no need to initialize stuff at time 0 and keep it updated.
u/pavel

I learned that in d/11421 to save chars and make d/11424
u/andrea270872

great. thanks very much
u/andrea270872

In my head I was thinking also that t*97%11 is a pseudo-random generator...
u/katkip

Satisfying

show FPS hide FPS share fullscreen

rsrsrs

remix of d/12768 by u/Xen

function u(t) {

x.font="480px'"
x.strokeStyle=R(0,0,0,0.01*t)
x.strokeText("real",Z=500+S(t)*t,Y=800+C(t)*99)
x.strokeText("real",Z,Y/2)
x.rotate(T(t)/1e3)

Mar 19 2019 12:11 AM UTC

}// 139/140

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

decay

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

with(x){
	t||scale(20,20)
	fillStyle='#c00'
	fillRect(0,0,99,60)
	fillStyle='#fd0'
	fillText('↹',9,17)
	fillText('tabs will win',34,46)
}

Mar 18 2019 8:49 AM UTC

}// 137/140

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

u/13thptr

Oh yeah they will :D tabs FTW
u/joeytwiddle

#dweetsforlostcauses

show FPS hide FPS share 1 remix fullscreen

Jezza

remix of d/12791 by u/EmNudge

function u(t) {

x.globalAlpha=.1;x.fillRect(0,0,1920,1080)
for(i=100;--i;)z=(S(t)+1)/2,x.clearRect(s=z*1.7*542*i,s*z/i*z,l=50+z*100,l)

Mar 17 2019 9:39 PM UTC

}// 118/140

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

Bit of a remix

show FPS hide FPS share fullscreen

Xen

remix of d/12782 by u/andrea270872

function u(t) {

for(x.fillRect(0,0,2e3,K=k=1e3);k--;z>0&&x.clearRect(K+(k*97/60%11-5)*K/(99-z),500+(k*89/60%13-6)*K/(99-z),8,8))z=(60*t-k)%99

Mar 16 2019 3:35 PM UTC

}// 125/140

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

Slight tweak

u/katkip

Looks like something #space #starfield
u/ximavus

Here's it with globalAlpha to .1: for(x.fillRect(x.globalAlpha=.1,0,2e3,K=k=1e3);k--;z>0&&x.clearRect(K+(k*97/60%11-5)*K/(99-z),500+(k*89/60%13-6)*K/(99-z),8,8))z=(60*t-k)%99

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width|=1;t*=x.lineWidth=6;x.arc(360,540,250,t,6+t),x.lineTo(720+C(t)*250,540),x.strokeRect(720+C(t)*250,440,500,200),x.stroke()

Mar 17 2019 6:59 PM UTC

}// 129/140

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

#engine

u/f8f82804

#mechanism

show FPS hide FPS share 2 remixes fullscreen

yokljo

remix of d/12755 by u/Jezza

function u(t) {

x.fillRect(0,0,1920,1080)
X=C(t)*4+16
Y=S(t)*2+9
for(i=9;i--;)Z=S(Y),Y+=S(X),X+=Z,x.clearRect(X*60,Y*60,3*i,3*i)

Mar 15 2019 9:24 AM UTC

}// 112/140

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

I haven't actually put the time into understanding how this works, but that doesn't stop me from remixing it!

u/lionleaf

#attractor :)