Hot dweets by u/FireFly

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

FireFly

function u(t) {

f = t*60|0
X =  f%120, Y = f/120|0
x.fillStyle = "]!{$${!]".charCodeAt(X%16) + 59 >> Y%12& 1? '#345' : '#DEF'
x.fillRect(X*16, Y*16, 16, 16)

Feb 27 2017 6:20 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/sigveseb

cool!
u/sfz

wtf is going on here?!
u/FireFly

The string embeds a tiny bitmap which is simply repeated :)
u/5Mixer

This is an awesome idea! I wonder what else you could do with using strings to encode more complex(?) data. Interesting.
u/PiggyClone205

When I read complex, I immediately thought of maybe importing other javascript and cheating a bit.
u/katkip

#invaders

show FPS hide FPS share fullscreen

FireFly

function u(t) {

t || x.translate(X=960, 540)
x.fillStyle = 'hsl('+t*80+',80%,50%)'
x.drawImage(c,9,9)
x.fillRect(t*70%X, 1, 32, 24)
x.rotate(4)

Mar 2 2017 1:53 PM UTC

}// 127/140

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

Fast-paced kaleidoscope

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

FireFly

function u(t) {

x.strokeStyle='hsl('+t*8+',90%,50%)'
x.beginPath()
for(i=24;i;x[i-24?'lineTo':'moveTo'](960+--i*20*C(U=i/4+t/4),540+i*20*S(U)));
x.stroke()

Feb 28 2017 4:37 PM UTC

}// 139/140

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

u/donbright

cool hsl

show FPS hide FPS share fullscreen

FireFly

function u(t) {

X=0;X||(c.onmousemove=(e)=>(x.lineTo(X=e.offsetX/c.offsetWidth*1920,Y=e.offsetY/c.offsetHeight*1080),x.beginPath(x.stroke()),x.moveTo(X,Y)))

Feb 28 2017 3:28 PM UTC

}// 140/140

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

Paint! Works best in fullscreen, unfortunately I can't fit detection of mouse button to toggle painting (also not sure how, without two more event handlers…)

u/Kalanchoe

Nice! moveTo is unnecessary if you already have beginPath and lineTo; c.offsetWidth/1920 and c.offsetHeight/1080 are both equal to about .2958 (at least on the desktop): https://www.dwitter.net/d/809
u/FireFly

Won't c.offsetWidth and c.offsetHeight change when the user goes fullscreen? I wanted to support both not-fullscreen and fullscreen equally well. Good point about moveTo!

show FPS hide FPS share fullscreen

FireFly

function u(t) {

x.strokeStyle = 'hsl('+t*8+',90%,50%)'
x.beginPath()
r = 80 + 10*T(t*16)
x.moveTo(X=960, Y=540)
x.lineTo(X + r*C(t), Y + r*S(t))
x.stroke()

Feb 28 2017 1:12 PM UTC

}// 139/140

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

Colour splat

You've reached the end.

dwitter.net | FireFly (742)