Hot dweets by u/cantelope

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

cantelope

remix of d/2391 by u/mxfh

function u(t) {

c.width|=s='l280 485h-560'
x.fillRect(0,0,2e3,2e3)
x.fillStyle=`hsl(${t*300},99%,50%`;
x.fill(new Path2D(w=`M960 55${s+s}m840-485`+s))

Apr 2 2017 6:32 PM UTC

}// 134/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 2 remixes fullscreen

cantelope

remix of d/2328 by u/cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=99;i--;x.fillStyle=`hsl(${i*6+t*800},80%,90%`,x.fillRect(a=i*10,a,-a*2,-a*2),x.rotate(.775));x.restore()

Mar 31 2017 5:50 AM UTC

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

cantelope

function u(t) {

c.width^=f=1.06;for(i=10;p=2.093*i+f,i--;)x.lineTo(940+S(p)*(s=i<5?340:700),720+C(p)*s),i%5||(x.fill(),x.fillStyle="#fff",x.beginPath(),f=0)

Mar 31 2017 5:13 AM UTC

}// 140/140

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

A triforce.

u/cantelope

I'd love to see someone else's attempt at this. Feel like I did it the hard way :s
u/sigveseb

Maybe there is a Unicode triangle you can use?
u/cantelope

@sigveseb, I would worry about subtle variations in display size/position across browsers. but that's a great idea.
u/donbright

im thinking maybe some kind of sierpinski style but it wont be easy

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=5e3;i--;Z=130-(t*40+i)%130,s=280/Z,x.clearRect(960+1/Z*(-99+i*6e72%199)*700,540+(-70+i*8e61%140)/Z*700,s,s));

Mar 29 2017 6:05 AM UTC

}// 139/140

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

u/aemkei

Whaa, this is the best starfield here, so far! Good job!
u/cantelope

Thanks aemkei! I see a couple missed opportunities tho. might try again. :)
u/tapgiles

That takes me back to... around 1995. ^^
u/cantelope

#starfield #stars

show FPS hide FPS share fullscreen

cantelope

function u(t) {

x.drawImage(c,-9,-4,c.width+18,c.height+8)
x.fillStyle=`hsl(${t*99},99%,50%`
s=C(t)*99
for(i=6;i--;x.fillRect(960+S(++t)*s,540+C(t)*s,9,9));

Mar 30 2017 3:49 AM UTC

}// 140/140

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

inspired by the recent work of others. not sure who to credit. everyone i guess!

u/cantelope

looks like nonce might have been the pioneer of this technique. cheers!
u/recursive

Looks like Winamp visualizations ca 2000
u/donbright

cool beans

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=99;i--;a=i*10,x.fillStyle=`hsl(${i*4-t*99},99%,50%`,x.fillRect(-a,-a,a*2,a*2),x.rotate(.02));x.restore()

Mar 28 2017 4:27 AM UTC

}// 140/140

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

some color to brighten up the place

u/nonce

love it, I have been playing with tunnels that you are backing out of all day it is refreshing to see on go the other way
u/sfz

Wow, you get some cool patterns if you change the .02 to .1 thru .9
u/donbright

beautiful

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

c.width=1920;x.fillStyle="red";g=540;for(i=0;i<g;p=i-t,l=S(p)*i,Z=g-l*C(t),s=g*9/Z,x.fillRect(960+18/(Z*18)*l*S(t)*g,g+C(p)*i/Z*g,s,s),++i);

Mar 26 2017 2:54 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/innovati

it's like a sunflower pattern :D

You've reached the end.

dwitter.net | cantelope (3062)