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

Niklas

remix of d/1675 by u/Niklas

function u(t) {

for(c.width|=0,q=100,i=q;i--;)for(a=i*.031+t*5,j=q;j--;)b=j*.031+t*5,x.fillRect(500+10*i+q*C(b),480+5*(j+q)/2.5*S(a),3,3);

Mar 1 2017 4:05 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/iverjo

Now imagine Jasmine and Aladdin flying around on that carpet while singing "A whole new world"

show FPS hide FPS share fullscreen

New_Core

function u(t) {

t||(a=new(AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start(a));t%.2>.1?b=Math.random()*1000|0:o.detune.value=b

Mar 3 2017 12:01 PM UTC

}// 133/140

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

Remove a from o.start(a) .... this one is based on iverjos small size version.

u/13thptr

#audio

show FPS hide FPS share fullscreen

Michael21

remix of d/1698 by u/FireFly

function u(t) {

t || x.translate(960, 540)
for (i=40; i--; x.rotate(S(t)))
 x.fillStyle = 'hsla('+i*t+',96%,50%,'+1/t+')',
 x.fillRect(v=i*20, v, i*t, i*t)

Mar 2 2017 5:42 PM UTC

}// 139/140

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

u/sfz

so pretty

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(i=t?9:x.translate(960,540);i--;x.rotate(t))x.fillRect(i,t*69,2,9)

Mar 1 2017 6:41 PM UTC

}// 69/140

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

Filing this one in the 'half-dweet' category

u/lionleaf

Hardcore
u/khalkeus

this is very pleasant to watch!
u/5Mixer

Crazy and yet very simple. Love the output :)

show FPS hide FPS share fullscreen

magna

function u(t) {

n=64;for(j=n;j--;)for(i=n;i--;c=j<6&i<16?'@疄㖄ᖄ犜'.charCodeAt(j)-n&2<<i:S(t+=t*t|5),x.fillStyle=R(c*=255,c,c),x.fillRect(i*30,j*16,n,n));

Feb 28 2017 10:38 PM UTC

}// 135/140

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

Live feed from Amazon Data Center - Feb 28, 2017

show FPS hide FPS share fullscreen

interSrc

remix of d/1749 by u/interSrc

function u(t) {

a=S(t)
x.fillStyle=`hsl(${t*99},99%,${50+a*50}%)`
t||x.translate(960,540)
for(i=0;i<48;i++)x.rotate(.2),x.fillRect(X=i*9+a*500,X,s=i*9,s)

Mar 2 2017 8:28 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/FireFly

Sweet! I love colourful demos
u/5Mixer

Looks awesome. Reminds me of really old windows media player 'visualisations', form like, Win XP, if you remember them. Nice :)

show FPS hide FPS share 4 remixes fullscreen

New_Core

function u(t) {

if(!t)a=new(window.AudioContext)(),o=a.createOscillator(),o.type='sine',o.connect(a.destination),o.start(a);o.frequency.value=400*S(t);

Mar 2 2017 2:06 PM UTC

}// 135/140

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

remove the a in o.start(a) to start the anoying thing ;) I did it like this so it dont bother the site to much...

u/iverjo

Haha, this is awesome xD
u/joeytwiddle

Thanks for this nice mini introduction to the Audio API. I remixed it into a theramin: https://www.dwitter.net/d/2446
u/iverjo

#audio

show FPS hide FPS share fullscreen

sawaxon

remix of d/1671 by u/sawaxon

function u(t) {

c.width|=0;for(j=1;j<40;j++)for(i=1;i<40;i++)x.fillRect(900+S(10+(C(t*j)*50)/2000)*j*40,500+C(i/((t+142)/10))*j*20,S(j*i)*j/3, S(j*i)*j/3)

Mar 1 2017 10:35 AM UTC

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

FireFly

function u(t) {

f = t*60|0
X =  f%120, Y = f/120|0
x.fillStyle = "]!{$${!]".charCodeAt(X%16) + 59 >> Y%12& 1? '#345' : '#DEF'
x.fillRect(X*16, Y*16, 16, 16)

Feb 27 2017 6:20 PM 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

cool!
u/sfz

wtf is going on here?!
u/FireFly

The string embeds a tiny bitmap which is simply repeated :)
u/5Mixer

This is an awesome idea! I wonder what else you could do with using strings to encode more complex(?) data. Interesting.
u/PiggyClone205

When I read complex, I immediately thought of maybe importing other javascript and cheating a bit.
u/katkip

#invaders

show FPS hide FPS share fullscreen

unstructuredmesh

function u(t) {

r=Math.random;x.font="72px Arial";for(i=0;i<55;i++)for(j=0;j<22;j++)b=r()*255,x.fillStyle=R(b,b,b,r()),x.fillText("Δ",i*36-(j%2)*18,50*j)

Mar 2 2017 7:09 AM UTC

}// 138/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 read "unstructuredmess", and thought that word was somehow linked to this dweet ^^