Dweets awesomed by u/sirjofri

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

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 fullscreen

jylikangas

remix of d/7978 by u/BuRRak

function u(t) {

for(X=120,Y=99,c.width=i=-1;++i-3;x.font=2.5-i+"em a",x.fillText([...'🌞🌍🌑'][i],X+=r/2+C(a=t*i**2)*r,Y+=S(a)*r)-r/2)r=i*(90-i*40)

May 4 2018 9:00 PM UTC

}// 128/140

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

Different implementation. Arc version in the comments below.

u/jylikangas

with(x)for(X=150,Y=90,c.width=i=-1;++i-3;arc(X+=C(a=t*i*i)*r,Y+=S(a)*r,k/4,0,7),beginPath(fill()))r=i*(k=80-i*35),fillStyle=R(v=!i*X,v,r*4)
u/prplz

Is it flat?
u/BuRRak

You guys are crazy :D
u/micahcowan

#emoji

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

kdgraham

function u(t) {

function z(a,b,e,d){if(d>1){ 
x.fillRect(a+=d*S(e),b-=d*C(e),4,4) 
z(a,b,e-=2*S(t),d*=.7) 
z(a,b,e+=2*S(t),d)}}c.width=600
z(250,280,0,80)

May 3 2018 9:26 PM UTC

}// 138/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 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.translate(80+K,60+K)
x.rotate(-K/6.5)
x.fillRect(0,0,W,W)

May 3 2018 8:50 PM UTC

}// 128/140

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

square going up the stairs

u/Conjuror

love it and it is cool
u/Joachim

Looks good! To stop the jumpiness, replace -K/6.5 with -K/6.2

show FPS hide FPS share fullscreen

CocoMeister

function u(t) {

c.width=1920
for(i=0;i<1920;i++){
x.fillRect(i,C(i)*T(t/4)*252+500,10,S(i)*50)
x.fillStyle=R(255*S(i),40,C(i)*T(t/4)*252)}

May 3 2018 11:07 AM UTC

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

anthonylewis

function u(t) {

c.width^=0;x.fillStyle=R(0,0,255,0.5)
for(i=38;i--;)for(j=5;j--;)
x.fillRect(i*50,1080,45,(S((i+j)*t)-j)*(t**2%360))

May 2 2018 1:21 AM UTC

}// 116/140

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

Tsunami?

u/iverjo

#water
u/BuRRak

t**2 can be replaced with t*t
u/katkip

#waves

show FPS hide FPS share fullscreen

danielwdunn

remix of d/7272 by u/Batrachus

function u(t) {

d=700
for(c.width+=i=0;i<d;){X=S(9*i)
Z=C(55*i)
B=(2-Z*C(t)+X*S(t))/d
x.fillRect(d+(X*C(t)+Z*S(t))/B,d+C(9*i++)/B,.1/B,.043/B)}

May 2 2018 1:20 AM UTC

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

stxxl

function u(t) {

c.width=1920;for(i=1;i<=50;i++){ a=(3.14*2/50)*i; p=300.0/(300.0+500+S(t*2+a)*500); x.fillRect(960+C(t*2+a)*500*p,540+i*5*p,20,20);}

May 2 2018 12:44 AM UTC

}// 132/140

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

dwitter.net | sirjofri (6897)