Dweets awesomed by u/tapgiles

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

show FPS hide FPS share 1 remix fullscreen

unwiredben

function u(t) {

a=t*60|0;b=a%52;c=a/52;c=(c|0)%18;
x.fillStyle=R(a%255,0,0)
x.font="80px courier"
x.fillText(Math.random()>.5?"/":"\\",b*36,c*60+60)

May 12 2017 4:10 PM UTC

}// 132/140

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

u/jick

Nice.

show FPS hide FPS share fullscreen

@.+-_

function u(t) {

c.width^=0;x.rotate(0.4);for(i=0;i<50;i++){x.fillStyle=R(S(i+t)*255,255*S((t/10)),128,0.7);x.fillRect(S(i*(t/10))*500, i*100-600,2e3,200)}

May 10 2017 4:11 AM UTC

}// 138/140

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

u/sigveseb

Sweet colors

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(i=84;i--;)x.fillStyle='hsl('+i*t/9+',99%,50%)',x.rotate(.5173),x.translate(150,-540),x.fillRect(-600+i,-i*11,i*18,i*20)

May 7 2017 7:25 PM UTC

}// 123/140

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

lol, Dont look at it to long.. you'll go crazy! ;)

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=0;for(i=40;i--;)a=i*50,x.translate(d=960,e=540),x.rotate(S(t)/50),x.lineWidth=10,x.translate(-d,-e/1.05),x.strokeRect(d-a/2,-e,a,a)

May 7 2017 1: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).

u/MrM@_S

move the a=i*50 into the for loop to save a byte
u/dwitter

not sure if it's a twisting pyramid or a moving hole

show FPS hide FPS share fullscreen

tapgiles

function u(t) {

r=Math.random,g=(r()>.5?0:255),p=1e3;x.fillStyle=R(g,g,g,0.5);w=r()*p;h=r()*p;x.fillRect(r()*(1920-w),r()*(1080-h),w,h)

May 7 2017 10:29 AM UTC

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

magna

remix of d/2678 by u/jczimm

function u(t) {

for(c.width=X=256;X-=2;)for(Y=148;Y-=2;x.fillStyle=`hsl(${A=X*Y*Math.max(C(t/2),S(t/3))/11},${A=A%50+25}%,${A}%`)x.fillRect(X,Y,2,2)

May 6 2017 5:12 AM UTC

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

p01

function u(t) {

for(i=c.width|=0;i--;x.fillRect(i%98*J,J*(9-C(i/4-t)),9,9))J=2e4/i

Apr 24 2017 8:51 PM UTC

}// 66/140

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

OCEAN66 - A demake of #2554 by @Cantelope

u/Xen

#2894 - 64bytes

show FPS hide FPS share fullscreen

BriSeven

remix of d/2554 by u/cantelope

function u(t) {

cx=1e3
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillStyle=R(Y*60),x.fillRect(cx+1/j*X*cx,60+Y/j*cx,s=999/j,s)

Apr 23 2017 11:28 PM UTC

}// 136/140

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

u/cantelope

really awesome. I was wishing for a colored "sea". R(0,0,Y*60) yields blue waves :)
u/recursive

I did one kind of like this: https://www.dwitter.net/d/1978

show FPS hide FPS share 1 remix fullscreen

nystrand

remix of d/1968 by u/nystrand

function u(t) {

for(l=c.width|=a=C(t),b=S(t);l--;x.fillText(i*z^39,(k-a*i-b*a*j)*z+899,(i+b*j+a*k)*z+500))i=a*S(l),k=3+C(l),j=S(p=l/79)*k,k*=C(p),z=99-a*j*9

Apr 23 2017 5: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).

u/donbright

best dwitter torus?
u/sigveseb

nice!
u/keithclark

Why not use x.fillRect((k-a*i-b*a*j)*z+899,(i+b*j+a*k)*z+500,6,6)? it renders faster and is smaller
u/mxfh

Print and connect the dots. Or do it on screen for lasting impact.

show FPS hide FPS share fullscreen

donbright

remix of d/2562 by u/hscells

function u(t) {

t?c.width=w:(k=1,w=1980,f=w/2)
onmousemove=e=>k=e.pageX/94+e.pageY/942
for(i=f;i>0;i-=k)x.lineTo(w/2+S(i+t/5)*f,540+S(i*5)*f/2)
x.stroke()

Apr 23 2017 12:37 PM UTC

}// 138/140

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

move mouse left-right = coarse adjustment. move mouse up-down = fine adjustment

Show more comments…
u/donbright

challenge - can you find the tuning for a single, rotating parallelogram?
u/hscells

nice use of the mouse!
u/magna

SICK!
u/z3vin

Man, I thought it was cool even before I realized the mouse interactions!
u/donbright

well the default is just stealing from @hscells
u/Xen

thats sexy!
u/Xen

thats sexy!
u/donbright

thx
u/gabrielsroka

#interactive

dwitter.net | tapgiles (2710)