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

sfz

function u(t) {

s=255
z=s/3
m=~~(t*t)
a=m%2?s:z
b=m%2?z:s
for(i=s*2;i--;)x.fillStyle=R(i%2?a:b,z,i%2?b:a),x.fillRect(i%23*z-9,z*~~(i/23)-9,z,z)

Apr 18 2017 5:51 AM UTC

}// 127/140

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

Seizure Warning!!! - but after about 30 seconds this should briefly look uniformly purple

u/Polyducks

I can see forever!!!
u/joeytwiddle

It was briefly purple for me but then it starting flipping on and off again. #horrible

show FPS hide FPS share fullscreen

hscells

function u(t) {

c.width=1920
x.lineWidth=6
for(i=0;i<20;i+=2)x.arc(960,540,i*30,i,i-(S(t*3)-1)*(Math.PI-2.5)),x.stroke()

Apr 17 2017 11:36 AM UTC

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

MrM@_S

function u(t) {

if(!t)c.width=r=g=b=590
f=255
onmousemove=e=>{E=e.pageX;X=e.pageY}
onkeyup=e=>r+=b+=g+=2
x.fillRect(E,X,9,9)
x.fillStyle=R(r&f,g&f,b&f,.1)

Apr 17 2017 1:45 PM UTC

}// 138/140

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

[paint editor] use the keyboard to change the paint and use your mouse to draw

u/magna

You can hijack a global that you don't use like S, C or T instead of E to avoid that initial "ReferenceError: E is not defined" error.
u/MrM@_S

oh thanks

show FPS hide FPS share fullscreen

eruonna

remix of d/2511 by u/eruonna

function u(t) {

a=[0,-1,0,1,0]
if(t){if(i>=0){d=(p[i--]+1)%4;p.push(d);j++;b+=a[d];c-=a[d+1];x.lineTo(b,c);x.stroke()}else i=j}else{p=[0];i=j=0;b=380;c=830}

Apr 17 2017 9:30 PM UTC

}// 140/140

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

denser version

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2491 by u/New_Core

function u(t) {

t?x.fillRect(a+=9*C(d),b+=9*S(d),9,9):a=b=k=j=0
d=Math.atan2(j-b,k-a)
s=2e3/c.clientWidth
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 3:40 PM UTC

}// 130/140

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

Woodmouth's ant chasing your mouse

Show more comments…
u/joeytwiddle

Since I couldn't fit the edge detection, I stop the ant when it reaches the target. So I stored the target in k,j
u/donbright

this mouse technique is excellent
u/joeytwiddle

To make him a slow turner: D=(Math.atan2(j-b,k-a)-d+3.14)%6.24-3.14;d+=.05*D
u/joeytwiddle

err I mean 6.28
u/Woodmouth

That's impressive. The slow turn was exactly what i was looking for, but that is sadly just a bit too big.
u/MrM@_S

K=3.14;d+=((Math.atan2(j-b,k-a)-d+K)%6.28-K)/20
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/2473 by u/Woodmouth

function u(t) {

onmousemove=e=>{E=-.15+e.pageX/2e3};t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):b=a=d=500;d+=E
d=b>1080?3:b<0?0:a>1920?5:a<0?2:d

Apr 15 2017 7:09 AM UTC

}// 122/140

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

just some fun added, use your mouse.

Show more comments…
u/donbright

i literally laughed out loud playing this
u/joeytwiddle

Brilliant :D
u/Woodmouth

Hmm, there is actually quite a bit of space left. Can anyone make it follow the mose?
u/Woodmouth

Or wait... that would require a lot actually, nvm, i doubt it will be feasible.
u/joeytwiddle

I could get it to chase the mouse but could not keep the edge detection: https://www.dwitter.net/d/2495
u/Woodmouth

The slow turning is exactly what i was thinking of. I've already asked once, but why not again? Is anyone able to compress the last 12 characters in joeytwiddle's 2495 with the slow turn addition?

show FPS hide FPS share fullscreen

NMcCoy

function u(t) {

w=c.width=1920
s=50
for(i=s;i<w;i+=s)
for(j=s;j<w/2;j+=s)
{
x.fillStyle=`hsl(${t*39+(j)*.3},99%,70%`
x.fillRect(i,j,S(t+i)*s,S(t+i)*s)
}

Apr 14 2017 10:16 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

donbright

remix of d/2476 by u/keithclark

function u(t) {

onmousemove=e=>(T=e.pageX/99,R=e.pageY*5)
for(a=c.width^=0;a--;x.fillRect(C(a-T)/S(b)*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-S(a-T)*S(b=a/R))

Apr 14 2017 12:57 AM UTC

}// 140/140

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

please move your mouse up/down/left/right inside the energy mushroom. (adding mouse to @keithclark 's globe, modded shape, w @Jenky for mous-piration)

u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

donbright

remix of d/2495 by u/joeytwiddle

function u(t) {

t?s=2e3/c.clientWidth:(a=b=B=A=1,k=j=2)
K=k-a
J=j-b
Q=K**2+J**2
x.fillRect(a+=A+=K/Q,b+=B+=J/Q,9,9)
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 10: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).

mouse = gravitational body (explanation https://www.patreon.com/posts/simulating-in-… )

u/joeytwiddle

Nice :) For a few spare bytes, you could place the body with onclick
u/gabrielsroka

#interactive
u/donbright

#physics

show FPS hide FPS share fullscreen

z3vin

function u(t) {

w=1920;q=80
for(i=0;i<w;i+=q)for(j=0;j<w;j+=q)x.rotate(t/9),x.fillStyle=`hsl(${i/36*S(t)*5},80%,50%)`,x.fillRect(i,i*S(t),S(t)*2*q+S(t*q),1)

Apr 14 2017 11:04 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/donbright

reminds me a bit of impressionist painting