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

taupelink

remix of d/19559 by u/taupelink

function u(t) {

f=X=>T(X/a)<X**.5?T(X):X/T(b+f(X+.6));for(i=1440;i--;)a=i/90+(r=Math.random)(),b=i%6+r(),x.fillRect(a*120,b*180,f(S(a)+C(b))<f(a*a-b*b)%1,1)

Aug 1 2020 11:35 PM UTC

}// 140/140

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

d/19580

u/jellyedwards

That badger needs some sleep!

show FPS hide FPS share 5 remixes fullscreen

tomxor

remix of d/19547 by u/tomxor

function u(t) {

for(c.width=w=127,i=8e3;i--;t?p&T[r=t&2?i-w-r%3:i+w+r%3]<1&&--T[i]&++T[r]:T[i]=r%3)p=T[i],x.fillRect(X=i&w,Y=i>>7,1,p/3),r=i*t^Y/6&X/6

Jul 29 2020 11:41 AM UTC

}// 134/140

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

#Serpinski #Hourglass v2

Show more comments…
u/tomxor

Removed the pseudo random left bias and made 1 bit, more sandy :)
u/tomxor

#sand #electric
u/magna

This is epic.
u/KilledByAPixel

amazing!
u/13thptr

incredible
u/13thptr

incredible
u/DataMeta

phenomenal #physics
u/Xen

lovejit
u/tomxor

Thanks u/KilledByAPixel for the original idea and implementation!
u/IV

ooh, you do the best stuff!
u/andrea270872

Wow!
u/donbright

these are incredible
u/joeytwiddle

Impossible! 🤩
u/vain

cool

show FPS hide FPS share 1 remix fullscreen

henrosaurus

function u(t) {

c.width|=f=S(t)* S(t);p=600
for(i=0;i<20;i++)x.arc(960,540,Math.abs(300*T(i)),t+i*S(t),t)
x.lineWidth=9
x.stroke()

Aug 2 2020 3:38 PM UTC

}// 115/140

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

the clock-makers nightmare

show FPS hide FPS share fullscreen

function u(t) {

eval(unescape(escape`𭁼𯀨𠰽𜐲𛁎🐹𜀬𫐽𜀩𞱦𫱲𚁮👛𪐽𣠪𣡝𞱩𛐭𞰩𮱵👩𙑎𞱶👾勺𪐯𣠩𞱦𫱲𚁓👺🐹𞱺𛐭𞱓𛐽𫑛𚁾𚁺𛰳𚐫𜠫𭐩𚰨𮠥𜰭𜐫𭠩𚡎𧑼𜀩𞰊𮀮𩡩𫁬𤱴𮑬𩐽𤠨𬰽𚁮𦱩𧐽𫐿𤰭𝐿𤰽🐶𯀰𞡭𦱩𧐺𫡥𭰠𡁡𭁥𙐲𚐪𜠵𝐬𬰬𬰩𛁸𛡦𪑬𫁒𩑣𭀨𭐪𠰬𭠪𠰬𠰬𠰩𯐻𫐽𫠻`.replace(/u../g,'')))

Jul 30 2020 8:47 PM UTC

}// 140/140

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

game of life #automata

u/IV

I think someone did a compressed one already. This one is 193B: t||(C=12,N=90,m=0);for(n=[i=N*N];i--;){u=i%N;v=~~(i/N);for(S=z=9;z--;S-=m[(~(z/3)+2+u)+(z%3-1+v)*N]|0); x.fillStyle=R(s=(n[i]=m?S-5?S==6|0:m[i]:new Date%2)*255,s,s),x.fillRect(u*C,v*C,C,C)};m=n
u/IV

I have a toroidal version of 172B (166 without the wrapping) using a shorter draw, but the compressor doesnt like it: t||(C=12,N=90,m=0);for(n=[i=N*N];i--;){u=i%N;v=-~(i/N);for(S=z=9;z--;S-=m[(~(z/3)+2+u+N)%N+(z%3-2+v+N)%N*N]); x.fillText('⬛⬜'[n[i]=m?S-5?S==6|0:m[i]:new Date%2],u*C,v*C) };m=n
u/DaSpider

#conway #gameOfLife

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/19593 by u/taupelink

