Dweets awesomed by u/BriSeven

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

AndrewBetts

remix of d/532 by u/AndrewBetts

function u(t) {

x.fillStyle=R(S(t)*255,C(t)*255,T(t)*255,.1),x.fillRect(600+(S(t/2)>=0?0:400)+200*C(t)*(S(t/2)>=0?1:-1),400+200*S(t),99,9)

Dec 22 2016 3:10 PM UTC

}// 122/140

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

u/lionleaf

Nice remix! I'm getting some Google logo vibes to begin with
u/iverjo

I get that 3D feeling

show FPS hide FPS share fullscreen

Atti

function u(t) {

c.width=1920;b=S(10*t);for(i=0;i<16;i++){a=S(t*i);x.fillRect(120*i,500-200*a*b,100,500+200*a*b)}

Dec 22 2016 3:10 PM UTC

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

BriSeven

remix of d/530 by u/BriSeven

function u(t) {

r=Math.random;for(i=0;i<1024;i++)
x.fillStyle=R((d=(t%220*i/64)|0)%256,d/1.4%256,d/7%256),
x.fillRect((r()*1080&i)-(i/2)+1920/2,i*.9,2,2)

Dec 22 2016 4:08 AM UTC

}// 137/140

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

u/iverjo

At first I didn't realise it was multicolor. It gets interesting after 20 seconds, when the green color crawls from the bottom, and other colors follow

show FPS hide FPS share 1 remix fullscreen

BriSeven

function u(t) {

r=Math.random;for(i=0;i<1080;i++)
x.fillStyle=R((d=119*(i/68|0))%256,d/1.4%256,d/7%256),
x.fillRect((r()*1080&i)-(i/2)+1920/2,i*.9,2,2)

Dec 22 2016 3:00 AM UTC

}// 135/140

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

In case you're looking at this and wondering where the Sierpinsky pattern is coming from, it's here: &i

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/526 by u/BriSeven

function u(t) {

for(i=16;i--;)x.fillStyle=R((d=i*S(t)*7+119*i)%256,d/1.4%256,d/7%256,.1),x.fillRect(120*i+30*S(13*t%i)+50,500*C(t/13)+500,30*S(t/i*3)+10,40)

Dec 22 2016 1:27 AM UTC

}// 140/140

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

a slight variation that happens to look IMHO a fair bit more pleasant and glassy.

u/iverjo

Candy land! :D

show FPS hide FPS share fullscreen

BriSeven

remix of d/522 by u/BriSeven

function u(t) {

for(i=16;i--;)x.fillStyle=R((d=119*i)%256,d/1.4%256,d/7%256),x.fillRect(i*160+S(t)*300-300,0,160,1080)

Dec 22 2016 1:10 AM UTC

}// 102/140

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

Same functionality, but smaller, using advice from previous commenters.

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/522 by u/BriSeven

function u(t) {

for(i=16;i--;)x.fillStyle=R((d=i*S(t)*20+119*i)%256,d/1.4%256,d/7%256,.1),x.fillRect(120*i+30*S(13*t%i)+50,500*C(t/7)+500,40*S(t/i*3)+55,30)

Dec 22 2016 1:04 AM UTC

}// 140/140

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

Holiday glass, using an adaptation of new_core's iteration on the colour palette trick, which I was able to shave down further to x.fillStyle=R((d=119*i)%256,d/1.4%256,d/7%256)

show FPS hide FPS share fullscreen

BriSeven

remix of d/524 by u/BriSeven

function u(t) {

x.globalAlpha=0.1;for(i=0;i<16;i++)x.fillStyle="#"+(i*t*20>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,C(t/10)*500+500,161,160)

Dec 20 2016 10:43 PM UTC

}// 131/140

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

add sweep and moar motion blur!!

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/523 by u/iverjo

function u(t) {

x.globalAlpha=0.25;for(i=0;i<16;i++)x.fillStyle="#"+(i*t*20>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,0,161,1080)

Dec 20 2016 10:30 PM UTC

}// 119/140

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

made the constant into t, added some motion blur to make it less seizure inducing.

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/521 by u/BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++)x.fillStyle="#"+(i*292813798>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,0,161,1080)

Dec 20 2016 1:22 PM UTC

}// 118/140

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

I used Zero-fill Right Bit Shifting to limit the color to 32 bits. This will only work in modern browsers with support for the new hexadecimal RGBA notation: #RRGGBBAA

u/lionleaf

Still haven't seen this in a browser where it works. Chrome on MacOS and Firefox on Ubuntu so far.
u/iverjo

Works in FF for me. Also, Chrome has a blog post about this and says it should work in Chrome 52. Yet it doesn't work in my Chrome 55 on Windows
u/iverjo

Also doesn't work in Edge
u/iverjo

I guess CSS4 isn't ready for prime time yet :P
u/BirdsTweetCodersDweet

#tagfail

dwitter.net | BriSeven (5912)