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 1 remix fullscreen

Xen

function u(t) {

for(i=299;i--;)x.fillRect(i*9,499+(t*C(i/7)|(t/=-1))*9,9,9)

Nov 2 2017 11:08 PM UTC

}// 59/140

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

NEW YORK HARBOR

u/alien

Wow what the !!!!!

show FPS hide FPS share 1 remix fullscreen

p01

remix of d/3446 by u/ETHproductions

function u(t) {

c.width|=onkeydown=e=>(e=e.which-36)>0&&e<5?e&1?X+=e-2:Y+=e-3:0;x.fillRect(X*9,Y*9,60,60)};{X=Y=70

Nov 2 2017 11:57 AM UTC

}// 98/140

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

Move the square with the arrow keys. You have 42 bytes to write your game around this template

u/BalintCsala

3 bytes less: https://www.dwitter.net/d/6755

show FPS hide FPS share fullscreen

magna

remix of d/3453 by u/mmastrac

function u(t) {

f=e=>300*Math.asin(C(t*e))+480;for(e=c.width|=onmousemove=e=>T=e.y/innerHeight*1e3;e--;)x.fillRect([f(5),0,944][e]*2,e^1?f(3):T,32,e?256:30)

Nov 2 2017 10:54 PM UTC

}// 140/140

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

#pong

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=v=(w=250)*9,v);i--;x.clearRect(960+S(i)*w+S(q)*290,540+C(i)*w+C(q)*290,s,s))s=28+C(i-(q=2.1*(i/750|0)+S(t/2)*4)+3.1)*28

Nov 2 2017 6:15 AM 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

mmastrac

remix of d/3443 by u/joeytwiddle

function u(t) {

for(x.font='2cm a',X=z=960;X--;x.fillRect(X&1?z+X:z-X,U=360+99*S(((X/35-2)**2)**.3),2,z-U-X/2-99*(S(X/80)**2)**.5))x.fillText("👀",z-34,555)

Nov 1 2017 5:17 PM UTC

}// 139/140

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

Sorry @joeytwiddle... I had to

u/joeytwiddle

I look forward to trying it on a unicode-supporting environment! :)
u/joeytwiddle

LOL cute :D

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3436 by u/joeytwiddle

function u(t) {

for(X=700;X--;x.fillRect(960+X,U,1,V),x.fillRect(960-X,U,1,V))U=250+99*S(Math.abs(-2+(X/35))**.6)+(X/9)**1.3,V=850-X/2-99*(S(X/76)**2)**.5-U

Nov 1 2017 5:51 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

This is nuts!
u/joeytwiddle

Animated, but not golfed: https://codegolf.tk/a/228
u/joeytwiddle

If you think this is nuts, you should see my office code! ;)
u/joeytwiddle

#halloween
u/joeytwiddle

An animated bird: d/7144

show FPS hide FPS share 1 remix fullscreen

mmastrac

function u(t) {

t?0:M=[];for(f=w=62,i=500;i--;)M[i]=x.fillRect(w*(i>>4),w*(i%16),w,w,x.fillStyle=R(e=M[i]))||t?f&&e>(z=M[i+1])?(M[f--,i+1]=e,z):e:i**6%256

Oct 30 2017 6:10 PM UTC

}// 138/140

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

Bubble sort visualizer

u/sigveseb

really nice
u/lionleaf

Brilliant
u/katkip

Awesome

show FPS hide FPS share fullscreen

Xen

remix of d/1604 by u/SpecialAgent

function u(t) {

for(Λ=X=99;X--;)for(Y=9;Y--;x.strokeRect(X*Λ,Y*Λ,Λ,Λ))x.strokeStyle='hsla('+X*Y*t+',99%,60%,.4)'
x.drawImage(c,T(t*t)-2,T(t*t))

Nov 3 2017 8:53 PM UTC

}// 127/140

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

Few tweaks, about 10 seconds to start...

u/katkip

#xweet

show FPS hide FPS share fullscreen

Xen

remix of d/3449 by u/p01

function u(t) {

x.drawImage(c,C(t),1),x.fillStyle=`hsl(${X},80%,50%)`,onkeydown=e=>(e=e.which-36)>0&&e<5?e&1?X+=e-2:Y+=e-3:0;x.fillRect(X*9,Y*9,X,Y)};{X=Y=7

Nov 2 2017 10:34 PM UTC

}// 140/140

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

Test...Move with arrows

u/iverjo

#interactive

show FPS hide FPS share fullscreen

cantelope

remix of d/3432 by u/cantelope

function u(t) {

for(q=99,w=i=2e3;i--;x.fillRect(i%w,Y,q,q))x.fillStyle=`hsla(${i/5},99%,${C(((960-i%w)**2+(540-(Y=i*81%1e3))**2)**(.5+S(t)/9)/q-t*6)*q}%,.1`

Oct 31 2017 5:09 AM UTC

}// 140/140

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