Dweets awesomed by u/sfacci

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

sawaxon

remix of d/1701 by u/sawaxon

function u(t) {

c.width|=0
for(j=1;j<11;j++)for(i=1;i<20*j;i++)x.fillRect(900+S(t+i/2)*80*j,500+C(t+i)*50*j,4,4)

Mar 1 2017 8:43 PM UTC

}// 96/140

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

u/iverjo

Almost looks like 3D :) Making near dots smaller and far dots smaller would enhance the effect

show FPS hide FPS share 2 remixes fullscreen

sawaxon

function u(t) {

c.width|=0
for(j=1;j<11;j++)for(i=1;i<20*j;i++)x.fillRect(900+S(t+i)*50*j,500+C(t*2+i)*50*j,10,40)

Mar 1 2017 8:38 PM UTC

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

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

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

show FPS hide FPS share 1 remix fullscreen

Niklas

function u(t) {

for(c.width|=0,q=100,i=q;i--;)for(a=i*.031+t*5,j=q;j--;)b=j*.031+t*5,x.fillRect(500+10*i+q*C(b),240+5*j+q*S(a),3,3);

Mar 1 2017 1:29 PM UTC

}// 116/140

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

u/SpecialAgent

nice cloth :)

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

t||x.translate(X=960,540,c.onmousemove=e=>X=e.offsetX);for(i=80;i--;x.rotate(8))x.fillStyle=`hsl(${X},80%,${i}%)`,x.fillRect(i,S(t)*960,i,i)

Feb 28 2017 9:39 PM UTC

}// 140/140

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

Interactive demo! Move your mouse to change colour!

Show more comments…
u/FireFly

Thanks to veubeke and p01 for golfing tips :)
u/lionleaf

Oh wow! That's amazing
u/sigveseb

really nice!
u/iverjo

Sick!
u/profit

really cool!
u/lionleaf

On mobile you can tap at different locations for different colors
u/sfacci

ridiculously awesome
u/SpecialAgent

Excellent! And packed full of useful technical tricks, double whammy!
u/Xen

Done Re-mi(X)en
u/jaemiejaemie

borrowed the code used for capturing the mouse x on #4296, thank you
u/iverjo

#interactive
u/lionleaf

#spiral

show FPS hide FPS share 2 remixes fullscreen

sawaxon

remix of d/1581 by u/sawaxon

function u(t) {

c.width=1920;x.font='120px Arial';
for(i=0;i<190;i++)
x.fillText('q',i*10,S(t)*600+S(i*2+t*2)*200+400);

Feb 28 2017 4:23 PM UTC

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

sawaxon

remix of d/1580 by u/sawaxon

function u(t) {

c.width=1920;x.font='120px Arial';
for(i=0;i<190;i++)
x.fillText('*',i*10,S(t)*600+S(i*2+t*2)*200+400);

Feb 28 2017 4:22 PM UTC

}// 103/140

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

u/lionleaf

Scary barbed fence :O

show FPS hide FPS share 1 remix fullscreen

sawaxon

remix of d/1579 by u/sawaxon

function u(t) {

c.width=1920;x.font='120px Arial';
for(i=0;i<190;i++)
x.fillText('.',i*10,S(t)*600+S(i*2+t*2)*200+400);

Feb 28 2017 4:22 PM UTC

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

Niklas

remix of d/1511 by u/Niklas

function u(t) {

for(c.width|=0,q=80,r=.0785,i=q;i--;)for(a=i*r+t,k=12*q+C(a)*q*3,l=7*q+S(a)*C(a)*q*3,j=q;j--;)b=j*r,x.fillRect(k+C(b)*q*C(a),l+S(b)*q,3,3);

Feb 28 2017 4:17 PM UTC

}// 139/140

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

dwitter.net | sfacci (2507)