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

ximavus

function u(t) {

x.reset()
F=_=>(270*S(i)+C(t)*270)
for(i=60;i--;){x.fillStyle=R(s=S(i/19)*2e2,s,s);x.fillRect(i*32,540,32,F());x.fillRect(i*32,540,32,-F())}

Nov 15 2025 9: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).

This was gonna be a ray cast demo actually

show FPS hide FPS share 4 remixes fullscreen

taupelink

remix of d/27130 by u/taupelink

function u(t) {

eval(unescape(escape`景爨椽ㅥ㐻椭ⴻ砮晩汬剥捴⠶〪堬㘰⩙Ⱘ夫昩┱ⱘ⬶⩦☱⤩堽椯㤪琥㈶⬳ⱙ㴹⬶⩃⡩⩩⩴⤬昽⠨夥⡘┶籙┴⬳⤭㈩⨪㈭⡘┨夥㑼㐩ⴲ⤪⨲⭘⨪⸵⤯㠬砮晩汬却祬攽恨獬⠲㔵Ⱔ笴〭好┬⑻㜰⬱㔪䌨㔪昩紥⥠`.replace(/u([^D].)/g,'$1%')))

Mar 1 2023 5: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).

d/27134

u/taupelink

Hat tip to u/rodrigo.siqueira for example with alternative quasi-random coordinate formulas
u/taupelink

Specifically as seen in d/27133

show FPS hide FPS share fullscreen

23_Skidoo

remix of d/12292 by u/23_Skidoo

function u(t) {

for(s=24,i=4e3;i--;f=(C(X)*S(Y/180))-t,x.fillStyle=`hsla(${S(i/s)*180} 66%${(50+S(f)*45)*S(i*i/s-t)}%`)x.fillRect(X=i%82*s,Y=~~(i/82)*s,s,s)

Feb 12 2019 1:53 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

danny@hille.dk

remix of d/21455 by u/Qwitter

function u(t) {

x.fillStyle='#0001'
x.fillRect(0,0,m=2e3,m)
for(i=399;i--;x.clearRect((1+(t%40>5))*(D=540)+(A=D/(t%5))*S(i+t),D+A*S(t+S(i-t)),A/9,A/9));

Jan 28 2021 5:35 PM UTC

}// 136/140

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

Well... it's a remix :-)

Show more comments…
u/Qwitter

cool!
u/smtsjhr

wow @ u/danny@hille.dk i was working on something with similar output, but using x.lineTo ! i will share soon, but its over 140 maybe you can help me golf please : )
u/smtsjhr

clever x.clearRect trick! its like you are "erasing" what you intend to draw! ...and it seems interchanging x.clearRect and `x.fillRect' in your code looses the blur effect hmm!
u/smtsjhr

@ u/danny@hille.dk check out d/21499
u/danny@hille.dk

.fillStyle='#0001' sets fill color to black with a transperancy of 16% (this css shorthand hex color notation, denotates color in 4*8bit RGBA, it is in essence the same thing as the standard #RRGGBBAA notaion, but with less resolution) fillRect then fills the intire screen with that blackish color then clearRect is used to "paint" white squares (the main reason is so you only have to use fillStyle once) When the main loop runs again - the white squares are only mostly paintet (84%) over, which results in a kind of motion-blur/glow As far as i know, you cannot use this technique with lineTo since line uses strokeStyle to draw linecolors
u/smtsjhr

u/danny@hille.dk thanks for all the info!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(i=2030;i--;)X=Y=Z=M=N=O=115,O/=T(39*i),Y=(i+82),Z=(Y/t),X=T(Y>>>O),M*=(i>>X),x.fillStyle=R(M,O,N,1),x.fillRect(159+.22*Z,-17+0.56*Y,X,X)

Apr 7 2019 10:25 PM UTC

}// 140/140

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

Created by my automatic dwitter emitter.

u/magna

I'd buy this as a poster.
u/KilledByAPixel

test hello

show FPS hide FPS share 1 remix fullscreen

sawaxon

remix of d/1701 by u/sawaxon

function u(t) {

c.width|=0
for(j=1;j<11;j++)for(i=1;i<20*j;i++)x.fillRect(900+S(t+i/2)*80*j,500+C(t+i)*50*j,4,4)

Mar 1 2017 8:43 PM UTC

}// 96/140

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

u/iverjo

Almost looks like 3D :) Making near dots smaller and far dots smaller would enhance the effect

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9159 by u/f8f82804

function u(t) {

c.width|=0
for(i=314;i--;)x.fillRect(100*S(α=i/100)*S(β=t+i/7)+960,45*((a=S(α)*C(β))-2*C(α)+9),10,10),x.fillStyle=`hsl(0 90%${45*(a+a**9)}%`

Aug 7 2018 7:04 PM UTC

}// 140/140

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

Phong reflection model

u/f8f82804

#phong

show FPS hide FPS share fullscreen

Agnes

remix of d/8938 by u/Xen

function u(t) {

with(x)for(filter='invert(5%)',drawImage(c,-5,-5,1930,1090),i=9;i--;)for(j=4;j--;)fillRect(400+i*99+S(t)*300-T(j*t),400+j*50+T(t*i),50,50);

Jul 27 2018 10:34 AM UTC

}// 139/140

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

Glitching through the fog (feat. terrible performance)

u/Agnes

This apparently doesn't work on some browsers.

show FPS hide FPS share fullscreen

katkip

remix of d/5527 by u/coderkid

function u(t) {

s=frame%2?0:255;x.fillStyle=R(s/t,s/t,s);if(!t)x.translate(c.width/2,c.height/2);for(i=0;i<78;i++){x.fillRect(i*t,0,9,9);x.rotate(s*s);}

Aug 25 2018 12:35 PM UTC

}// 136/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

ArthurThuczsec

remix of d/16335 by u/katkip

function u(t) {

for(j=i=199;i--;x.fill())x.beginPath(x.fillStyle=R(j+S(q=t*t+i)*j,i,j-C(-q)*j,.02)),x.arc(960+S(t*77)*i*9,540+C(t*33)*i*9,j-S(t*t-i)*i,0,t)

Aug 18 2021 5:54 PM UTC

}// 139/140

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