function u(t) {

for(i=1e3;i--;x.fillRect(X*120,Y*135,C(d=a[X&3])+S(e=a[Y&3])>1,T(d*d+e*e)<1))X=(r=Math.random)()*16,Y=r()*8,p=C(X),q=Y*Y,a=[p+q,p*q,p-q,p&q]

Aug 4 2020 2:16 AM UTC

}// 140/140

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

d/19596

show FPS hide FPS share fullscreen

tomxor

function u(t) {

c.outerHTML='<code style="font-size:64px">uofuwe`</code>'

Aug 1 2020 9:29 PM UTC

}// 57/140

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

If the message is tiny, does it matter that my cypher sucks?

Show more comments…
u/tomxor

#codebreaking
u/DataMeta

heheh
u/tomxor

I guess I should give some hints... You can guess the message and the key, so how is it encrypted?
u/tomxor

It's not standard, it's very insecure, but very easy to implement. done in JS
u/DataMeta

Hmm, I'm curious but honestly don't completely follow. Care to give another nudge without giving it away totally?
u/tomxor

sure. tbh even though it's simple, it will never be obvious unless you have at least some experience with cryptanalysis (that also exludes me).
u/tomxor

The cipher is the simplest way I could think of making a stream cipher, where the keystream is just one 32bit LFSR seeded with the "key". The key is the ascii encoding of a string truncated to 32bits. This is combined (ok it's XORed) with the plaintext, but something else is done to preserve the printability in ASCII encoding. So the unknowns here are message and key (but you can guess them, they are on the page) and the 32bit LFSR used and how it's combined with the plaintext.
u/tomxor

As far as I understand this is fundamentally insecure because the PRNG is a single LFSR, which makes the entire keystream linear and susceptible to cryptanalysis methods i'm not familiar with.
u/tomxor

I'll post the exact method here in a week.
u/DataMeta

Interesting. Thanks for laying it out - learned some things looking stuff up. Will be giving it a thonk.
u/tomxor

Will, add bits of solution occasionally, LMK if you just want it all.
u/tomxor

Converting key from string to 32bit int for LFSR PRNG: x = parseInt([...key.slice(0,4)].map(c => c.charCodeAt(0).toString(2).padStart(8, 0)).join(''), 2)
u/tomxor

Combining keystream (x) with plaintext to get ciphertext: ciphertxt = [...plaintxt].map(c => {c = String.fromCharCode(x & 31 ^ c.charCodeAt(0));x = LFSR(x);return c;}).join('')
u/tomxor

Remaining pieces: keytext, plaintext, LFSR function.
u/tomxor

key = 'dwitter'; plaintxt = 'awesome'
u/tomxor

Only piece left is which 32bit LFSR is used to generate keystream x.
u/ximavus

nice idea

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/19588 by u/taupelink

function u(t) {

for(i=1e3;i--;x.fillRect(X*80,Y*46,.5,C(X)+S(Y)<C(a[X&3])*S(a[Y&3])))X=(r=Math.random)()*24,Y=r()*24,p=X*X/7,q=Y*Y/7,a=[p+q,X*Y,p-q,1e4/p/q]

Aug 3 2020 5:46 PM UTC

}// 140/140

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

d/19593

show FPS hide FPS share fullscreen

henrosaurus

function u(t) {

c.width|=0;with(x)for(i=33;i--;fill())fillStyle=R(255*S(i),t,t),beginPath(),ellipse(960,540,400,Math.abs(i/T(t)),t+i,T(i),t)

Aug 2 2020 3:00 PM UTC

}// 124/140

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

pulsing cartoon explosion

u/donbright

wild

show FPS hide FPS share fullscreen

taupelink

remix of d/19559 by u/taupelink

function u(t) {

e=X=>X/S(1/X);f=X=>e(X)>X?C(X):e(X/f(X/2));for(i=1440;i--;)a=i/240+(r=Math.random)(),b=i%8+r(),x.fillRect(a*300,b*140,f(T(a*b)/f(b))<f(a),1)

Aug 1 2020 6:08 PM UTC

}// 140/140

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

d/19576

u/DataMeta

neat

show FPS hide FPS share fullscreen

aaaaaz

function u(t) {

j=999
h=C(t)*15
x.drawImage(c,h,1)
x.fillStyle='#FFF'
x.fillRect(j,0,9,j)
x.fillStyle='red'
for(i=0;i<3;i++)
x.fillRect(j,99+C(h/i)*99,9,99)

Aug 1 2020 8:18 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

Stylish!
u/Xen

nice!