Dweets awesomed by u/plusright

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: #Opposites

show FPS hide FPS share fullscreen

tomxor

remix of d/21621 by u/tomxor

function u(t) {

for(c.width&=m=i=8320;i--;x.fillRect(X=i&127,Y=i>>7,1,f(X/m+.01,Y/m)))f=(x,y,n=42)=>--n&&y/C(x+n/2+t)<2?f(x*x-y*y-1.5,2*x*y,n):n/16

Feb 8 2021 3:43 AM UTC

}// 131/140

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

Something #creepy #fractal :/

Show more comments…
u/tomxor

I find this really unsettling for some reason !
u/katkip

amazing
u/DataMeta

whoa
u/Qwitter

its too good
u/iverjo

This somehow reminds me of the flesh-eating plant (The Angostura) in Moomin
u/sigveseb

So many tentacles!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/21610 by u/rodrigo.siqueira

function u(t) {

for(c.width&=m=i=8320;i--;x.fillRect(X=i&127,Y=i>>7,1,f(X/m+.01,Y/m)))f=(x,y,n=42)=>--n&&y/(1.1+S(x+2*S(n+t)))<5?f(x*x-y*y-1.5,2*x*y,n):n/16

Feb 8 2021 3:29 AM UTC

}// 140/140

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

#wavey #plant #fractal

show FPS hide FPS share fullscreen

veubeke

function u(t) {

t?x.font=t+'cm"':x.fillRect(0,0,$=1920,_=1080)
x.drawImage(c,x[g='globalAlpha']=.4,0,$,_,C(t)*t/3,S(t)*t/5,$,_)
x.fillText('🍬',x[g]=530,720)

Jan 30 2021 2:52 PM UTC

}// 140/140

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

ghost #candy

show FPS hide FPS share fullscreen

Xen

remix of d/9008 by u/Xen

function u(t) {

with(x)for(Z=9,i=32;i--;fill(arc(960,540,Z+i*Z,z=i+t,z+2)),stroke())beginPath(fillStyle=`hsl(${i*i},90%,30%,.01`),strokeRect(960,830,9,999)

Jan 9 2021 11:42 PM UTC

}// 139/140

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

#candy

u/tomxor

:P cute!

show FPS hide FPS share fullscreen

plusright

function u(t) {

c.width=1980;r=200;n=20;x.fillStyle=R(0,0,0,0.8);for(j=n;j--;)for(i=n;i--;x.fillRect(r+r*S(i+t)*j/2,T(t/j)*r+r*C(i+t)*j/2,r-i*j,r-i*j));

Nov 16 2020 6: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).

#corruption #asymmetry

u/plusright

adding color is difficult! I want to do more with it but can't beat the character count.
u/Xen

few more bytes for you... c.width|=r=200;for(j=20;j--;x.fillStyle=R(0,0,0,.8))for(i=20;i--;)x.fillRect(r+r*S(i+t)*j/2,T(t/j)*r+r*C(i+t)*j/2,z=r-i*j,z)
u/pavel

x.fillStyle=R(0,0,0,.8) -> x.globalAlpha=.8
u/plusright

nice, thank you both.

show FPS hide FPS share fullscreen

dnmc

function u(t) {

j=this.j||[[0,1080],[960,0],[1920,1080]]
k=this.k||[960,0]
o=j[0^Math.random()*3]
k=[(k[0]+o[0])/2,(k[1]+o[1])/2]
x.fillRect(k[0],k[1],6,6)

Nov 16 2020 4:33 AM UTC

}// 140/140

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

Slowpinski

show FPS hide FPS share 3 remixes fullscreen

taupelink

remix of d/20591 by u/taupelink

function u(t) {

r=Math.random;for(i=k=214;i--;x.fillRect(k*X,k*Y,i/t,i/t))X=r(Y=r()*5)*9,h=k*S(C(C(S(p=Y*S(q=2-X/3)/2)))),x.fillStyle=R(h*p,h*q,2*h*C(p/q))

Nov 16 2020 1:49 AM UTC

}// 139/140

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

d/20630

show FPS hide FPS share fullscreen

plusright

function u(t) {

c.width=999;w=40;a=16
for(i=0;i<a;i++){for(j=0;j<a;j++){s=i%2==0?-1:1
x.fillRect(-2*w+i*2*w+S(t)*w+C(t)*-s*w,-2*w+j*2*w+(C(t)*w*s),w,w)}}

Nov 15 2020 8:26 AM UTC

}// 137/140

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

possibly #symmetry

u/plusright

gotta find a more succinct way of writing for loops, this one just feels a little too dull
u/yonatan

c.width=999 for(w=i=40;i--;)for(j=16;j--;)s=i%2==0?-1:1,x.fillRect(-2*w+i*2*w+S(t)*w+C(t)*-s*w,-2*w+j*2*w+(C(t)*w*s),w,w)
u/yonatan

actually, the fillRect can go into the for loop's final expression, between the ; and the ) to save 2 more chars
u/plusright

aha! that's clever, thanks.

show FPS hide FPS share 1 remix fullscreen

smtsjhr

function u(t) {

for(c.width|=n=4;n--;x.stroke())for(i=80;k=(150+80*C(t*i/50))-t%1**i,i--;)x.lineTo(450*n+250+k*S(j=i*6.28/(n+3)),540-k*C(j+t*(n+3)/5))

Nov 14 2020 9:50 PM UTC

}// 134/140

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

webbed polygons spin themselves

u/katkip

looking nice
u/rodrigo.siqueira

I once made one similar, a "Polygon showcase" from 1 to 8 vertices: https://www.dwitter.net/d/10692
u/smtsjhr

@ u/rodrigo.siqueira very nice and concise! i think maybe there's room there for one more loop to iterate through the "web" like

show FPS hide FPS share fullscreen

femto113

function u(t) {

c.width=1920
X=960,Y=540,P=Math.PI,N=t/P%32,p=P/N
for(i=0;i<P;i+=p)x.fillRect(X+Y*(S(i+P)-S(i))/2*S(t+i),Y+Y*(C(i+P)-C(i))/2*S(t+i),19,19)

Nov 14 2020 8:31 AM UTC

}// 138/140

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

linear motion rolling circle illusion

u/katkip

#illusion
u/DataMeta

nicely done
u/pavel

If you delete c.width=1920 you can see only the first dot move linearly
u/femto113

curves are a side effect of changing N with t, if you use a fixed value like N=16 you get straight lines

dwitter.net | plusright (1509)