Dweets awesomed by u/firegodjr

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

nix

function u(t) {

c.width=1920
for(i=0;i<360;i++){x.fillRect(i+960*-C(t-i)+960,
540+99*+S(i*(t/200)),
 S(t/2+i)<= 0 ?(25*S(t/2-i)):0
, +(25*C(t+i)))}

May 6 2018 9:11 PM UTC

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

jdidion

function u(t) {

c.width=1920
z=(n,q)=>q>0?x.fillRect(889+S(q)*n+250*S(t),500+C(q)*n+100*C(t*1.4+.2),25,20)||z(n+1,q-Math.PI/50):0
z(S(t)*-800-t,140)

May 6 2018 4:21 PM UTC

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

BirdsTweetCodersDweet

remix of d/7997 by u/BirdsTweetCodersDweet

function u(t) {

c|=P=(L,A,N,E,T)=>{x.arc(I=L+C(T)*N,J=A+S(T)*N,E,0,7);x.beginPath(x.fill());return[I,J]}
P(...P(...P(960,540,0,50,0),250,20,t),100,10,t*6)

May 5 2018 7:52 PM UTC

}// 138/140

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

A fun thing I found when messing about with Burrak's planets dweet

u/BirdsTweetCodersDweet

Other versions I made are at d/7997 and d/7999
u/BirdsTweetCodersDweet

Play around with the '6' in i=t*6... Fractional values such as 5.125 also work well :D
u/BirdsTweetCodersDweet

If the image is tilted and you want to straighten it, just make it t*{something}+{a decimal value you'll have to use trial-and-error for}

show FPS hide FPS share fullscreen

BuRRak

function u(t) {

for(i=c.width=100;i--;)for(j=56;j--;)x.fillRect(i,j,(((i+t*60)/10|0)+((j+S(t*2)*15+15)/10|0))%2,1);

May 5 2018 7:07 PM UTC

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

joeytwiddle

remix of d/7980 by u/BalintCsala

function u(t) {

c.width=280,W=20
for(i=9;i--;)x.fillRect(D=i*W-(K=(t%1)*W),D,W,W)
x.font="24px A"
x.fillText("●",98,101-K-W*(1.2-t%1)*(C(6.3*(t%1))**2)**.5)

May 5 2018 8:27 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/iverjo

#bounce
u/joeytwiddle

Multibounce: x.fillText("●",98,101-K-W*(1-t%1)**2*(C(15*(t%1))**2)**.5)

show FPS hide FPS share fullscreen

trancor

remix of d/7988 by u/trancor

function u(t) {

d=(j,r)=>{x.beginPath(),x.arc(j*4+S(t*3+r)*r,T(t)*r+r*5,S(t+=j&6)*r/5+r,0,7),x.fill(),r>2&&(r/=2,d(j-r,r),d(j,r))}
d(w=(c.width=999)/2,600)

May 5 2018 8:08 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

E-Mouse

remix of d/7979 by u/jylikangas

function u(t) {

for(c.width=i=-9;++i<9;R=a=>x.lineTo(150+a*99/(z=j-t%1),z+99+(99+C(t*a)*a*4)/z))for(j=12;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

May 4 2018 9:42 PM UTC

}// 133/140

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

u/katkip

#d3 #perspective

show FPS hide FPS share 1 remix fullscreen

BalintCsala

function u(t) {

c.width=280
for(i=9;i-->-1;)x.fillRect(D=i*20+(K=-(t%1)*20),D,W=20,W)
x.font="30px A"
x.fillText("●",83,82+K+(Math.max(t%1-.5,0)*2)**2*20)

May 4 2018 7:39 PM UTC

}// 138/140

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

Pseudo falling physics

u/iverjo

Deserves more kudos :D
u/BirdsTweetCodersDweet

changing the last part to ... **2*25makes it more realistic, with more gravity and even a little bounce at the end... Also, removing the W variable saves you a byte :P
u/jylikangas

Actually you could use T in place of W and use it in place of every 20 to save 3 bytes. :)
u/katkip

#physics

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=-9;++i<9;R=a=>x.lineTo(150+a*99/(z=j-t%1),z+90+(99+T(j+t&a+9|8)+a*a)/z))for(j=12;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

May 4 2018 7:27 PM UTC

}// 139/140

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

Wireframe World

Show more comments…
u/iverjo

So good!
u/firegodjr

jylikangas at it again with the golden dweets :D #wireframe #perspective
u/aleamb

epic dweet!
u/jylikangas

http://jsriffs.blogspot.com/2018/05/making-o…
u/donbright

speechless
u/vain

can you hear the 80th retro synth music? :D Cool work

show FPS hide FPS share 3 remixes fullscreen

BuRRak

function u(t) {

c.width|=0
P=(L,A,N,E,T)=>{x.fillRect(I=L+C(T)*N,J=A+S(T)*N,E,E);x.fill();return[I,J]}
P(...P(...P(960,540,0,50,0),250,20,t),100,10,t*6)

May 4 2018 7:25 PM UTC

}// 138/140

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

Solar system. I was unable to make it with arcs, tho

u/iverjo

Thumbs up for the P=(L,A,N,E,T) :D
u/katkip

Awesome! that P=(L,A,N,E,T) easter egg is genius

dwitter.net | firegodjr (12358)