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 1 remix fullscreen

mxfh

remix of d/23417 by u/mxfh

function u(t) {

for(d=new ImageData(w=2048,w),m=3e6;m--;d.data[m*4-1]=(m-Y&Y+m)*t/w&w)Y=m*w
x.putImageData(d,0,0)

Aug 13 2021 11:51 AM UTC

}// 97/140

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

u/mxfh

for(d=new ImageData(w=2048,w),m=1e7;m--;d.data[m|3]=(m-Y&Y+m)*t/w&w)Y=m*w x.putImageData(d,0,0)
u/mxfh

for(d=new ImageData(w=2048,w),m=1e7;m--;d.data[m|3]=(m-Y&Y+m)*t/w&w)Y=m*w x.putImageData(d,0,0)
u/mxfh

-2 but considerably slower

show FPS hide FPS share fullscreen

e4494s

function u(t) {

with(x){c.width=1920;w=960;z=540;for(i=0;i<9;i++){w+=98*C(t*i);z+=98*S(t*i);fillStyle=R(99,0,99,.3);beginPath();arc(w,z,49,0,7);fill()}}

Aug 29 2021 7:58 PM UTC

}// 136/140

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

Purple spinning circles

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2442 by u/mxfh

function u(t) {

c.width|=b=50
h=S(t)
for(e=6.283;e>0;x.lineTo(d*C(e-=.01)+h*(C(e)+T(e/3+t/T(e)))+960,d*S(e+S(t)/9)-h+540))d=420
x.fill("evenodd")

Jan 22 2019 11:44 PM UTC

}// 129/140

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

u/Xen

NICE! :-)
u/katkip

Haha
u/magna

#glitch
u/mxfh

this one doesn’t even need the fillrule. Was just looking into other cycloids and Lissajous figures, only to end up with a circle.

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=23,x.globalAlpha=.1;j=99*(i-->>1);x.fillRect(-j,0,2*j,99))x.setTransform(u=-C(a=(i%2-t/3%1)*1.57),v=S(a),0,1,960+j*v,j/2-j*u)

Dec 4 2018 12:21 AM UTC

}// 140/140

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

#pyramid

u/pavel

Messing around with setTransform

show FPS hide FPS share 2 remixes fullscreen

danny@hille.dk

remix of d/20330 by u/neimad

function u(t) {

for(c.width=X=60;X--;)for(Y=34;Y--;)x.fillStyle=R(o=99*(C(t+Y/4)+S(t+X/9+C(Y/(4+C(t)+S(X/9+Y/6))))),o,o*C(C(X+t)+C(Y))),x.fillRect(X,Y,1,1)

Oct 21 2020 5:09 PM UTC

}// 139/140

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

let's play

u/danny@hille.dk

hi res version -> http://glslsandbox.com/e#68685.0

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/25522 by u/taupelink

function u(t) {

eval(unescape(escape`景爨洽琿〺ㅥ㐻洭ⴻ砮晩汬⠩⥸⹢敧楮偡瑨⡸⹦楬汓瑹汥㵠桳污⠤筛樽洯㌱Ⱪ㵭┲㔷嵛津㉝⼶ⴱ㔰紬⑻樯㉽┬⑻洪洯㡥㔫㕽┬⑻樯楽⥠⤬硛津㌿❲散琧㨧慲挧崨洪⨲⸳┱㜴ㄫ㜵Ɑ⩪┹ㄷ⬷㔬樯㴸ⱪⴵⱪ⤠`.replace(/u([^D].)/g,'$1%')))

May 31 2022 6:15 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/25573

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/27866 by u/@noel

function u(t) {

for(c.width=i=w=255;i--;)for(j=142;j--;)x.fillRect(i,j,1,((w*(C(a=Math.atan2(X=2*i/w-1,Y=2*j/w-.6))/(d=(X*X+Y*Y)**.5)+t)^w*(S(a)/d+t))&w)/w)

Jun 6 2023 5:16 AM UTC

}// 140/140

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

Projection Faster and Uncompressed

u/@noel

I love this one and I follow the logic, until the z & w performing. I know it's a bitwise AND operation on z and w, but I don't actually grasp it.
u/@noel

I mean on this one: x.fillRect(i, j, 1, (z & w) / w)
u/joeytwiddle

Here (z & w) / w is the height of the rectangle. If that height is less than 1, then the canvas anti-aliasing renders a grey pixel, instead of a black one.
u/@noel

Thanks u/joeytwiddle Now I think I get it. (z & w) ensures that the value of z remains within the range of the canvas width 'w', and the dividing by w normalizes the height value. Great trick!

show FPS hide FPS share fullscreen

New_Core

remix of d/7564 by u/New_Core

function u(t) {

t?x.beginPath():b=a=50
f=v=>Math.random()*v
x.arc(S,C,b=a-t*a%a,0,7)
b<1?(S=f(2e3),C=f(1080)):x.fillStyle=`hsl(${t*a},99%,${a-b}%)`
x.fill()

Apr 4 2018 3:32 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 1 remix fullscreen

mxfh

remix of d/22437 by u/mxfh

function u(t) {

d=x.getImageData(o=-1,0,w=c.width=256,h=128)
for(i=b=64;i>-b;i--)for(j=h;j>-h;j--)d.data[o+=4]=((i*j)%~(T(t)*h))**8
x.putImageData(d,0,0)

Apr 11 2021 1:33 AM UTC

}// 137/140

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

u/EliteDaMyth

for(d=x.getImageData(o=-1,0,w=c.width=256,h=128),i=b=64;i-->-b;)for(j=h;j>-h;j--)d.data[o+=4]=(i*j%~(T(t)*h))**8 x.putImageData(d,0,0) 134
u/EliteDaMyth

in the above comment the space after **8 is a newline

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/24339 by u/taupelink

function u(t) {

for(m=t?0:1e4;X=1+S(m),Y=6*S(m*m--);x.fillRect(960*X,90*(6+Y),q,-i/8))i=m%256,x.fillStyle=R(q=i*(1-C(Y>0?m:Y)),q*=.5+X/4,i-=q*Y,.5/(8-Y))

Nov 28 2021 4:20 PM UTC

}// 137/140

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

d/24392