Dweets awesomed by u/dyb

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 2 remixes fullscreen

kchplr

function u(t) {

for(c.width^=0,i=3e3;i--;r=i/30,e=S(t*.7)*.02,w=1e3,z=100+S(i*2+r*e)*600,y=S(C(i+t)),Y=y,x.fillRect(w+w*y,r*2.5+400+z*y*.5,8*Y,7*Y));

Feb 26 2017 9:40 AM UTC

}// 133/140

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

Spent some time trying to compress it, but forgot to remove the Y=y. Should be 129 bytes instead of 133.

u/sigveseb

if you do z=99.. instead of z=100.. you can get an extra byte!
u/kchplr

aah, indeed thanks!
u/kchplr

Just figured out the last statement in the for loop can also be placed in the loop body to save two more bytes. I'm new to this codegolfing thing...
u/kchplr

Actually, the first statement, not the last..

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

n=512;r=6.28;for(i=t;i<t+r;i+=r/30){z=i+t;a=-S(i);b=-C(i);x.fillStyle=R(C(z)*n,C(z+r/3)*n,C(z+4.18)*n);x.fillRect(960+S(t)*a*n,n+b*n,9,9)}

Feb 26 2017 8:17 AM UTC

}// 138/140

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

Rainbow experiment without 'hsv()'

u/donbright

this is really nice
u/sfz

purdy

show FPS hide FPS share fullscreen

sfz

function u(t) {

for(i=1,l=255;i<l;i++)j=t%9*i,k=i*t%l,m=S(t+j),x.font=j+'px a',x.fillStyle=R(i,k,l-i,m/i),x.fillText('❖',900+j*m*S(i*j),540+j*C(t+i)*S(t-j))

Feb 26 2017 7:38 AM 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

watch this for a while, worth the wait!
u/iverjo

Fascinating

show FPS hide FPS share fullscreen

5Mixer

function u(t) {

c.width=2e3
n=50
v=25
for(i=0;i<n;i++){o=-t%1*n
q=i*v+o
x.fillRect(q,q,i%2?n:v,i%2?v:n)
x.fillRect(620,590+Math.min(S(t*6)*99,-t*n%n),n,n)}

Feb 26 2017 6:56 AM UTC

}// 139/140

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

u/Kalanchoe

Aww, this is really cute. <3
u/Tosmatobeef

heh, this just made me smile
u/5Mixer

Thanks you guys, inspires me to make more stuff :)
u/FireFly

This is really cute indeed, I love it :D
u/iverjo

#bounce

show FPS hide FPS share 3 remixes fullscreen

tbroadley

function u(t) {

c.width^=0;for(i=3;i++<11;)a=i*S(t)/4,x.beginPath(),x.arc(960,540,40*i,Math.min(t+a,t+3*a),Math.max(t+a,t+3*a)),x.lineWidth=i*i/5,x.stroke()

Feb 26 2017 5:40 AM 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

sweet loader
u/Kalanchoe

mesmerizing!
u/Tosmatobeef

This is my favorite kind of loading animation
u/iverjo

#loading

show FPS hide FPS share fullscreen

cucumberOwl

function u(t) {

a=15;for(i=0;i<1920/a;i++)for(j=0;j<1080/a;j++){x.fillStyle=R(T((i/4*j/4)*t)*50,T((i*j)*t)*50,T((j*i)/t)*50);x.fillRect(i*a,j*a,a,a);}

Feb 26 2017 12:52 AM UTC

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

hamptonio

remix of d/601 by u/ose

function u(t) {

q=function(a){return (C(a)+1)*99};
for(i=-100;i<99;i++){
x.fillStyle=R(q(2*t+i),q(t*i),q(i+t),.01);
x.fillRect(i*40+q(t),6*q(t)-i,99,99);
}

Feb 25 2017 7:04 PM UTC

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

dyb

function u(t) {

c.width=20; /* clear the canvas */ for(i=0;i<125;i++) x.fillRect(-5000+i*66+C(t)*1000, 0, 50, 1000) /* draw 50x200 rects */

Feb 25 2017 5:55 PM UTC

}// 123/140

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

u/5Mixer

Makes me think of a train in a tunnel passing lights, if the train was constantly changing direction :P

You've reached the end.

dwitter.net | dyb (173)