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

crimbles

remix of d/4816 by u/travisdoesmath

function u(t) {

for(i=0;i<400;i+=3){x.fillStyle=R(-S(i)*255,C(i)*255,S(i)*255);x.beginPath(),x.fill(x.arc(960-i/9*C(i+t)*70,540+i/9*S(i+t)*40,i+20,0,6.24))}

Jan 3 2018 10:02 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/magna

Pretty!

show FPS hide FPS share fullscreen

magna

function u(t) {

with(stats.dom)with(style)setStatsVisibility(left=top='50%',marginLeft='-40px',childNodes[0].getContext`2d`.filter='hue-rotate(15deg')

Jan 4 2018 5:51 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

FinerThanWine

function u(t) {

c.width=1920;x.fillStyle=R(S(t)*255,0,-S(t)*255,0.5);for(j=0;j<6;j++){x.beginPath();x.arc(870*S(t)+960,j*180+90,S(t)*S(t)*90,0,6);x.fill()}

Jan 4 2018 5:51 AM UTC

}// 139/140

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

I suck at this

u/magna

Nope. This looks cool!

show FPS hide FPS share fullscreen

Erazed

function u(t) {

w=c.width=2e3;h=5e2;for(i=1e-3;i<9;){X=1e3+i*99*C(3*t/i);Y=h+i*99*S(3*t/i);x.moveTo(X,Y);x.arc(X,Y,i++<1?60:i>6?25-2*i:i<5?i:3,0,9)}x.fill()

Jan 3 2018 11: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).

show FPS hide FPS share fullscreen

veubeke

remix of d/5540 by u/veubeke

function u(t) {

M=576
for(i=M*2;i--;x.fillRect(i/24<<5,i%24<<5,32,32,x.fillStyle=r<0|r>=1?'red':R(_=r*256,_,_)))r=i>=M?
Math.random():
i*i*t/M%1

Jan 4 2018 11:16 PM UTC

}// 128/140

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

Almost random ;)

show FPS hide FPS share 2 remixes fullscreen

Yogeshp3

function u(t) {

c.width=1920;r=450;i=U=.0314;p=(i,f)=>r+r*f(U*i);for(;i<200;){n=i*t%200;x.stroke(new Path2D(`M${p(i,C)} ${p(i++,S)} L${p(n,C)} ${p(n,S)}`))}

Jan 2 2018 10:45 AM UTC

}// 140/140

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

Modular multiplications around the circle..

show FPS hide FPS share fullscreen

eviltoad

remix of d/5428 by u/eviltoad

function u(t) {

t||(a=s=1);f=(n)=>n<0|n>2080?s*=-1:x.fillRect(0,a=n,2920,50*Math.random());x.fillStyle=R(a*S(t/.1),a*C(t+.1),a*S(t));f(a+s);x.rotate(a);

Jan 3 2018 10:37 PM UTC

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

sigveseb

remix of d/5514 by u/Xen

function u(t) {

X=t**t%1e3
Y=Math.random()
x.fillRect(X,t*99%1e3,Z=29,Z)
x.fillRect(1920-Y*900,t*99%1e3,Z,Z)
x.fillStyle=`hsla(${t*Z},99%,40%,.5)`

Jan 4 2018 10:30 PM UTC

}// 130/140

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

Random challenge, takes a second or two to build up

show FPS hide FPS share 1 remix fullscreen

RomanW

function u(t) {

z=43;f=(60*t)%625;if(('祿߸Ⅎர崽そ盨⡒࠷䅍啿Ϻ୨䭠䄧爩燵浫卒穁୥縊Ṝ⽩綱䄕囕緯‍㑡㡿تൂ殩߷ཝ眊ၒ栿瘁兿Ɇ'.charCodeAt(~~(f/15))>>f%15)&1)x.fillRect(f%25*z,~~(f/25)*z,z,z)

Jan 2 2018 10:17 AM UTC

}// 130/140

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

Basically a UTF to binary decoder. The variable z is the zoom level.

u/jaemiejaemie

absolutely insane
u/sigveseb

Nice! What's in the QR code?
u/RomanW

The QR code is simply a hyperlink to "dwitter.net/new"
u/Xen

:-)
u/enoua5

darn, I was hoping it was gonna be a quine. js -> qr -> js -> qr -> ...

show FPS hide FPS share fullscreen

RomanW

remix of d/5354 by u/travisdoesmath

function u(t) {

for(i=0;i<213;i++)for(j=0;j<120;j++)'ﾇￃ￡￰ｸ＼＞／砀㰀Ḁༀ蜀쌀'.charCodeAt(j%16)>>i%16&1&&x.fillRect(i*9,j*9,9,9)

Jan 3 2018 12:13 PM UTC

}// 104/140

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

u/travisdoesmath

Sweet! Of course, I saw your work *after* I posted. I was going to try and unpack your technique today, so I'm pretty happy that you did this remix
u/RomanW

very welcome!