Random 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

tsuhre

function u(t) {

x.fillStyle=R((S(t)+.5)*255,(S(t-2)+.5)*255,(S(t-4)+.5)*255,1)
x.fillRect(860+S(t*2)*300,440+C(t)*400,20,200)

Dec 1 2017 2:56 PM UTC

}// 109/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 2 remixes fullscreen

rodrigo.siqueira

remix of d/21760 by u/Pascal

function u(t) {

c.width|=c.style=`filter:invert(1`
for(k=i=620;i--;x.closePath())z=5+C(a=i*i),x.arc(960+280*(S(i+t)*S(a)),k+2e3*C(a)/z,30/z,0,7)
x.fill()

Feb 25 2021 7:36 PM UTC

}// 137/140

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

Cosmic Egg #egg

u/danny@hille.dk

sweet
u/Qwitter

#DIXON RULES

show FPS hide FPS share 1 remix fullscreen

23_Skidoo

function u(t) {

c.width|=c.style.background='radial-gradient(#e44,#820'
x.globalAlpha=.5
x.rotate(5.5)
for(i=-(z=50);i<z;)x.fillRect(i++*(z+C(t)*9),0,z,2e4)

Feb 1 2019 1:44 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 FPS hide FPS share fullscreen

sfz

function u(t) {

c.width|=0
a=480
l=19
for(i=0;i<7;i+=Math.PI/l)for(j=0;j<l;j++)x.fillStyle=R(a*S(t*(i+j))/2),x.fillRect(2*a+a*S(t+i)*(l+j)/l,a+a*C(t-i),l,l)

Feb 26 2017 10:36 PM UTC

}// 140/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 fullscreen

ciaccodavide

remix of d/21078 by u/ciaccodavide

function u(t) {

T=(k=t)?'🐸🐊🐲🐉💣💥👻':T
for(i=640;z=--i**.3;--z)x.setTransform(s=20/z+C(t)*91,0,0,s,0,0),x.fillText(T.substr(~~k*2%14,2),i%z*99-C(t),t++%z*60)

Dec 30 2020 4:05 PM UTC

}// 138/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 fullscreen

firegodjr

remix of d/8543 by u/firegodjr

function u(t) {

x.beginPath()
c.width|=0
for(i=500;--i;)x.lineTo(S(k=i*(400001+(S(t)*.0008))+t)*C(i)*400+900,C(k)*400+500)
x.fill("evenodd")

Jun 11 2018 9:03 PM UTC

}// 124/140

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

Subtle Adjustments ;)

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

P=(f,n,z)=>f(t*10)*(10+S(t*10*K)*369)+n
x.lineTo(P(C,960),P(S,540))
x.stroke()
t/10>K&&(K++,c.width|=1)}{K=0

Nov 18 2020 10:23 PM UTC

}// 108/140

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

Changes every 5 seconds

show FPS hide FPS share 1 remix fullscreen

whackashoe

function u(t) {

c.width=s=60,D=(s+t>>0).toString(2).repeat(t%9*s)
for(I=0;++I<s*s;x.fillStyle=R(S(D[D[I-1]|0+D[I]*2+D[I+1]*4])*220))x.fillRect(I/s,I%s,1,1)

Nov 21 2017 4:58 PM UTC

}// 139/140

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

Cellular Automata

show FPS hide FPS share 1 remix fullscreen

gravityGobbler

function u(t) {

x.font='10em a'
x.fillText("Loading...",600,500)
if(t%5<=1)x.fillStyle = R(t*20%255,t*10%255,t*15%255,1)
x.fillRect(640,600,t*100%500,99)

Dec 12 2021 10:16 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/normalgobbler

incredible!

show FPS hide FPS share fullscreen

taupelink

remix of d/23648 by u/taupelink

function u(t) {

for(i=q=k=447;i--;x.fillRect(k*X,k+i/Y,-8*q/v,i*(Y-2)/v))f=i*t,X=f*f%7-1,Y=X*f%3-2,x.fillStyle=R(q*=C(X/6)/8-Y/4,i*S(X/2),q^=k,k/q*t),v=t**t

Aug 30 2021 4:04 AM UTC

}// 140/140

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

d/23689

u/rep_movsd

This is superb
u/rfs

What is your process for making these? incredible
u/taupelink

thank you! lots and lots of trial and error, lately aided by https://capjs.3d2k.com/ I keep playing around with variations, e.g.: for the Y-coordinate, k+i*Y,k-i*Y,k+i/Y,k-i/Y each have a different effect
u/taupelink

for those unfamiliar with dwitter-style compact JS code: for a typical dweet of this type, each frame draws a bunch of rectangles. each rectangle has random coordinates for its upper left-hand corner. the RGBA (color and opacity) of the rectangle depends on those coordinates and on some other parameter that gets modified with each step. The dimensions of the rectangles shrink over time, thus adding finer-grained detail