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

sortie

function u(t) {

eval(c.id+=String.fromCharCode((Q="㬻籴硼琮慲獮慬整㤨〶㔬〴㬩⹸潦瑮✽攵⁭❁栻ㄽ㜲㔮砻昮汩卬祴敬刽䌨琨⨩⭨ⱨ⡓⨵⥴株栫匬㌨琪⨩⭨⥨砻昮汩呬硥⡴⹣摩㌬〰匪㌨琪Ⱙ㔲⨰⡃⨷⥴㬩⹸潲慴整ㄨⵅ⤲⼯".charCodeAt(t*60))%256,Q>>8))

Mar 2 2017 10:03 PM UTC

}// 140/140

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

I'd like to announce the dwitter character limit has been increased to 146 characters.

Show more comments…
u/iverjo

Details please?
u/sigveseb

kinda dangerous though, you might run into a partial dweet that forces an endless loop
u/sortie

We're restricted to 140 unicode characters, not 140 bytes. I exploited UTF-16 to encode two ascii values per UTF-16 codepoint. Since the overhead is less than 70 bytes, I can exceed the 140 ascii char limit. The characters 㬻 and ⼯ are fun exercises for the reader.
u/sortie

The decoder is quite golfed and exploits some fun facts. The payload itself is a quine exploiting decoder side effects.
u/sortie

sigveseb, admittedly I didn't think of that case. Partial dweet initial loops are easily fixed wrapping the payload in {} (or any other syntax error) at the cost of 1.5 codepoints (㬻 has one free byte).
u/donbright

wow!

show FPS hide FPS share fullscreen

lienthealien

function u(t) {

c.width=600;x.translate(300,150);for(i=0;i<139;i++){
x.rotate(S(t)/2);x.fillRect(-25-i,-25-i,5+S(i),50+S(i));}

Mar 5 2017 11:53 AM UTC

}// 110/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 2 remixes fullscreen

Run

function u(t) {

c.width*=1;
for(i=0;i<1550;i++){
x.fillRect(X=i+S(t+i)*300,400+200*C(t+i)+200*S(X/300+t),50,50);x.fillStyle=`hsl(`+(X/7+t*30)+`,80%,50%)`;}

Mar 2 2017 6: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).

More of the tubes of the internet.

u/sfz

shwank

show FPS hide FPS share fullscreen

puckipedia

function u(t) {

r=Math.random,v=w=t;for(i=2e3;i--;v=r()*240,w=r()*140)x.fillStyle=`hsl(${v+S(t+w/99)*70},99%,50%)`,x.fillRect(v*8,w*8,8,8)

Mar 3 2017 11:14 AM UTC

}// 122/140

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

A weird rainbow-y thing that reminds me a bit of video compression

u/SpecialAgent

Reminds me of unicorn magic
u/joeytwiddle

#rainbow #plasma

show FPS hide FPS share fullscreen

hamptonio

remix of d/1830 by u/hamptonio

function u(t) {

w=c.width=1920;for(i=w;i--;){q=0;a=1;b=1;e=1+9*t%9;for(j=99;j--;){q+=a*C(b*(i-w/2)/100);a/=2;b*=e};x.lineTo(i,200*(2.5-q));x.stroke()}

Mar 3 2017 3:48 PM UTC

}// 135/140

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

Animation of Weierstrass's 1872 example of a continuous function that becomes nowhere-differentiable when b>=7.

u/donbright

very interesting!!!! always felt like demoscene is a gateway to math

show FPS hide FPS share fullscreen

AaronGiles

function u(t) {

c.width|=0;s=200*(1-C(t%1));x.globalAlpha=1-s/90;x.textAlign='center';i=s<17?s*50:850;x.font=`${i}pt Arial`;x.fillText(t|0,960,540+17*s)

Mar 3 2017 3:36 PM UTC

}// 136/140

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

u/sfz

fun!
u/iverjo

https://www.youtube.com/watch?v=BMI4o0zc2XI

show FPS hide FPS share fullscreen

ivansanchez

function u(t) {

w=c.width+=0;x.fillRect(0,0,w,w);for(i=0;i<1000;i+=3)x.fillStyle='#a'+(~~(i*99)%0xff),x.fillRect(w+(t*(-S(i)+C(i))*5e3)%w,i,200/S(i),3)

Mar 2 2017 5:56 PM UTC

}// 135/140

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

u/iverjo

#bartjs
u/sfz

go speed racer go!

show FPS hide FPS share 1 remix fullscreen

fnurgel

function u(t) {

c.width=2e3;
for(i=2e3;i--;)p=S(t/2),q=S(t),x.fillRect(0,i/2,1920,S((p*(1e3-i)/500)%360+i/100+q+(i-i%100)*2)/1.5)

Mar 2 2017 10:58 PM UTC

}// 114/140

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

u/SpecialAgent

Nice gradient
u/UEZ

#rasterbars

show FPS hide FPS share fullscreen

SpecialAgent

function u(t) {

r=new Date%1e2
if(!t)x.translate(960,540)
x.rotate(-1e-2)
x.fillStyle=`hsl(${r},80%,${64-32*S(t)}%)`
x.fillRect(0,0+S(t)*500,2e3,40)

Mar 3 2017 1:28 PM UTC

}// 132/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/1857 by u/donbright

function u(t) {

w=128,c.width=2*w;for(i=w;i--;)for(j=w;j--;)c=S(t/3)*i*i+S(t/4)*j*j+S(t/5)*2*i*j,c=(c%w+w)%w,x.fillStyle=R(c,c,c),x.fillRect(64+i,8+j,1,1)

Mar 4 2017 8:07 AM UTC

}// 139/140

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

As with 1857 this is an attempt to show the relation between Binary Quadratic Forms and the Circles and Squares pseudo fractal and Moiré pattern. This takes the basic ingredients of the Quadratic Form, x*x, y*y, and 2*x*y, and mixes them together, but slowly varies the amount of each ingredient over time with the Sine function. It is possible to see how all variations of the Quadratic Form result in similar patterns, transitioning from crcles to ovals to hyperbola patterns. Inspiration from this site and NJ Wildberger's rational geometr, Paul Bourke's http://paulbourke.net/fractals/circlesquares/ and Santiago Zubeta

u/donbright

https://twitter.com/zubie7a
u/SpecialAgent

wow! fascinating and purty :)