Dweets awesomed by u/zanella

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

joeytwiddle

function u(t) {

c.width|=0;for(p=600;p--;)r=p**.5*9,k=2*t+r/120,q=p-9*S(t),x.fillRect(960+400*S(k)+r*C(q),540+250*C(k/.7)+r*S(q),w=5+r/20,w)

May 6 2018 11:28 AM UTC

}// 124/140

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

Spiral dot worm

u/joeytwiddle

I wanted to make a tribute to https://twitter.com/BalintCsala/status/99216… but this is all I got so far
u/BalintCsala

Hah, thanks
u/joeytwiddle

I did write something which was technically more similar (points appear and disappear without moving) but it doesn't look any good at the moment

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

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 fullscreen

trancor

remix of d/7905 by u/trancor

function u(t) {

c.width=999,w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})

May 4 2018 1:02 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/firegodjr

#smoke #wireframe
u/hollo47

Abstract smoke! Nice! Could look nice if it left a trail?
u/joeytwiddle

Tried shadowBlur but very heavy. Trails look better anyway: x.fillStyle='#fff3',t?x.fillRect(0,0,999,800):c.width=999;x.beginPath();w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})
u/trancor

Oooo, I like that, great idea! I'll have to try incorporating that into a remix. Thanks joeytwiddle!

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

Idicious

function u(t) {

c.width=1920
w=c.width
h=c.height/2
r=Array.from({length:w},Math.random)
for(i=0;i<w;i++)x.fillRect(i,h-r[i]*h,1,r[i]*h*2)

May 3 2018 7:06 AM UTC

}// 122/140

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

Replace random array with audio data and you have a basic oscilloscope :-)

u/BalintCsala

c.height is always 1080
u/zanella

Replace Math.random with (a,b)=>S(b/t), the result is pretty cool. :)

show FPS hide FPS share 2 remixes fullscreen

prplz

function u(t) {

let X,Y
for(X=66;X--;)for(Y=38;Y--;x.fillRect(X*29,Y*29,29,29))x.fillStyle=R(r=(X/11&1^Y/11&1)*T(X*Y*4-t)*255,r/2,r*!(X%11*Y%11))

May 1 2018 11:33 AM UTC

}// 129/140

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

u/over

Beautiful. 😀
u/sigveseb

Wow yes

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

for(c.width=j=-1;++j<99;x.fillText(T=!j||3/7,-41,48))for(i=9;i--;x.fillRect(i*8+j+(i&2),j,W=!j*300|4+i/8,W*9))x.fillStyle=R(v=j*999,v,v,T/j)

May 1 2018 10:08 AM UTC

}// 140/140

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

Capitalism poster tribute

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

c.width=420;x.scale(25,25),i=0;for(j of '🌇🌆🌅🌉🌃🌌⛺🌄')k=4*C(6.28*i++/8-t/5)-3,x.globalAlpha=k<0?0:k,x.fillText(j,3,9)

Apr 30 2018 10:27 AM UTC

}// 114/140

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

Stellar-themed serene scenes

u/lionleaf

Nice one! #emoji
u/joeytwiddle

Blurred out of the park in Chrome v83 on Linux
u/joeytwiddle

Fixed version: c.width=420;x.font="13em'",i=0;for(j of "🌇🌆🌅🌉🌃🌌⛺🌄")k=4*C(6.28*i++/8-t/5)-3,x.globalAlpha=k<0?0:k,x.fillText(j,75,185)

dwitter.net | zanella (15549)