Dwitter - javascript demos in 140 characters

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

ADESONOM

remix of d/4435 by u/ADESONOM

function u(t) {

c.width=1920;for(i=1;i<500;i++){X=10*(i+t*40)%1500;x.fillRect(960+S(i)*X,520+C(i)*X,s=(C(i*10)*15),s);x.fillStyle=R(0,0,X);}

Dec 28 2017 7:12 PM UTC

}// 126/140

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

Expansion

show FPS hide FPS share fullscreen

flyguy

remix of d/4172 by u/flyguy

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=10)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080/2;d=Math.sqrt(i2*i2+j2*j2)/.9
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 28 2017 7:11 PM UTC

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

lowpoly

function u(t) {

(s=>{for(a=0;a<1920;a+=s)for(b=0;b<=1080;b+=s)x.fillRect(a,b,s*S(b+t),s*S(a+t),x.fillStyle=`hsl(${a+b*S(t)},50%,50%)`)})(50,c.width=1920)

Dec 27 2017 11:46 PM UTC

}// 137/140

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

Randomness. I love randomness...

u/Xen

chaos is the nature of the universe ;-)

show FPS hide FPS share fullscreen

JeremyLikness

function u(t) {

b=350;for(i=10;--i;){q=t+i;x.fillStyle=R(S(q)*255,C(q)*255,T(q)*255,0.1);x.fillRect(S(q)*b*1.5+b+(o=Math.random()*b)+170,C(q)*b+b+o,100,50)}

Dec 29 2017 7:02 PM UTC

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

Xen

function u(t) {

t?x.drawImage(c,C(t),S(t*2)*6):c.width=99,x.fillText('Welcome To Dwitter',1,29),x.fillStyle=`hsl(${t*199},99%,50%)`

Dec 26 2017 9:13 PM UTC

}// 115/140

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

u/lionleaf

Welcome to all the new people from /r/programmer, hackernews and twitter! :D
u/Xen

fresh blood lol! welcome to the jungle, take a look around ;-)
u/sigveseb

oh god the colors:P and welcome to all
u/j0bit

o.O what the heck is going on in this syntax?
u/iverjo

@j0bit: Search for "JS Template Literals" and "JS Ternary Operator" on the internet
u/j0bit

Cool, appreciate it.

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(x.fillRect(0,0,i=b=2e3,q=1080-t);i--;x.fillRect(a*i%b+a/3*S(t*i/a/3),(i/5*t+i*50)%b%q,5,5))x.fillStyle=R(a=i*9%255,a,a)

Dec 24 2017 12:12 PM UTC

}// 123/140

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

Let it snow, let it snow, let it snow....

Show more comments…
u/Xen

Perfect :-)
u/donbright

brilliant
u/donbright

brilliant
u/donbright

brilliant
u/ballotcan

http://i.prntscr.com/_aJutdekROaWdQKYy75nTw.… if you wonder the end
u/iverjo

Cool! Much better than my snow dweet ^^ https://www.dwitter.net/d/338
u/sigveseb

gotta love how the snow accumulates!
u/alien

no way... the snow is accumulating...
u/darrencearnaigh

Lovely seasonal golf.
u/snydej

Wow! This is excellent!
u/iverjo

#snow
u/vain

excellent snowflakes movements

show FPS hide FPS share fullscreen

Pjaerr

function u(t) {

for(y=127*(S(t)+1),n=127*(C(t)+1),k=127*(T(t)+1),x.fillStyle=R(y,k,n),i=0;i<100;i++){r=Math.random();x.fillRect(1600*r+y,800*r+n,50,50)};

Dec 28 2017 6:26 PM UTC

}// 137/140

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

u/Bendoman

Tubular!!!

show FPS hide FPS share fullscreen

AlphabetSoup

function u(t) {

c.width|=0;for(i=0;i<128;i++){l=1.2*t+(i*5);s=C(l+6.2)*200;x.fillStyle=R(s,s/10+180,255,0.7);x.fillRect(i*15,490+S(l)*440,5+i/4,i*1.3)}

Dec 27 2017 6:58 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/SIGILLIM

I saw them as tentacles...Cthulhu rises!
u/rodrigo.siqueira

#tentacle

show FPS hide FPS share 2 remixes fullscreen

lowpoly

function u(t) {

c.width+=0;for(p=2E3;p--;)d=p/300+1,x.fillRect((p+100*(t+5E4)*d)%2E3,(""+p*S(p)/17).substr(5,3)/999*2E3,d,d)

Dec 28 2017 10:05 AM UTC

}// 108/140

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

Scrolling stars or something

u/ben

remixed a bit funkier! d/4878
u/lowpoly

@ben, wow, nice :)

show FPS hide FPS share fullscreen

clickbecause

function u(t) {

c.width=1920
n=960,r=360
for(i=0;i<n;i++){
a=6.3/n*i
x.fillRect(
C(a*3+S(t)+t)*r+960, 
S(a*4+C(t)+t)*r+540, 
S(i)*8, 
S(i)*8)}

Dec 27 2017 10:25 PM UTC

}// 126/140

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

u/trupples

my brain is die