Dweets awesomed by u/hamptonio

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

show FPS hide FPS share fullscreen

hamptonio

remix of d/1619 by u/New_Core

function u(t) {

w=c.width=256;for(i=w*w;i--;)a=255*S(w),x.fillStyle=R(a,a,a,Math.random()),x.fillRect(i%w,i/w|0,1,1);x.font='5em A';x.fillText("ಠ_ಠ",69,90);

Mar 1 2017 4:25 PM UTC

}// 140/140

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

I like New_Core's use of a single loop to get two coordinates; I think this is a slight improvement on that aspect.

show FPS hide FPS share 1 remix fullscreen

hamptonio

function u(t) {

t?i++:i=0;for(j=1e3;j--;){a=i/1e3-2;b=j/2e3-.25;for(k=12;k--;){q=a*a+b*b;q*=q;c=2*a+(a*a-b*b)/q;b*=2*(1-a/q)/3;a=c/3}x.fillRect(i,j,1,S(a))}

Mar 1 2017 7:53 AM UTC

}// 140/140

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

Newton's method on z^3-1.

u/iverjo

Would this draw faster if we draw from top to bottom rather than from left to right?
u/hamptonio

Nice - you are right, that is faster.

show FPS hide FPS share fullscreen

metaa

function u(t) {

c.width=1920; 
for(i=1;i<100;i++)
x.fillRect(960+(i*5)*C(t*(1+i/10)),460+(i*5)*S(t*(1+i/10)),20,20)

Mar 1 2017 3:25 AM UTC

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

iverjo

function u(t) {

c.width=96;for(i=5184;i--;)X=i%96-48,Y=0|(i/96),z=S(t*3)/4+.5,x.fillRect(X+48,Y,S((X*C(t)-Y*S(t))*z),S((X*S(t)+Y*C(t))*z))

Feb 28 2017 10:17 PM UTC

}// 122/140

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

This was my first attempt at creating a rotozoom effect. Created in February 2016

u/iverjo

#rotozoom

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

New_Core

function u(t) {

w=c.width=128;for(i=w*w;i--;)x.fillStyle=R(0,0,0,Math.random()),x.fillRect(i%w,i%(w-1),1,1);x.font='5em A';x.fillText("☠",25,65);

Feb 28 2017 8:16 PM UTC

}// 129/140

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

I did one with ImageData but the skull didnt fit in. (it was faster but not fast enough to size it up).

u/sfz

swank!
u/New_Core

#noise

show FPS hide FPS share fullscreen

FireFly

function u(t) {

if (!t) x.translate(X=960, 540)
x.fillStyle = 'hsl('+t*20+',90%,50%)'
x.fillRect(0, 0, X/t, X/t)
x.strokeRect(0, 0, X/t, X/t)
x.rotate(16/t)

Feb 28 2017 5:40 PM UTC

}// 140/140

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

Rainbow flower

u/SpecialAgent

so pretty. good use of translation.

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

scottglz

remix of d/1516 by u/scottglz

function u(t) {

w=c.width=255;h=144;d=c.d=t&&c.d||x.getImageData(0,0,w,h);for(i=0;i<w;i++)d.data[~~(i*t*t)]=i;x.putImageData(d,0,0)

Feb 27 2017 11:57 PM UTC

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

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

dwitter.net | hamptonio (6772)