Dweets 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: #Food

show FPS hide FPS share fullscreen

BriSeven

function u(t) {

!t?X=[]:0;for(i=99;i;)o=X[i],X[i]=(o+Math.random()*8-4)%2e3||1e3,x.fillStyle=R((d=119*i)%256,d/1.4%256,d/7%256,.5),x.fillRect(o,X[--i],8,8)

Dec 23 2016 12:45 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/iverjo

To save one character (avoid the exclamation mark), you can do t?0:X=[]; or X=t?X:[];
u/BriSeven

ah yes, thank you

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

BriSeven

remix of d/521 by u/BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++){x.fillStyle="#"+(i*0x775511).toString(16).slice(-6);x.fillRect(i*160+S(t)*300-300,0,160,12000)}

Dec 20 2016 9:08 AM UTC

}// 127/140

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

fixed the hex string.

u/lionleaf

That's cool!
u/New_Core

other way, same colors, but not better way: for(i=16;i--;)x.fillStyle=R((d=i*parseInt(77,16))%256,(d/1.4)%256,(d/7)%256),x.fillRect(i*160+S(t)*300-300,0,160,1080)

show FPS hide FPS share 2 remixes fullscreen

BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++){x.fillStyle=(i*0x775511).toString(16).slice(-6);x.fillRect(i*160+S(t)*300-300,0,160,12000)}

Dec 20 2016 2:28 AM UTC

}// 123/140

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

zensaiyuki: I found this trick for generating a 16 color palette: i*0x775511. i wonder if it can be made smaller in javascript.

u/iverjo

Neat. To begin with, you can replace 0x775511 with 7820561. Further, you can look into bit operations or modulo to truncate/slice the string

dwitter.net | BriSeven (1013)