New dweets | Dwitter

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

smtsjhr

function u(t) {

c.width=1920
s=Math.PI*C(.02*t%Math.PI)
x.lineWidth=55
for(i=0;i<1250;i+=50){
x.beginPath()
x.arc(960,540,i,Math.PI+i*s,i*s)
x.stroke()}

Sep 6 2019 5:41 PM UTC

}// 137/140

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

Harmonic Spin

u/smtsjhr

takes about 2.5 minutes for the motion to loop (assuming 60 fps). Don't stare too long!

show FPS hide FPS share fullscreen

robbyg

function u(t) {

for(c.width|=i=9;i--;)x.stroke(new Path2D(`M${560+i*100+S(t)*300} 440h50v200h-50z`))

Sep 6 2019 3:24 PM UTC

}// 84/140

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

Stroked #default using Path2D. Lots of room for activities.

u/robbyg

#path2d

show FPS hide FPS share fullscreen

atgz

remix of d/15574 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`睩瑨⡸⤡⡆偓ⴭⴶ〩㼨晩汬剥捴⠰ⰰⱔ㴷攳ⱔ⤩㩧汯扡汃潭灯獩瑥佰敲慴楯渽❳捲敥渧ⱦ潮琽∷㝥洧∬晩汬却祬攽恨獬⠤筴⨽命‹㤥㔰╠ⱴ㰳㘰㽦楬汔數琨≃桲潭慴楣∬琯㘬启㜬ㄸ㠰⤺〻`.replace(/u(..)/g,"$1%")))

Sep 6 2019 1:03 PM UTC

}// 130/140

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

with(x)!(FPS---60)?(fillRect(0,0,T=7e3,T)):globalCompositeOperation='screen',font="77em'",fillStyle=hsl(${t*=T} 99%50%,t<360?fillText("Chromatic",t/6,T/7,1880):0

u/atgz

golfed it to 156 chars but I don't think it is feasible to go down to 140 :P with(x)(S)?(fillRect(S=0,0,T=7e3,T)):globalCompositeOperation='screen',font="77em'",fillStyle=hsl(${t*=T} 99%50%,t<300?fillText("Chromatic",t/6,T/7,T/4):0

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/15630 by u/taupelink

function u(t) {

if(t<5)for(i=d=e=f=5e3;i--;x.fillRect(d*z,e*z,1,1))[d,e,f]=[(r=Math.random(z=99)*z|3)/5-2/(.5+r%3)*C((d-r)*22)*1,.8*r%15-6*S(1/S(d))/f,d]

Sep 6 2019 12:49 PM UTC

}// 137/140

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

Geometric gradients

show FPS hide FPS share fullscreen

BriSeven

function u(t) {

for(let i=0,j=0,k=0,c=32;i<c;i++,j=i/c,k=255)
x.fillStyle=R(C(j+t)*k,S(j+t)*k,-S(j+t)*k),
x.fillRect(j*k*8+S(t*j*5)*k,k*2+C(t*j*5)*k*2,k,k)

Sep 6 2019 6:01 AM UTC

}// 139/140

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

Colour Tumble

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/15517 by u/taupelink

function u(t) {

for(i=d=e=f=1e3;i--;x.fillRect(d*z,e*z,1,1))[d,e,f]=[(r=Math.random(z=99)*z|0)/5+(2+r%5)/(2+r%3)*C(d-r*r/z)/2,r%11-S(T(d))/f,2**(r%2)+f/9]

Sep 6 2019 3:14 AM UTC

}// 138/140

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

d/15630

show FPS hide FPS share 2 remixes fullscreen

DataMeta

function u(t) {

r=Math.random,m=r(n=r(o=r(l=255)))
with(x)for(j=768;j--;beginPath(fill()))fillStyle=R(l*m,l*n,l*o,.1),
arc(64*(j%31),64*(j/31|0),r()*51,0,7)

Sep 6 2019 1:40 AM UTC

}// 140/140

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

#psychedelic

u/taupelink

groovy!
u/DataMeta

haha ty

show FPS hide FPS share fullscreen

WasifBoomz

function u(t) {

x.lineWidth=5
a=350
x.strokeRect(0,0,a,a)
x.strokeRect(0,0,a*2,a*2)
x.ellipse(960,540,80,800,0,0,9)
x.stroke()
x.rotate(40)

Sep 5 2019 1:59 PM UTC

}// 124/140

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

u/taupelink

I like how this one turns out more ordered than it seems at first

show FPS hide FPS share fullscreen

WasifBoomz

remix of d/15624 by u/WasifBoomz

function u(t) {

e=1080
d=1920
a=Math.random()*e
b=Math.random()*e
c=Math.random()*e
x.lineTo(d,a)
x.lineTo(d/2,b)
x.lineTo(0,c)
x.stroke()
c.width=1920

Sep 5 2019 1:44 PM UTC

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

katkip

function u(t) {

fs=0;
t||(X=Y=0);c.onmousemove=e=>{X=e.x/(Z=(fs?1:0.295)),Y=e.y/Z};x.beginPath(),x.fillStyle="#0002",x.arc(X,Y,10,0,7),x.fill();

Sep 5 2019 9:51 AM UTC

}// 128/140

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

Precise paint. If you want to use it on fullscreen, change fs to 1

u/katkip

^ edit: isn't precise when fs=1
u/Fime

On mobile, at least in opera touch there is always an offset in dweets which use mousemove