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

function u(t) {

for(b=960,y=540,v=b/2,w=200*C(t),q=99,c.width|=0,j=0;j<9;j++)for(i=0;i<q;i++)a=i*(2*Math.PI/q)+t,x.fillRect(C(a)*v+b-2,S(a)*w+20*j+y-98,4,4)

Feb 23 2017 11:50 PM 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

MrOpposite

function u(t) {

s='';for(a of'挮睩摴栽ㄹ㈰㭦潲⡩㴰㭩㰹㭩⬫⥸⹦楬汒散琨㐰〫椪㄰〫匨琩⨳〰ⰴ〰ⰵ〬㈰〩')s+=String.fromCharCode((p=a.charCodeAt())>>8,p&255);eval(s)

Feb 25 2017 1:51 PM UTC

}// 110/140

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

This is an attempt at a byte packing algorithm, which packages two bytes into a single JS character.

Show more comments…
u/MrOpposite

It works, but it's footprint is too large to work in 140 characters. The algorithm itself is 75 characters, we need sub 70 characters to make a character profit.
u/MrOpposite

Feel free to remix if you figure something out that can reduce it even further
u/xem

Hello sir ! As a matter of fact, we can :) during the past years @subzey, @fakeunicode and I (@MaximeEuziere) have built a solution allowing to store 194 ascii js chars in 140 characters, including the unpacking and the eval. The decoder is 43b long. All the details are here: http://xem.github.io/obfuscatweet/. Cheers
u/MrOpposite

@xem Actually, those are encoded as "multicharacter"-characters. I only work with UTF-16, and thus fit 2 bytes into a single character without making <string>.length "see" my extra characters.
u/MrOpposite

<string>.length *
u/xem

Ah okay. Here's a version 1b shorter: eval('挮睩摴栽ㄹ㈰㭦潲⡩㴰㭩㰹㭩⬫⥸⹦楬汒散琨㐰〫椪㄰〫匨琩⨳〰ⰴ〰ⰵ〬㈰〩'.replace(/./g,a=>String.fromCharCode((p=a.charCodeAt())>>8,p&255)))
u/MrOpposite

Ooh, clever!
u/sigveseb

#compressed #default

show FPS hide FPS share fullscreen

DOsinga

function u(t) {

m=256
c.width=m*4
x.rotate(t)
for(i=0;i<m*4;i++){x.rotate(0.4)
x.translate(i,i-m)
x.fillStyle=R(i*4%m,i*3%m,i*7%m)
x.fillRect(m,m,m,m)}

Feb 23 2017 10:54 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/lionleaf

Impressive "coder-colours"!

show FPS hide FPS share fullscreen

Drum

remix of d/683 by u/mxfh

function u(t) {

c.width=w=1920;π=Math.PI/2;λ=2;r=w/4;for(φ=-π;φ<π;φ+=.5/r){λ+=.3;x.lineTo(C(φ)*S(λ-t)*r+w/2,(C(t)*S(φ)-S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Feb 24 2017 11:42 AM UTC

}// 136/140

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

u/iverjo

#sphere

show FPS hide FPS share fullscreen

lynn

function u(t) {

W=c.width=99
m=Math.min
for(i=0;i<W;i++)for(y=0;y<W;y++)z=m(y,57-y),x.fillStyle=R(W,9,999*S(m(i,W-i)+z+5*S(z/5+t*4))),x.fillRect(i,y,1,1)

Feb 24 2017 5:03 PM UTC

}// 137/140

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

u/sfz

sexy
u/donbright

very cool rhythym

show FPS hide FPS share 1 remix fullscreen

ursonate

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=Math.PI/2;φ>-a;φ-=5/r){λ+=a;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+3/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Feb 24 2017 5:13 AM UTC

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

5Mixer

function u(t) {

y=(h=999)/2;i=w=c.width=h*2;
while(i--){x.fillStyle=R(i/7,(w-i)/7,i)
o=(h-i)%y
l=C(o*4)*(o%(w/(S(t)*9)))
x.fillRect(i,y+S(i/w*9+t)*99,1,l)}

Feb 24 2017 10:28 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 interesting tricks - I use a backwards while loop, not sure if this is shorter. To go from screen width to 256 for colours, I divide by 7. Alot of variable reuse. First one, enjoy heh :)

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/1364 by u/gabrielsroka

function u(t) {

with(x){lineWidth=9;e=Math.random
if(t%1<.01)for(i=2e3;i--;)strokeStyle=R(r=e()*i,r,r,.5),beginPath(),moveTo(i,0),lineTo(e()*i,i),stroke()}

Feb 26 2017 12:16 AM UTC

}// 139/140

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

Based on code written by Casey Reas and Ben Fry. see http://processingjs.org/learning/basic/rando…

u/iverjo

Interesting that you used the "with" operator
u/sfz

with(Math) could be pretty useful
u/gabrielsroka

@iverjo, yeah, not recommended, and may not be supported in future versions of JS, but i needed a few extra bytes

show FPS hide FPS share fullscreen

Niklas

function u(t) {

r=Math.random,!t&&(p={x:960,y:540,c:0,d:0}),p.c+=2*r()-1,p.d+=2*r()-1,p.c*=.9,p.d*=.9,p.x+=p.c,p.y+=p.d,x.fillRect(p.x,p.y,3,3);

Feb 24 2017 4:23 PM UTC

}// 128/140

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

Brownian molecular motion

u/danni

This resembles my signature when the UPS guy visits.

show FPS hide FPS share 1 remix fullscreen

SingingGoat

remix of d/1023 by u/SingingGoat

function u(t) {

x.fillStyle=R(300*C(t),300*S(t),200+S(t));x.fillRect(935+400*S(2*t),540+225*C(t),20,200);x.shadowBlur=20;x.shadowColor="#000";σγ

Feb 23 2017 4:22 PM UTC

}// 128/140

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