Dweets awesomed by u/ninerdelta

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

joeytwiddle

function u(t) {

c.width=2e3;for(i=0;i<9;i++)for(j=0;j<40*(1+S(i+9*t)*C(i+t))*i;j+=90)x.fillStyle=R(j,500-j,0,1),x.fillRect(1400-i*99,900-j/2,69,30)

Apr 3 2017 4:56 PM UTC

}// 131/140

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

u/nonce

I can hear the music in my head.
u/sfz

bass is thumpin
u/ilSilvano

I hear the Outrun soundtrack in my mind, and you?
u/joeytwiddle

Modern style spectrum: d/5576

show FPS hide FPS share fullscreen

mxfh

remix of d/2376 by u/magna

function u(t) {

for(i=半=480;i--;x.arc(2*半+i*C(T=t-r*.1),540+i*S(T),i?3+r*7:2e3,0,6))x.beginPath(x.fillStyle=R(60,i?半:9,r=Math.random(x.fill())<8e-5,.1+r*i))

Apr 3 2017 1:38 PM UTC

}// 140/140

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

u/donbright

bravo :)
u/sfz

very nice!
u/zanella

Didn't know yours when I did mine (https://www.dwitter.net/d/6216), but yours is waaaay better than mine - I tried to do the dots in the radar and couldn't figure it out. :) BTW, kudos for using the "space" inside the x.beginPath call, great idea!
u/iverjo

#radar
u/mxfh

#blur #arc

show FPS hide FPS share fullscreen

scottglz

function u(t) {

P=540;with(x){t||fillRect(0,0,w=1920,2*P);beginPath();strokeStyle=`hsl(${t*40},66%,66%)`;arc(P,P,P,0,7);stroke();drawImage(c,.7,.6,w,2*P-2)}

Mar 2 2017 10:51 PM 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

Beautiful!
u/sfz

Dude!
u/sigveseb

quite nice!
u/SpecialAgent

Wow!

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

FireFly

function u(t) {

if(t%12<.01)c.width|=0;x.beginPath();for(i=12;i;x.moveTo(960+40*i*C(T),540+40*(i-1)*S(T)),x.arc(940,540,40*i,T,T=t/8%1*--i*6.28));x.stroke()

Feb 28 2017 12:21 PM UTC

}// 140/140

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

u/SpecialAgent

Impressive! Reminds me of a clockwork orange.

show FPS hide FPS share fullscreen

ninerdelta

remix of d/1523 by u/ninerdelta

function u(t) {

c.width^=0;a = t/10*Math.PI;r=300;x.moveTo(960,540);x.lineWidth=10;
x.lineTo(960-r*C(a),540-r*S(a));x.stroke();

Feb 28 2017 6:20 AM UTC

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

ninerdelta

function u(t) {

c.width=1920; /* clear the canvas */
a = t/10*Math.PI;r=300;
x.moveTo(960,540);
x.lineTo(960-r*C(a),540-r*S(a));
x.lineWidth=10;
x.stroke();

Feb 27 2017 11:50 PM UTC

}// 140/140

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

omg wow double rainbow

show FPS hide FPS share fullscreen

spbyrne

function u(t) {

w=c.width=1e3;f=50;for(s=1;s<f;s++){n=t/4%1*f*s;for(i=0;i<f*2;i++)x.quadraticCurveTo(i*f-25-n,s*f*1.1,i*f-n,s*f);x.stroke();x.beginPath()}

Feb 27 2017 9:13 PM UTC

}// 138/140

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

u/katkip

#waves

show FPS hide FPS share fullscreen

bligglenuber

function u(t) {

w=30;h=w/1.8;c.width=w*2
a=(1+C(t*12))/2.4;x.arc(w,h,w/3,a,-a);x.lineTo(w,h);x.fill()
for(i=0;i>-5;i--)x.fillText('●',5*h+(i*h-t*2)%2*w,h+2)

Feb 27 2017 3:02 PM UTC

}// 140/140

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

For those who are wondering h is meant to just represent half the height of the screen. I just wound up using it in inappropriate places because it was roughly the right number for what I needed

Show more comments…
u/iverjo

Related dweets: https://www.dwitter.net/d/312 and https://www.dwitter.net/d/391
u/vonzo

haha _haha_ __haha__ haha
u/bligglenuber

Bah, and there I was thinking I'd got there first. I get crazy lag when trying to look back due to the infinite loading, so I've been unable to see what people have done already
u/donbright

lol
u/iverjo

Yeah, good point ^^
u/iverjo

#pacman

dwitter.net | ninerdelta (1586)