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

cantelope

function u(t) {

x.drawImage(c,-9,-4,c.width+18,c.height+8)
x.fillStyle=`hsl(${t*99},99%,50%`
s=C(t)*99
for(i=6;i--;x.fillRect(960+S(++t)*s,540+C(t)*s,9,9));

Mar 30 2017 3:49 AM UTC

}// 140/140

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

inspired by the recent work of others. not sure who to credit. everyone i guess!

u/cantelope

looks like nonce might have been the pioneer of this technique. cheers!
u/recursive

Looks like Winamp visualizations ca 2000
u/donbright

cool beans

show FPS hide FPS share fullscreen

donbright

remix of d/2333 by u/Jenky

function u(t) {

r=Math.random
t?(p=s[d%2]+=(d/2<1?4:-4),s[d%2]=p>800?0:p<0?800:p,x.fillRect(...s,8,8),d=((~~(C(t)*4)))%4):(s=[96,96],d=0)

Mar 31 2017 2:07 AM UTC

}// 121/140

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

based on Jenky's brilliant drawing program in dwitter, i removed the human element and substituted cosine. I like the simple pattern it makes and the way it slowly, hesitantigly draws it. The squares don't overlap for several minutes. Thanks @Jenky

u/cantelope

seems like you could remove r=Math.random :3
u/donbright

lol oops
u/alien

wow

show FPS hide FPS share fullscreen

scottglz

remix of d/2329 by u/sfz

function u(t) {

x.fillRect(0,0,z=1e9,z);for(i=h=540;i--;x.clearRect(2*h+2*o.x*O-o.y*I,h-o.y*O-o.x*I/3,7,4))I=S(t-i),O=C(t-i),o=t?u[i]:u[i]={x:z*i%h,y:z/i%h}

Mar 29 2017 1:58 AM UTC

}// 140/140

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

The stars cried out for spacification

u/sfz

sweet!
u/donbright

super
u/Cloud

#fly

show FPS hide FPS share fullscreen

scottglz

remix of d/2329 by u/sfz

function u(t) {

c.width^=0;for(i=h=540;i--;x.fillRect(2*h+2*X*O-Y*I,h-Y*O-X*I/3,9,9))I=S(t-i),O=C(t-i),X=1e9*i%h,Y=1e9/i%h,x.fillStyle=`hsl(${i},80%,50%)`

Mar 29 2017 2:29 PM UTC

}// 138/140

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

u/sfz

Sprinkleverse
u/sfz

${t*i} for sparkly!

show FPS hide FPS share fullscreen

nonce

remix of d/2299 by u/nonce

function u(t) {

with(x)font='250px Arial',setLineDash([lineWidth=10,299]),lineDashOffset=t*50,strokeText('❤',9,200),drawImage(c,-140,175),drawImage(c,280,0)

Mar 28 2017 1:53 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

<3
u/0x7b1

nice one
u/tapgiles

Still no dice with that symbol for me. Using a chromebook? ♡ works fine though
u/iverjo

#hearts

show FPS hide FPS share fullscreen

nonce

remix of d/2311 by u/Lappi

function u(t) {

c.width=1920;x.font='9em Arial';
for(i=0;i<360;i++)
x.fillStyle=`hsl(${i*t/10},99%,50%)`,
x.fillText('▒▒',i*5,S(i*5+t*i/200)*400+600);

Mar 29 2017 4:55 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/tapgiles

Great idea to add texture!
u/donbright

fascinating patterns going on here! i like to contrast the left w the right

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=99;i--;a=i*10,x.fillStyle=`hsl(${i*4-t*99},99%,50%`,x.fillRect(-a,-a,a*2,a*2),x.rotate(.02));x.restore()

Mar 28 2017 4: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).

some color to brighten up the place

u/nonce

love it, I have been playing with tunnels that you are backing out of all day it is refreshing to see on go the other way
u/sfz

Wow, you get some cool patterns if you change the .02 to .1 thru .9
u/donbright

beautiful

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

t?(p=s[d%2]+=(d/2<1?4:-4),s[d%2]=p>800?0:p<0?800:p,x.fillRect(...s,8,8)):(s=[96,96],d=0,onkeyup=e=>{n='dsaw'.indexOf(e.key),d=n%2==d%2?d:n})

Mar 29 2017 1:19 AM UTC

}// 140/140

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

WASD Snake!

u/Jenky

You can change the controls by editing 'dsaw' to any four letters, starting with whichever is to be "move right", going clockwise
u/donbright

the controls seem a bit unreliable on my sytem (firefox linux) but when it works, it is reaally cool, one of my favorite dweets ever. nice
u/donbright

remix https://www.dwitter.net/d/2350

show FPS hide FPS share fullscreen

z3vin

remix of d/2322 by u/z3vin

function u(t) {

r=(n)=>Math.random()*n;h=w=1920;with(x)beginPath(),moveTo(0,0),lineTo(r(w),r(h)),strokeStyle='#fff',stroke(),fillRect(r(w),r(h*2.5),r(99),h)

Mar 27 2017 6:43 PM UTC

}// 140/140

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

thanks @mxfh

u/donbright

never have i wished so much for a 'pause' function. cool pictures
u/z3vin

haha yes a lot of scenic moments in the city :) @donbright

show FPS hide FPS share 2 remixes fullscreen

sfz

function u(t) {

c.width|=h=540
D=new Date
for(i=h;i--;)I=S(t-i),O=C(t-i),o=!t?u[i]={x:D*i%h,y:D/i%h}:u[i],x.fillRect(2*h+2*o.x*O-o.y*I,h-o.y*O-o.x*I/3,7,4)

Mar 28 2017 7:48 AM UTC

}// 139/140

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

Negative galaxy timelapse

u/sfz

if you want to get a laugh and ruin the magic, remove the -i from I and Our :}
u/sfz

*O
u/donbright

lol nice