Dweets awesomed by u/5Mixer

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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

aib

function u(t) {

for(X=96;X--;){for(Y=54;Y--;){p=(c)=>127+127*(Math.sin((X^Y)+t/c*300));x.fillStyle = R(p(67),p(71),p(61));x.fillRect(X*20, Y*20, 20, 20);}}

Mar 2 2017 5:22 PM 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

AaronGiles

function u(t) {

t*=4;x.rotate(0);c.width|=0;for(i=255;i>=0;i-=.1)x.fillStyle=R(i,i^128,256-i,i/256),x.rotate(i),x.fillRect((200*t+i*7-200)%1999,0,60,10)

Mar 2 2017 8:29 AM UTC

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

interSrc

remix of d/1749 by u/interSrc

function u(t) {

a=S(t)
x.fillStyle=`hsl(${t*99},99%,${50+a*50}%)`
t||x.translate(960,540)
for(i=0;i<48;i++)x.rotate(.2),x.fillRect(X=i*9+a*500,X,s=i*9,s)

Mar 2 2017 8:28 AM UTC

}// 137/140

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

u/FireFly

Sweet! I love colourful demos
u/5Mixer

Looks awesome. Reminds me of really old windows media player 'visualisations', form like, Win XP, if you remember them. Nice :)

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

r=_=>Math.random()*255
x.rotate(t/10);
x.shadowBlur=r();x.shadowColor=R();
x.fillStyle=`hsl(${r()},100%,50%)`,x.fillRect(t*20,t*20,50,50)

Mar 2 2017 7:55 AM UTC

}// 137/140

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

u/donbright

cool
u/SpecialAgent

nice effect!

show FPS hide FPS share fullscreen

AaronGiles

function u(t) {

c.width|=0;for(i=0;i<1;i+=.15)j=S(t+i),x.lineWidth=30+j*9,x.strokeStyle=`hsl(${j*255},99%,50%)`,x.arc(960,540,500*j*j,.5*t,.4*t),x.stroke();

Mar 2 2017 7:28 AM UTC

}// 140/140

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

Doesn't work right on Edge.

show FPS hide FPS share fullscreen

TheTarquin

function u(t) {

f=x.fillRect.bind(x)
x.font = "96px sans"
x.fillText("🎩",830,200)
f(999,300,50,200)
f(750,300,50,200)
f(700,600,400,50)

Mar 2 2017 6:37 AM UTC

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

sfz

remix of d/1727 by u/SpecialAgent

function u(t) {

if(!t)c.width=w=896;for(z=t*60,Y=448,X=(z>>0)%w,h=X/12;Y--;)x.fillStyle='hsl('+(X&Y?z-Y+','+h:X+Y+z+','+(99-h))+'%,48%)',x.fillRect(X,Y,1,1)

Mar 2 2017 1: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).

u/sigveseb

those colors!
u/SpecialAgent

nicely done!
u/SpecialAgent

nicely done!
u/donbright

super

show FPS hide FPS share fullscreen

puckipedia

function u(t) {

c.width+=0,c.onmousemove=d=>a=d.clientX*3;z=(t?z:Array(f=1e3).fill([a=f,0])).map(([w,e],i)=>(x.fillRect(w,i,9,9),[w+e*i/f+e/9,(e*6+a-w)/9]))

Mar 1 2017 7:29 PM UTC

}// 140/140

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

Just a wobbly line.

Show more comments…
u/sfz

was staring at this waiting for something to happen longer than I like to admit XD
u/lionleaf

Amazing. Love these interactive ones
u/iverjo

+1 for the physics :D
u/iverjo

mildly entertaining to play with
u/hamptonio

nice!
u/recursive

I learned something new! Destructuring assignment!
u/iverjo

#interactive
u/katkip

#physics

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(i=t?9:x.translate(960,540);i--;x.rotate(t))x.fillRect(i,t*69,2,9)

Mar 1 2017 6:41 PM UTC

}// 69/140

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

Filing this one in the 'half-dweet' category

u/lionleaf

Hardcore
u/khalkeus

this is very pleasant to watch!
u/5Mixer

Crazy and yet very simple. Love the output :)

show FPS hide FPS share fullscreen

ObjectDisoriented

function u(t) {

var q =t*30
var m=960*(S(t)+1)
x.fillStyle=R(127*(S(t)+1),127*(-S(t+120)+1),127*(S(t+240)+1))
x.fillRect(1000+q*S(q),500+q*C(q),20,20)

Mar 1 2017 5:40 PM UTC

}// 134/140

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

u/sfacci

+1 for username

dwitter.net | 5Mixer (3391)