Dweets awesomed by u/4ce

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

show FPS hide FPS share fullscreen

4ce

function u(t) {

f=(c,X)=>{
if((x.fillStyle='green')!=c)x.fillStyle=c;
x.fillRect(X,99,99,99)
};
f('red',0);f('not color',99);f('rgb(0,0,255)',198);f(1,297)

Apr 19 2023 6:19 PM UTC

}// 140/140

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

if new parametr color (c in f(c,X) )== not default color orAnd typeColor ? make new color : else make default color ; How you think thisIdea==goodAndNearWithoutBug?

u/4ce

UPD: 1) "typeColor" in demo probably meaning color,pattern,gradient or any valid value 2) base idea what fillStyle work if get value like a color and maybe not make error if get other values and if fillStyle get "values other" previous value colorLike stay untouched 3) more simple code f=(c,X)=>{x.fillStyle='green';x.fillStyle=c;x.fillRect(X,99,99,99) };f('red',0);f('not color',99);f('rgb(0,0,255)',198);f(1,297) ; ~_^⠀goodLuck!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/27357 by u/taupelink

function u(t) {

for(i=840,k=180;i-->t*9e3;x.fill())x.beginPath(x.fillStyle=R(i%7*35,92*i**t,i%200,2/i)),x.arc(X=k*i/310+560,Y=i%7*k,99/t,j=i,j-3.63)

Apr 10 2023 3:13 PM UTC

}// 132/140

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

Cotton ball

u/Xen

love it!

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/27125 by u/rodrigo.siqueira

function u(t) {

for(c.width=j=198;x.shadowBlur=j--/9;x.fillRect(9*(S(t)*4+((j%9)))+60,9*C(j/3+t*3)+50,5,5))x.fillRect(0,53,198,1),x.shadowColor=R(255,j,j*3)

Feb 28 2023 5:07 PM UTC

}// 140/140

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

tweak remix

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/6152 by u/zanella

function u(t) {

m=n=0;for(i=1e4;i--;){s=6*T(i*3+t);o=s*Math.PI/4;r=550;m=m/2+r*C(o)*1.2;n=n/1.3+r*S(o)/2;x.fillRect(m+920,n+540,.3,t<3)}

Jan 30 2023 11:39 PM UTC

}// 120/140

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

Trigonometric doodles

u/DaSpider

My kind of chaos
u/Joachim

Nice!
u/samidoodlesz

Brilliant!

show FPS hide FPS share fullscreen

RomanPro100

function u(t) {

x.fillStyle=R(0,140+60*S(t),90+60*C(t))
x.fillRect(950*(1-C(t)),440,20,200)

Jan 28 2023 11:13 AM UTC

}// 75/140

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

Loading bar thingy

show FPS hide FPS share fullscreen

Jastcher

function u(t) {

c.width=255;c.height=255;for(i=0;i<c.height;i++){for(j=0;j<c.width;j++){x.fillStyle=R(255-j-i, j-i,i);x.fillRect(j,i,1,1)}}

Jan 27 2023 11:05 PM UTC

}// 126/140

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

spectrum

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/26806 by u/rodrigo.siqueira

function u(t) {

for(c.width|=i=0;i<1500;i++)for(j=0;j<9;j++)x.fillRect(i*Math.sin(i/j/1.1+t/9)+940,i*Math.cos(i/j+t/25)+540,j,j)

Jan 26 2023 1:12 AM UTC

}// 112/140

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

3D moving spiral particles #spiral

show FPS hide FPS share fullscreen

Ohead

remix of d/26925 by u/Ohead

function u(t) {

for(i=0;i<500;i++){y=(t*i)**5%1;z=(t*i)**6%1;x.fillStyle=`hsl(${z*6}rad,100%,${y*99}%`
x.fillRect(z*2e3-1e2,y*1200-1e2,100/(t/5),100/(t/5))}

Jan 25 2023 5:47 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 palette

show FPS hide FPS share fullscreen

patorick1

function u(t) {

for(i=0;i<60;i++){for(j=0;j<150;j++){
r=Math.floor(Math.random()*255)
x.fillStyle=R(t*i,j,255-r,S(t))
x.fillRect(i*r,j*r,r,r*t)
}}

Jan 25 2023 4:35 AM UTC

}// 130/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 1 remix fullscreen

Ohead

function u(t) {

r=Math.random;
for(i=0;i<500;i++){y=r();z=r();x.fillStyle=R(y*256,z*256,t*10)
x.fillRect(z*2e3-1e2,y*1200-1e2,100/(t/5),100/(t/5))}

Jan 24 2023 7:36 PM UTC

}// 131/140

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

Blueshift

u/Ohead

I used a beautiful drawing method from u/taupelink for this one https://www.dwitter.net/u/taupelink
u/taupelink

Thank you for the compliment! I derived the method from others on Dwitter..
u/taupelink

...with lots of trial and error along the way.
u/neimad

it kills my browser

dwitter.net | 4ce (1255)