Dweets awesomed by u/hypothete

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

gabrielsroka

function u(t) {

x.fillRect(C(t*Math.PI*2)*480+960,540-S(t)*480,10,50)
x.fillStyle=R(t*99%256,t*79%256,t*59%256)

Mar 11 2017 4:42 PM UTC

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

xem

remix of d/2050 by u/xem

function u(t) {

c.style=`background:radial-gradient(#FF0,red,blue,#fff 50%);transform:rotateX(${t*9}deg)rotateY(${t*99}deg)rotateZ(${t/5}rad)scale(${T(t)})`

Mar 11 2017 12: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).

u/sfz

css masta!

show FPS hide FPS share fullscreen

hypothete

function u(t) {

f=Math.random;x.strokeStyle='#609';
c.onmousemove=e=>{
x.arc(e.pageX*3.4,e.pageY*3.4,20*S(t*9)+30,0,7);
x.stroke();}

Mar 11 2017 6:57 AM UTC

}// 116/140

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

u/gabrielsroka

Move the mouse
u/lionleaf

amazing

show FPS hide FPS share fullscreen

hypothete

function u(t) {

f=Math.random;
z=100;
for(i=0;i<z*2;i++){
d=i%20;e=i/20|0;d+=e%2;
j=2+S(d*1.1+t*4);
x.font=j+'em a';
x.fillText('👀',d*z,e*z);
}

Mar 11 2017 6:24 AM UTC

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

nick

function u(t) {

c.onmousemove=e=>{
for(i=0;i<6;i++)
x.fillRect(e.pageX*3.4+88*S(t)*C(i+t),e.pageY*3.4+88*S(t)*S(i+t),5,5)
x.fillStyle=R(24,133*C(t)+99,44)
}

Mar 11 2017 6:02 AM UTC

}// 140/140

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

Dwitter Tutorial: http://nickpisca.com/sherpa/?p=600

u/gabrielsroka

Move the mouse
u/gabrielsroka

Nice tutorial!
u/gabrielsroka

Clickable link: http://nickpisca.com/sherpa/?p=600

show FPS hide FPS share fullscreen

hypothete

function u(t) {

f=Math.random;z=f()*500;x.globalCompositeOperation='xor';x.beginPath();
x.arc(f()*1920,f()*1080,z,0,Math.PI*2);x.fill();

Mar 11 2017 2:15 AM UTC

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

hypothete

function u(t) {

w=t;v=30;x.fillRect(0,0,v,5);x.translate(v,0);x.rotate(w);

Mar 11 2017 1:59 AM UTC

}// 58/140

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

u/FireFly

Very nice spirals!
u/hypothete

I wish I had a better understanding of how they worked, this one is just dumb luck. :P

show FPS hide FPS share fullscreen

donbright

remix of d/2033 by u/recursive

function u(t) {

t||(a=0)
x.drawImage(c,C(a+=S(t/155*C(t)))*20,S(a)*20)
x.fillRect(1e3,500,20,20);
x.fillStyle=R(128*S(a)+128,(C(a)*256)%256,(250-a)%250)

Mar 11 2017 1:17 AM UTC

}// 137/140

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

actually a remix of two... recursive's 2033 and https://www.dwitter.net/d/2008 by RavenWorks

u/sfz

wowweewowowo
u/RavenWorks

this is great!!
u/recursive

Whoa, you went in a totally different direction with this.

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

t||(h=[])
x.drawImage(c,0,-1)
for(i=2e3;--i;x.fillRect(i,1079,1,1))x.fillStyle=R((h[i]=(h[i-1]+h[i]+h[i+1])/3.01+Math.random()*40-20|0)+128)

Mar 10 2017 11:53 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

liked this method alot. remix https://www.dwitter.net/d/2037
u/hypothete

your noise generation here is slick, is this a technique of sorts or just trial and error?
u/recursive

Both. I wanted to be random, but I didn't want pure static. I wanted nearby pixels to have similar levels.

show FPS hide FPS share fullscreen

pangolin

function u(t) {

t||(c.onmousemove=e=>{x.lineTo(e.pageX*3.3,e.pageY*3.3);x.stroke();})

Mar 10 2017 11:04 PM UTC

}// 70/140

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

u/nick

mousemove. brilliant
u/farter

3.37 more precisely
u/pangolin

I suppose I did end up with a few spare characters I could have splurged on the last 7.

dwitter.net | hypothete (702)