Top dweets by u/BriSeven

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

BriSeven

function u(t) {

x.fillRect(frame,0,t/32,1080)

Jan 31 2022 1:17 AM UTC

}// 30/140

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

Just a simple gradient

u/BriSeven

Just 3 simple gradients
u/BriSeven

Haha I'm such a doofus

show FPS hide FPS share fullscreen

BriSeven

function u(t) {

c.width|=0
for(i=0,X=0,Y=0,s=32;i<1024;i++,X=(i%s),Y=(i/s|0))
x.fillRect(X*s*2,Y*s+S(i/6+t*5)*s,s*2,s)

Jan 29 2022 2:53 AM UTC

}// 102/140

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

optical illusion conveying movement where there isn't.

show FPS hide FPS share fullscreen

BriSeven

remix of d/21867 by u/intrinsic

function u(t) {

x.fillStyle=R((s=300)-S(t)*s,s-C(t)*s,s)
for(i=1e3,z=960,y=540,d=0;i--;d+=S(i|1e3|i/s|i/40)+S(t/99))
  x.fillRect(z+=C(d)*4,y+=S(d)*4,4,4)

Dec 14 2021 6:29 AM UTC

}// 138/140

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

Shwoosh

show FPS hide FPS share fullscreen

BriSeven

remix of d/11545 by u/ersagun

function u(t) {

d=C(t)*3.14;r=300*S(t*301);x.fillRect(r*C(d)+960,r*S(d)+540,8,8)

Apr 22 2020 1:12 AM UTC

}// 64/140

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

this will probably be a circle eventually

show FPS hide FPS share fullscreen

BriSeven

remix of d/18172 by u/BriSeven

function u(t) {

s=30,c=240
for(i=0;i<64;i++)for(j=0;j<36;j++)
x.fillStyle=R(((n=i^j)<(S(t)+1)*s)*c,(n<(C(t)+1)*s)*c,0),
x.fillRect(i*s,j*s,s,s)

Apr 7 2020 5:54 AM UTC

}// 128/140

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

plot the XOR binary operator with a "circular" polarizing effect.

show FPS hide FPS share fullscreen

BriSeven

remix of d/18155 by u/BriSeven

function u(t) {

c.width*=1
for(i=64;i--;)x.setTransform(C(t)*2,S(t),-S(t)*2,C(t),950,90+i*5),x.fillStyle=R(i*5),x.fillRect(d=C(i/20)*30,0,-d+30,d+40)

Apr 6 2020 4:50 AM UTC

}// 133/140

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

A 'spritestack' but it's rectangles.

show FPS hide FPS share fullscreen

BriSeven

function u(t) {

c.width*=1 // clear the canvas
f=(s,...a)=>{for(n in x)n.match(s)&&x[n](...a)}
for(i=0;i<9;i++)f('lRe',400+i*100+S(t)*300,400,50,200);

Mar 24 2020 1:53 AM UTC

}// 136/140

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

An unfruitful experiment in compressed canvas method calls.

Show more comments…
u/pavel

How about something like i=0;for(m in x)u[i++]=m;x[u[34]](512,512,512,512) Shortens every call to six chars at the cost of 24... Maybe shorter if you call globalCompositeOperation and some shadow methods too hah.
u/pavel

Or how about this f=(n,a)=>{for(m in x)--n||x[m](...a)};f(35,[512,512,512,512]) 37 chars to reduce every name to one or two chars.
u/pavel

Three or four chars**
u/pavel

aw, actually none of these work for stuff like globalCompositeOperation as they are not methods.
u/BriSeven

Good one, I was also thinking about the possibilities of something like an.. uhh, a tiny bytecode interpreter? take a string and convert it to function calls and parameters somehow.
u/pavel

i=t&&u;for(m in x)x[i++]=x[m];x[34](512,512,512,512) costs 29 to make calls 3 each.
u/pavel

Lastly, can do something niche like for(m in x)x[m[4]]=x[m];x.R(512,512,512,512) that costs 23 and shortens to 1 char but a subset of all calls.
u/BriSeven

wow are these established techniques or did you just think of those now?
u/pavel

i made them up just now but they are simple remixes
u/yonatan

for(p in x)this[p[0]+p[6]]=p sets up shortcuts on this so you can do x[gC] instead of x.globalCompositeOperation (from d/10842)

show FPS hide FPS share fullscreen

BriSeven

remix of d/17897 by u/BriSeven

function u(t) {

x.save()
x.font='30cm A'
x.translate(A=1e3,A/2)
x.rotate(t*999)
x.fillText(t|0,0,A*S(t))
x.fillStyle="#AAF4"
x.fillRect(0,0,A,A)
x.restore()

Mar 11 2020 4:40 AM UTC

}// 140/140

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

Variation B

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/17896 by u/BriSeven

function u(t) {

x.save()
x.font='9cm A'
x.translate(A=1e3,A/2)
x.rotate(t*t)
x.fillText(t|0,0,99*S(t))
x.fillStyle="#FAA4"
x.fillRect(0,0,A,A)
x.restore()

Mar 11 2020 4:19 AM UTC

}// 138/140

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

Variation A

show FPS hide FPS share fullscreen

BriSeven

function u(t) {

eval(unescape(escape`楦⠡琩愽䅲牡礨㄰⤮晩汬⠱⤻砮獴牯步⡮敷⁐慴栲䐨恍㤰〠㘰ぬ⑻愮浡瀨⡸⤽㹛䌨砫琯㤩⨱〰ⱓ⡸⭴⼹⤪㄰そ⥽怩⤻愽愮浡瀨⡸Ⱪ⤽㹸⭓⡴⩩⩸⤯⠲〭椫ㄩ⤬砮獴牯步却祬攽恨獬愨⑻琪㌶紬㔰┬㔰┬〮ㄩ⁠`.replace(/u(..)/g,"$1%")))

Mar 3 2020 6:24 AM UTC

}// 138/140

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

Chihuli-like colored swish.

dwitter.net | BriSeven (817)