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

katkip

function u(t) {

if(!t)p=0;c.width^=0;x.font='2cm A';for(i=0;i++<25;)for(j=0;++j<25;)x.fillText(String.fromCharCode(j+p/5-i*t),-70+i*77,j*45);p++;

Aug 30 2018 5:57 AM UTC

}// 129/140

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

The Layers of Symbols. #ascii

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9538 by u/BirdsTweetCodersDweet

function u(t) {

for(i=2;i<t+2;i++)x.fillRect(960+C(i*t)*960/i,540+S(t*i)*540/i,50,50),x.fillStyle=`hsla(${i*t*9},99%,50%)`;x.drawImage(c,-12,-9.2,1943,1096)

Aug 30 2018 5:38 AM UTC

}// 140/140

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

#tunnel

u/BirdsTweetCodersDweet

Awesome! #btcd #remix-chain
u/username

#music

show FPS hide FPS share fullscreen

f8f82804

remix of d/9531 by u/f8f82804

function u(t) {

with(x)for(i=8e3;i--;moveTo(X,Y))lineWidth=S(k=i%48),lineTo(X=60*(i/9%17+8|0)+k*S(a=11*k),Y=60*(i/87%17+1|0)+k*C(a)),t||beginPath(stroke())

Aug 30 2018 5:30 AM UTC

}// 139/140

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

#plotter #art #corruption #fullscreen

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/9510 by u/yonatan

function u(t) {

for(i=w=c.width=500;(i*=.9998)>w/2;x.fillRect(w/2+S(i+t)*q,j*300-C(i+t)*q,9,9))j=1-i/w,q=(2+S(i*5)**3)*j**4*w,x.fillStyle=R(a=j*600,a*2,a/2)

Aug 30 2018 3:50 AM UTC

}// 140/140

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

Show more comments…
u/f8f82804

#d3 #animated
u/katkip

#cute
u/username

why would you choose that color. yellow on white is real bad
u/yonatan

I wanted a green stem
u/username

that makes sense
u/iverjo

#flower
u/yonatan

Vertex shader version: https://www.vertexshaderart.com/art/NTmBiN65…
u/vain

just unbelievable!

show FPS hide FPS share 2 remixes fullscreen

f8f82804

function u(t) {

s=S(t);for(U=V=0,z=i=128;i--;)for(j=z;j--;x.fillRect(8*i+450,8*j,8,8))U+=z+i+s,V+=z+j+s,x.fillStyle=R(z*(U>z&&(U-=256)),0,z*(V>z&&(V-=256)))

Aug 30 2018 2:00 AM UTC

}// 140/140

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

2D palette rendered with 4 colors via error diffusion dithering

u/f8f82804

#dithering

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/9528 by u/katkip

function u(t) {

n=(t/15|0)+4
for(i=2;i<n;i++)x.fillRect(960+C(t/i)*960/i,540+C(t*i)*540/i,9,9),x.fillStyle=`hsla(${i-t*50},99%,50%)`,frame%900||(c.width+=0)

Aug 29 2018 8:21 PM UTC

}// 140/140

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

Spiralling out of control, AKA some vaguely mathematical logo thingies every 15 seconds... #btcd #remix-chain #sine

show FPS hide FPS share fullscreen

f8f82804

remix of d/9533 by u/f8f82804

function u(t) {

for(i=22.5;i-->11;)for(j=18;f=--j*S(i^j),j;t||x.strokeRect(-29,-29,58,58))x.setTransform(1,0,0,1,i*60-f,j*60),x.rotate(f*j/99),x.lineWidth=3

Aug 29 2018 8:15 PM UTC

}// 140/140

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

A final #art #tribute to _Schotter_ -- Georg Nees, 1968; it trades randomness for heavier lines with antialiasing.

show FPS hide FPS share fullscreen

f8f82804

remix of d/9534 by u/f8f82804

function u(t) {

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+i%2*320*(t%6-3),h))))fillStyle=`hsl(32 50%${30+t%6*i+6*i}%)`,moveTo(960,340),lineTo(0,h=1080)

Aug 29 2018 7:41 PM UTC

}// 140/140

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

Rotating pyramid. Thanks to u/yonatan for help with the colors! #shading

u/katkip

Yes! That's exactly what I originally wanted to do! (but i'm more stupid lol) Nice done!
u/aleamb

very smart!
u/katkip

That's genius! The colors illusion

show FPS hide FPS share fullscreen

katkip

function u(t) {

r=z=>Math.random``<.5?1:-1;if(!t)s=[960,540];x.fillRect(s[0],s[1],30,30);s[0]+=15*r``;s[1]+=15*r``;x.globalCompositeOperation=`xor`

Aug 29 2018 6:39 PM UTC

}// 131/140

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

Shorter #ant

u/f8f82804

114: t||(w=960,h=540,r=_=>Math.random()<.5?1:-1,x.globalCompositeOperation='xor');x.fillRect(w+=15*r(),h+=15*r(),30,30)

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9523 by u/katkip

function u(t) {

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+320*(i==1)*(t%6-3),1080))))fillStyle='#'+862/i,moveTo(960,340),lineTo(0,1080)

Aug 29 2018 6:16 PM UTC

}// 124/140

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

Rotating pyramid. Can anyone figure out how to make the colors smoothly darken so that it loops perfectly?

u/yonatan

with(x)for(i=3;--i;beginPath(fill(lineTo(960*i+320*(i==1)*(t%6-3),1080))))fillStyle=hsl(0 50%${i*(6+t%6)}%,moveTo(960,340),lineTo(0,1080)
u/yonatan

sorry, that's not quite right
u/f8f82804

it's great, see my remix
u/yonatan

hsl(0 50%${50+((i==1)-(t%6/6))*9}% works, but a bit long