Dweets awesomed by u/Quant1um

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

veubeke

function u(t) {

c.width^=0
x.font='6em"'
for(i=9;i--;x.fillRect(25,0,50,200))x.setTransform(1,0,0,-1,(5+i)*99,(600-(t>i&&t-i)**9)),t>i&&x.fillText('🔥',0,0)

Dec 9 2018 11:35 AM UTC

}// 139/140

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

#default #rockets

u/jylikangas

Awesome! :D
u/katkip

#genius
u/Xen

Love it!
u/aleamb

Lol!
u/lucio

Now make the booster land back :-)

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(x.fillRect(0,0,j=2e3,j);j--;x.clearRect(C(j)*r+960,S(j*j)*r+540,2/Z,2/Z))r=600/(Z=1+(T(j*.61)-t/3)%1)

Dec 6 2018 5:33 PM UTC

}// 105/140

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

u/katkip

#starfield #stars #d3

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11280 by u/pavel

function u(t) {

for(c.width|=i=36;j=60*(--i>>2);x.fillRect(-j,0,2*j,u>0||9))x.setTransform(u=C(a=(i/2+t/8)*Math.PI),v=S(a),0,4,960+j*v,256+j/2-j*u)

Dec 5 2018 4:20 AM UTC

}// 131/140

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

#pyramid v2

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

for(i=900;t<6.3&&i--;x.fillRect(960+i*C(t*4),560-S(t*4)*230+S(i/80+t*4)*210,1,2))
x.fillStyle=`hsl(210 60%${t*4}%`

Nov 26 2018 4:19 PM UTC

}// 114/140

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

Trigonometric Object

u/katkip

#d3

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

for(c.width=i=-9;i++;R=a=>x.lineTo(150+S(A=3-j?t+37*a:0)*50*j,15*j*j+C(A)*!!A*j*9*C(t)))for(j=3;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

Nov 17 2018 10: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).

Diamond

u/aleamb

cool! #wireframe #d3 #perspective
u/f8f82804

I don't think this actually uses a perspective transform...

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10979 by u/cantelope

function u(t) {

for(i=c.width|=h=355/226,x.translate(w=960,540),x.rotate(o=S(t));--i;x.fillRect(S(i+t)*w/z/r,(w-i)/z,s=99/z/z,s))r=S(i%h+h/2),z=4-o-C(i+t)/r

Nov 16 2018 3: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).

u/cantelope

nicely done :)
u/f8f82804

#d3 #perspective

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

p=i=>99*[0,0,3-i,1,6-i,2,i-5,i-7][~~i]
for(c.width|=t%=i=8,x.rotate(.8);i--;m+7&7&&x.fillRect(p(m?i:t)+904,p(m?6-i&7:8-t)-460,90,90))m=~~t-i

Nov 10 2018 7:44 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 really wants to be faster but I'm out of bytes!

Show more comments…
u/jylikangas

This is challenging stuff!
u/Xen

137: p=i=>99*[0,0,3-i,1,6-i,2,i-5,i-7][~~i] for(x.rotate((c.width|=t%=i=8)/9);i--;m+7&7&&x.fillRect(p(m?i:t)+904,p(m?6-i&7:8-t),90,90))m=~~t-i
u/jylikangas

Full speed 138: p=i=>99*[0,0,3-i,1,6-i,2,i-5,i-7][~~i] for(c.width|=i=8,x.rotate(7);i--;m+7&7&&x.fillRect(p(m?i:T=t*5%8)+700,p(m?6-i&7:8-T),90,90))m=~~T-i
u/pavel

Nice! There is some flicker but you saved enough bytes to fix p=i=>99*[0,0,3-i,1,6-i,2,i-5,i-7][~~i];for(c.width|=i=8,x.rotate(7),T=8*t%8;i--;m+7&7&&x.fillRect(p(m?i:T)+450,p(m?6-i&7:8-T),90,90))m=~~T-i
u/jylikangas

This was fun. I also tried two totally different implementations but it seems your approach is the best.
u/katkip

Haha that's fun

show FPS hide FPS share fullscreen

pavel

remix of d/10922 by u/pavel

function u(t) {

with(x)for(c.width=960,s=270;s>2;stroke())rect(0,0,s*=.618,s),quadraticCurveTo(X=s*(.5+S(t)*.45),s-X,s,s),translate(s,s),rotate(T=S(t)*1.57)

Nov 10 2018 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/jonathan-potter

This is great! I spent some more time trying to use x.scale for sizing to make the math super pretty. It just ended up messier because linewidth needed modification :(

show FPS hide FPS share fullscreen

pavel

remix of d/9174 by u/f8f82804

function u(t) {

with(x)for(N=i=300;A=S(a=i--/99);beginPath(fillStyle=`hsl(${i*N} 90% ${c**4}%`))c=A*S(b=t+i)+2,fill(arc(N*c,N*(A*C(b)/2-C(a)+2),70*A+9,0,7))

Nov 8 2018 11:00 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/katkip

I like the fact that it is so fast
u/iverjo

Nice! This reminds me of the spinning beachball of death (on Mac OS X)
u/aleamb

#colors #d3 #sphere
u/pavel

#uncompressed

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10905 by u/f8f82804

function u(t) {

c.width=640;for(s=24;--s;t+=.03)for(i=17;i--;x.lineTo(320+3*S(A)/z,157+(2+C(A)-(i&4))/z))z=(3-C(A=1.571*(i-(i>>2)+(t&2&&t))))/9/s;x.stroke()

Nov 8 2018 8:30 PM UTC

}// 140/140

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

#d3 #perspective #cube #wireframe

dwitter.net | Quant1um (8567)