New dweets | Dwitter

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

aemkei

remix of d/2008 by u/RavenWorks

function u(t) {

t||(w=z=a=i=0);for(I=4;I--;)i+=.005,x.fillRect(w*4+1150,z*4+450,4,4),w+=C(a+=S(i%50*C(i%100))),z+=S(a);x.fillStyle=`hsl(${t*99},100%,50%)`

Mar 11 2017 8:40 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/sfz

This is great, and what a luxurious use of 100's instead of 99's :P

show FPS hide FPS share 1 remix fullscreen

hypothete

remix of d/2057 by u/hypothete

function u(t) {

d=x.getImageData(0,0,w=c.width=255,h=144);for(i=0;i<d.data.length;i+=4){n=w*(i/4%w)/w;d.data.set([n,0,w-n,w],i);}x.putImageData(d,0,0)

Mar 11 2017 8:20 PM UTC

}// 134/140

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

u/recursive

Direct pixel manipulation. Interesting approach but it looks like it might always be larger. Does this have a dweeting application?
u/hypothete

I'm not sure. I put this one together in case people had ideas on how to shrink it.
u/veubeke

@hypothete new ImageData(W,H) saves some bytes as does incrementing i by 1 instead of 4 and calculating image data size manually. https://www.dwitter.net/d/2069

show FPS hide FPS share 1 remix fullscreen

hypothete

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<d.data.length;i+=4)d.data.set([0,255*(t*i/4%w)/w,96,255],i);x.putImageData(d,0,0)

Mar 11 2017 8:00 PM UTC

}// 133/140

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

Remix of https://www.dwitter.net/d/676. Trying to shrink byte manipulation.

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 fullscreen

pangolin

function u(t) {

t||(a=[9,9],c.onclick=e=>{a=[e.pageX,e.pageY];});c.width=568;z=(S(t)+1)*90;x.strokeStyle=`hsl(${2*z},99%,50%)`;x.arc(...a,z,0,7);x.stroke();

Mar 11 2017 3:49 PM UTC

}// 140/140

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

Click.

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

xem

function u(t) {

c.style='background:radial-gradient(red,blue);position:absolute;transform:rotateX('+t*99+'deg)rotateY('+t*50+'deg)rotateZ('+t*10+'deg)';

Mar 11 2017 11:13 AM UTC

}// 136/140

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

#thinkoutsidethecanvas

u/hypothete

Definitely a lot terser than gradients in the canvas. Color stop stuff gets wordy.

show FPS hide FPS share fullscreen

remix of d/2041 by u/donbright

function u(t) {

c.width=1024;w=120;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=8*((1-t*t)*X*X/(3+t*t)+55*t*Y*Y/(1+t*t)),x.fillRect(10+X*10,Y*10,P%21,P%101)

Mar 11 2017 11:12 AM UTC

}// 129/140

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

u/donbright

this is fascinating the way it highlights the line. after a while it looks like weird rain drops.

show FPS hide FPS share fullscreen

remix of d/2012 by u/kchplr

function u(t) {

for(i=99;i--;A=T%6.35,r=50+((T*0.15|0))**1.15*10,r+=C(T*2-r)*r/122,x.fillRect(960+S(A)*r-r/94,500+C(A)*r-r/20,2+r/42,2+r/45))T=t*84+i/9

Mar 11 2017 11:03 AM UTC

}// 135/140

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

u/sfz

I want to touch it

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