Dweets by u/Flopster

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

Flopster

remix of d/193 by u/lionleaf

function u(t) {

c.width|=h=t%6
k=h<1?0:1-5**-(h-1)
for(m=i=350;i--;)r=(i+9)*k*h,x.fillStyle=R(m,0,r),x.fillRect(C(i/4)*r+i%4*m+m,S(i/4)*r+(h-2)**2*m+m,9,9)

Jan 1 2018 1:17 AM UTC

}// 139/140

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

Inspired by veubeke. Happy New Year!

u/Flopster

Edit: Inspired by a remix chain starting from d/192.
u/lionleaf

Awesome remix :D (I'll add the remix link for ya)
u/quuxman

damn I didn't post the first fireworks in 2018 :-} https://www.dwitter.net/d/5096

show FPS hide FPS share fullscreen

Flopster

remix of d/4893 by u/mmagin

function u(t) {

c.width|=0
x.font="200px Arial"
for(i=0;i<1.5;i+=.25)
x.fillText("⚽", 100+1000*i, 1000-850*Math.abs(S(t-i))**.9)

Dec 30 2017 11:50 PM UTC

}// 112/140

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

A demonstration that abs(sin(x))**.9 is a good compact approximation of bouncing.

u/lionleaf

Nice! that's a useful trick! Why not just abs(sin(x)) though?
u/magna

**.9 compresses the curve and makes the restitution look more realistic.
u/Flopster

See https://www.desmos.com/calculator/oxuakmyuko.

show FPS hide FPS share fullscreen

Flopster

remix of d/4715 by u/TylerCross

function u(t) {

c.width|=y=0
j=300
for(;y<11;y++)for(i=j;i--;)x.fillStyle=R(0,9,y%2*j),x.fillRect(i*10,j+y*y*10.5+(C(i*0.5/y-t*2+y)+S(t-(y*y)/15))*y*10,8,j)

Dec 29 2017 9:02 PM UTC

}// 140/140

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

u/jaemiejaemie

change that one 9 in the fillRect to a 8 and you get seamless waves! pretty!
u/Galaxtone

I don't see a nine.
u/Galaxtone

Also i had to change the 9,j) to a 10,j) at the end so that it looked correct.

show FPS hide FPS share fullscreen

Flopster

function u(t) {

w='white'
for(i=23;i--;)for(j=13;j--;)v=(j<7&&i<11?(i+j)%2?R(0,0,220):w:j%2?w:'red'),x.fillStyle=v,x.fillRect(i*83,j*83+S(t*2+i/3)*7,83,83)

Dec 29 2017 12:41 AM UTC

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

Flopster

remix of d/4548 by u/ADESONOM

function u(t) {

x.globalCompositeOperation="difference";for(i=20;i--;x.fillStyle=R((t*7)%255,(t*11)%255,(t*13)%255))x.fillRect(i*100+S(t+i)*300,0,50,1e3)

Dec 28 2017 11:01 PM UTC

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

Flopster

function u(t) {

c.width|=0
s=1000
for(i=0;i<s;d=2*Math.PI/s*i,r=Math.max(0,S(t*(1+t*i*Math.PI/s)/5))*500,x.fillRect(r*C(d)+960,r*S(d)+540,10,10),i++);

Dec 28 2017 9:41 AM UTC

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

Flopster

function u(t) {

h=c.height/10
r=n=>(''+S(n))[5]
j=n=>r(n)*25.5
for(i=-90+t|0;i<9*t;i++){x.fillStyle=R(j(i),j(i),j(i+5))
x.fillRect(0,r(i+5)*h,(9*t-i)**4,h)}

Dec 28 2017 2:33 AM UTC

}// 140/140

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

u/sukkamehu

h=c.height/10 r=n=>(''+S(n))[5] j=n=>r(n)*25.5 for(i=-90+t|0;i<9*t;i++)x.fillStyle=R(j(i),j(i),j(i+5)), x.fillRect(0,r(i+5)*h,(9*t-i)**4,h)
u/sukkamehu

change it to that so it's under 140

You've reached the end.

dwitter.net | Flopster (33)