Dweets awesomed by u/nashcat

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 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=W=i=512,t*=w=99;--i;x[f](225-z+(t--&2?z*2:t&9?0:z)+S(t/w)*i,w+z,z/=7,z))z=2e3/i,x[f='fillRect'](!x[f](i,0,S(t/W),w),w+z/32,W,.5)

Nov 20 2018 4:55 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 drove all night (and day)

u/cantelope

amazing! #road #synthwave
u/pavel

The backdrop is glitched on mobile Safari.
u/jylikangas

137b: for(c.width=W=i=512,t*=w=99;--i;x[f](225+(t--&2?z:t&9?-z:0)+S(t/w)*i,w+z,z/=7,z))z=2e3/i,x[f='fillRect'](!x[f](i,0,S(t/W),w),w+z/32,W,.5)
u/iverjo

Wow!
u/taupelink

#scene

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)fillStyle=R(0,0,0,.01),fillRect(0,0,w=2e3,w),setTransform(a=6*S(A=t**9),b=6*C(A),-b,a,A%w,-99),clearRect(0,0,3,w),strokeRect(0,0,3,w)

Nov 20 2018 6:31 AM UTC

}// 140/140

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

Strings in yr face #beesandbombs

u/katkip

#web

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

with(x)for(i=c.width=300;i--;stroke())for(beginPath(k=6);k--;arc(150,84,84>>k,a=(i%16+b*k)*.39,a))strokeStyle=R(0,0,b=1-(i>>4)+t%1,1-b**2/4)

Nov 20 2018 4:03 AM UTC

}// 140/140

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

Occult Star (#beesandbombs inspired)

u/erin

if shepards tone was a shape

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width^=0;x.fillStyle='#ea23';for(i=0;i++<25;){x.setTransform(S(t+i),C(t+i),0.2,0.2,960,500);x.rotate(2);x.fillRect(99,90,5e3,5e3)}

Nov 19 2018 5:10 PM UTC

}// 132/140

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

it's like staring at the sun, but not nearly as blinding

u/rnbw

(this was me just tinkering around with setTransform - it is SO powerful)
u/crunch

wack
u/crunch

wack
u/katkip

cool
u/joeytwiddle

#sun

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width=i=-1;i++<99;x.stroke())for(x.beginPath(k=2);k--;)x.arc(150,84,(k?9:30)*Math.hypot((k?9:2)*S(a=i+k*t*2),C(a)),A=(i+t)%6.283185,A)

Nov 19 2018 2:36 AM UTC

}// 140/140

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

Lines #beesandbombs

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

with(x)for(i=24;--i;fill())for(beginPath(n=k=i+2);k--;arc(960,540,i==2?70:50*i,a=Math.PI*(2*k+t)/(n-1),a))fillStyle=R(a=(1-i/23)**2*300,a,a)

Nov 18 2018 10:45 PM UTC

}// 140/140

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

Polygons #beesandbombs

u/andregn

You could consider Math.PI = 22/7
u/pavel

When I have chars left I sometimes write out the full precision constants.

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=w=540;i--;)for(x.beginPath(k=3);k--;x.fill())x.arc(p=i%32*99,q=(i>>5)*99,k?20:40,a=2*k+Math.atan2(1+S(t)-q/w,2+C(t/2)-p/w),a)

Nov 18 2018 10:14 PM UTC

}// 140/140

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

Compass Needles #beesandbombs

show FPS hide FPS share 2 remixes fullscreen

ellisk1

remix of d/11012 by u/ellisk1

function u(t) {

for(c.width|=i=3;i--;)x.arc(960,540,450*i*i,3.1,0);x.fill('evenodd');for(j=3e3;j--;)x.fillStyle=R(9,x.fillRect(2e3*S(j*j+t/9),j/2,j,5),j/55)

Nov 18 2018 5:05 PM UTC

}// 140/140

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

Moonrise

u/joeytwiddle

Beautiful!
u/katkip

This is nice! #art #landscape #waves
u/joeytwiddle

Not a #sunset because it's the #moon!

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0
O=t?O.filter(o=>x.fillRect(...o,_=2-o[1]++/400)|_>0):[]
for(i=9;i--;O.push([X,600,50]))x.fillRect(X=(4+i+S(t)*3)*99,400,50,200)

Nov 18 2018 1:07 PM UTC

}// 138/140

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

#default

u/jylikangas

Very nice!
u/DataMeta

Smooth

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

for(c.width=i=-9;i++;R=a=>x.lineTo(150+S(A=3-j?t+37*a:0)*50*j,15*j*j+C(A)*!!A*j*9*C(t)))for(j=3;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

Nov 17 2018 10:09 AM UTC

}// 140/140

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

Diamond

u/aleamb

cool! #wireframe #d3 #perspective
u/f8f82804

I don't think this actually uses a perspective transform...

dwitter.net | nashcat (3000)