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

Xen

remix of d/21197 by u/rodrigo.siqueira

function u(t) {

for(i=2e3,f=g=>i*C(i)*g(i/t/125)/t;i--;x.fillRect(960+f(S),540+f(C),9/t,9/t))x.fillStyle=`hsl(${t*i},99%,${C(i-t)*99/t}%,.1)`

Jan 8 2021 12:05 AM UTC

}// 125/140

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

test and golf

u/danny@hille.dk

Nice

show FPS hide FPS share fullscreen

Xen

remix of d/21198 by u/New_Core

function u(t) {

c.style.filter="blur(4px)contrast(9)"
for(c.width|=i=1e3;i--;x.fillRect(935+i*S(a=i^t),515+i*C(a),59*S(b=t-i),59*C(b)))x.fillStyle="#"+i

Jan 7 2021 11:59 PM UTC

}// 136/140

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

quick play

u/danny@hille.dk

Love it
u/Xen

#waitforit

show FPS hide FPS share fullscreen

Xen

remix of d/21160 by u/erin

function u(t) {

c.style.filter="blur(19px)contrast(20)"
x.fillStyle=`hsl(${t*99},69%,50%)`
x.drawImage(c,0,!x.fillRect(960+S(t*7)*1e3,500+C(t*3)*499,99,99))

Jan 7 2021 10:57 PM UTC

}// 140/140

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

color play

show FPS hide FPS share fullscreen

erin

remix of d/21160 by u/erin

function u(t) {

c.style.filter="blur(9px)contrast(90)",x.fillStyle=`hsl(${t*99},69%,50%)`;x.fillRect(960+S(t*4.6*5)*99,540+C(t*5*5)*99,99,99)

Jan 7 2021 10:40 PM UTC

}// 125/140

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

erasing

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

c.style.filter="blur(4px)contrast(9)"
for(c.width|=i=400;i--;x.fillRect(935+i*S(a=i*i),515+i*C(a),50*S(b=t+i),50*C(b)))x.fillStyle=R(i/7)

Jan 7 2021 10:21 PM UTC

}// 137/140

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

u/Xen

love it!
u/danny@hille.dk

👍

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/21095 by u/rodrigo.siqueira

function u(t) {

x.globalAlpha=.1
for(i=2e3,f=g=>i*C(i)*g(i/t/99)/t;i--;x.fillRect(960+f(S),540+f(C),9/t,9/t))x.fillStyle=`hsl(${t*i/9},99%,${C(i+t)*99/t}%`

Jan 7 2021 9:52 PM UTC

}// 139/140

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

Fuzzy color double spiral #spiral

u/Xen

nice!
u/magna

Nice technique/style! Looks like sooty/mossy concrete. #texture

show FPS hide FPS share fullscreen

Pascal

function u(t) {

t?onmousemove=e=>x.fillRect(e.x-25,e.y-25,50,50):c.width=innerWidth,c.style.filter='blur(9px)contrast(99',x.fillStyle=`hsl(${99*t},80%,30%)`

Jan 7 2021 7:53 PM UTC

}// 140/140

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

move the #mouse to paint

u/erin

i love what i've incited. the renaissance of canvas filters. beautiful.
u/aleamb

#paint #interactive #blur

show FPS hide FPS share fullscreen

nusyn

function u(t) {

x.fillRect(1,1,t*t,c.width)

Jan 7 2021 2:35 PM UTC

}// 27/140

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

test1

u/Xen

welcome to the dwitter family!

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/21193 by u/ciaccodavide

function u(t) {

if(t%2<.2)for(c.width|=w=12,Y=90;Y--;)for(X=81;X--;)~~(Math.random()*2)&&(x.fillRect(X*w,Y*w,w,w),x.fillRect((160-X)*w,Y*w,w,w))

Jan 7 2021 11:42 AM UTC

}// 128/140

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

Symmetric Pixels Patterns Generator

show FPS hide FPS share 2 remixes fullscreen

ciaccodavide

function u(t) {

if(t%3<.2)for(c.width|=w=120,Y=9;Y--;)for(X=9;X--;)~~(Math.random()*2)&&(x.fillRect(X*w,Y*w,w,w),x.fillRect((16-X)*w,Y*w,w,w))

Jan 7 2021 11:39 AM UTC

}// 126/140

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

Pixelated Rorschach Tests Generator