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

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 2 remixes fullscreen

BriSeven

function u(t) {

c.width*=1
for(i=64;i--;)x.setTransform(C(n=t+C(t)*i/40)*2,S(n),-S(n)*2,C(n),950,400+i*5),x.font='5cm A',x.fillText([...'🤚'][i%1],-60,40)

Apr 6 2020 2:45 AM UTC

}// 137/140

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

Jelly Hand

show FPS hide FPS share 1 remix fullscreen

BriSeven

function u(t) {

c.width*=1
for(i=-1,v=t*8;i<2;i++)x.setTransform(10*C(t)*i,10*S(t),-S(t)*10,10*C(t)*i,950+i*50+C(v)*50*i,500+S(v)*50*i),x.fillText('🤚',0,0);

Apr 4 2020 3:26 PM UTC

}// 140/140

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

Wash yo hands.

show FPS hide FPS share fullscreen

BriSeven

remix of d/18118 by u/BriSeven

function u(t) {

c.width|=e=24
for(i=9,b=400,d=(C(t*3)+C(t*9))**3*e;i--;)h=i/4,g=t+h,x.fillRect(940+S(g)*(b+d),(f=C(g)*50)+b-C(g*e)*e,f,(-C(g)+1)*100+100)

Apr 3 2020 11:46 AM UTC

}// 137/140

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

conga bump #default #dance (the first version was missing something)

u/pavel

shouldnt they get thinner in the back, not wider?
u/pavel

Here is a rough starting point using real orthographic projection for(c.width|=i=9;i--;x.fillRect(960+2e3*S(a)/z-s/2,540+2e3*y/z-s*2,s,4*s))y=S(i+t*39)/99,z=3+C(a=i/8+t),s=99/z
u/BriSeven

they get thinner at the edges and shorter in the back. the fatter appearance is an optical illusion from the perspective
u/BriSeven

i imagine them as thin sheets of material rather than as cylinders.
u/BriSeven

it would probably look better if the front and back had the same aspect ratio but there’s only room for so many sine/cosine functions

show FPS hide FPS share 1 remix fullscreen

BriSeven

function u(t) {

c.width*=1
for(i=0,h=0,b=400;i<9;i++,h=i/4)
x.fillRect(940+S(t+h)*b,C(t+h)*40+b+S(t*20+h)*20,C(t+h)*50,(-C(t+h)+1)*100+100)

Apr 2 2020 12:12 PM UTC

}// 123/140

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

conga #default #dance

u/katkip

awesome! good idea
u/sigveseb

Sweet!

show FPS hide FPS share fullscreen

BriSeven

remix of d/17751 by u/BriSeven

function u(t) {

document.body.innerHTML=`<svg><path d="M24 8c-2-2.2-6-2-8.2.2l-.4.4-.4-.4C13 6 9 6 7 8c-2 2-2.1 5.9.2 8l8 8 8.4-8.4c2-2 2-6 .2-8z"/>`

Mar 25 2020 3:39 AM UTC

}// 133/140

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

SVG Path Tester type two

u/pavel

x.fill(new Path2D("M24 8c-2-2.2-6-2-8.2.2l-.4.4-.4-.4C13 6 9 6 7 8c-2 2-2.1 5.9.2 8l8 8 8.4-8.4c2-2 2-6 .2-8z"))

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/17965 by u/BriSeven

function u(t) {

c.width*=1
for(d=i=t|0;i--;x.setTransform(C(a=6*i/d+t)*48,0,0,S(a)*4+48,960,0))x.fillStyle='#A762',x.fillText(i/d%6.28>0.05?'J':'Jo',-1,15)

Mar 18 2020 3:41 PM UTC

}// 139/140

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

A nice cuppa Jo #glass

u/Cloud

Cap?
u/BriSeven

uccino
u/CalSch

This is genius!!

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/17963 by u/BriSeven

function u(t) {

c.width*=1
for(d=i=t|0;i--;)with(x)save(),translate(960,0),scale(C(a=6*i/d+t)*48,S(a)*2+48),fillStyle='#88A2',fillText('t',-3,15),restore()

Mar 16 2020 1:56 PM UTC

}// 139/140

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

cup of t? #glass

u/sigveseb

Now that's cool
u/tomxor

Hehe, cheeky
u/pavel

Nice! (Check out setTransform to shorten this a bunch)
u/BriSeven

thanks for the tipo pavel

show FPS hide FPS share 1 remix fullscreen

BriSeven

function u(t) {

c.width*=1
for(d=i=t|0;i--;)with(x)save(),translate(960,0),scale(C(a=6*i/d+t)*48,S(a)*2+48),fillStyle='#88A2',fillText('y',-2.5,9),restore()

Mar 16 2020 8: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).

#glass -y lathe

u/13thptr

great idea

dwitter.net | BriSeven (768)