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

jays

function u(t) {

for(i=150;i--;x.fillRect(960+C(i**1)*2000*S(t),540+C(i)*600*C(t),20,10))x.fillStyle=`hsl(${t*90} 99%75%)`

Sep 24 2019 5:29 PM UTC

}// 105/140

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

Crop Circles

show FPS hide FPS share fullscreen

Blacklink

remix of d/15790 by u/Blacklink

function u(t) {

c.width|=0
s=.001
a=-9.5*C(.2*t)+10.5
for(var r=-3.14;r<3.14;r+=s){
x.fillRect(500*S(r+C(a*r))+980,500*C(r+S(a*r))+540,9,9)}

Sep 24 2019 7:48 AM UTC

}// 124/140

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

Slow version of the other one.

show FPS hide FPS share fullscreen

katkip

remix of d/15776 by u/katkip

function u(t) {

eval("⡸⠮⡦⡩⡬⡬⡒⡥⡣⡴⠨⠹⠶⠰⠫⡓⠨⡴⠩⠪⠲⠰⠰⠬⠵⠴⠰⠫⡃⠨⡴⠩⠪⠲⠰⠰⠬⠲⠰⠬⠲⠰⠩".split``.map(f=x=>String.fromCharCode(x.charCodeAt(0)^4e9)).join``)

Sep 23 2019 3:17 PM UTC

}// 117/140

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

this is how blind people draw a circle

u/katkip

#meme #encode #encoder #cipher
u/katkip

also good #obfuscator

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/15766 by u/KilledByAPixel

function u(t) {

for(I=O="";q="𠑣𹃦񚁉񪤥񐒬񲆥򁓢򉘄񤖂񓇄򙒊򡂅𼢏򋨢򪙅򱂪𲒅𣧥򑅑񰤌򁇥򃙅񚂅𥒪񊒤򰓎𢢦𛵍񫄥𠑊񹑊񱘄𸤃񔆩񒗄򫂅𫢶𚕈󂔥𱺅񓪗𸠯񣒬񻲮𦊅𣉦򉘄񤖂𳂪𳴐󛦅𱅮".charCodeAt(I/2);O+=";helo dwitr!sancmpf.uvyqbg"[q>>I++%2*5&31]);throw(O)

Sep 23 2019 5:23 PM UTC

}// 140/140

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

New 4-1 compressor proof of concept! In this example the compressed code is 208 chars.

u/KilledByAPixel

#COMPRESSOR replace $ with your code... $="for(c.width|=i=9;i--;)x.fillRect(400+i*99+S(t)*300,400,50,200)";n=[...new Set([...(';'+$)])].join(o='');for(v=i=0;(q=$[i])||i%4;++i)v+=q?n.indexOf(q)<<i%2*5:0,i%2?(o+=String.fromCharCode(((i%4==3?55:54)<<10)+v),v=0):0;throw 'for(I=O="";Q="'+o+'".charCodeAt(I/2);O+="'+n+'"[Q>>I++%2*5&31]);eval(O)'
u/tomxor

This is way better than my crazy delta compressor, but it's still surprisingly difficult to stick to a 32 char set.

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

t?0:c.outerHTML="»<input id=i value='Hello Dwitter!'>« <button onclick=speechSynthesis.speak(newSpeechSynthesisUtterance(i.value))>Speak"

Sep 23 2019 12:18 AM UTC

}// 138/140

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

Speech Synthesis #Example ~ Change the text and click the Speak button!

u/katkip

#tts

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/15778 by u/KilledByAPixel

function u(t) {

for(I=O="";Q="𠒃񁔇񢖋񓗍񐇯򐃑񐙒򴵅򹋖񕷘󋢙򒭘󅪻󅮛󭫝򕠀".charCodeAt(I/2);O+=";for(c.width|=9-)xlRe40+*S3,52"[Q>>I++%2*5&31]);eval(O)

Sep 23 2019 7:22 PM UTC

}// 107/140

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

4-1 compressed #default

u/tomxor

Reduced character set encoding :P I was literally thinking to do the same thing, also this is how some SMS txt compression standards work apparently.

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/15782 by u/KilledByAPixel

function u(t) {

t?eval(O+=";for(c.width|=9-)xlRe40+*S3,52"["𠒃񁔇񢖋񓗍񐇯򐃑񐙒򴵅򹋖񕷘󋢙򒭘󅪻󅮛󭫝򕠀".charCodeAt(I/2)>>I++%2*5&31]):I=O=""

Sep 23 2019 8:48 PM UTC

}// 98/140

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

Smaller uncompressor, only takes about a second to boot up!

Show more comments…
u/KilledByAPixel

Here's the compressor code... $="for(c.width|=i=9;i--;)x.fillRect(400+i*99+S(t)*300,400,50,200)";n=[...new Set([...(';'+$)])].join(o='');for(v=i=0;(q=$[i])||i%4;++i)v+=q?n.indexOf(q)<<i%2*5:0,i%2?(o+=String.fromCharCode(((i%4==3?55:54)<<10)+v),v=0):0;throw 't?eval(O+="'+n+'"["'+o+'".charCodeAt(I/2)>>I++%2*5&31]):I=O=""'
u/KilledByAPixel

From my testing it can do up compress up to 224 characters of code if all of the unique 32 characters are used!
u/KilledByAPixel

#compressor
u/tomxor

Swapping the ternary statement for }{I=O="" at the end saves one more char.
u/tomxor

But this will only work on a new dweet
u/tomxor

Really need a larger charset though :/ I think 64 should be enough for most, which bumps it up to 6 bits, but that requires a lot more code to extract, might still be better than 184 though?
u/tomxor

Nah, before even considering extra decompression code, 6 bits with 32 dictionary barely provides 192 chars, as soon as you start actually filling the dictionary with more you quickly go under 140 encoded chars. I think you hit the best balance for this method.
u/KilledByAPixel

i think 5 bits is the sweet spot, it is definitely tough writing code that only uses 32 chars but maybe we can see some programs that would not otherwise be possible
u/DataMeta

#hiddengem
u/ximavus

maybe we can use a hybrid 5-6 bits? like any char index that is even is 5 bits and every odd one is 6. Don't know if this would fit and I have no idea for compressors

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

text="convert code into programming symbols! isn't it awesome";
throw text.split``.map(f=x=>String.fromCharCode(x.charCodeAt(0)^95)).join``

Sep 23 2019 3:01 PM UTC

}// 139/140

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

encoder. convert text into programming symbols & reverse! if you want to decode, just copy the code at the throw and put it in the text var #cipher #encoder #decoder

u/katkip

mtmbk means 2+2=4

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/15775 by u/KilledByAPixel

function u(t) {

onkeydown=e=>{s=speechSynthesis,s.cancel(c.width|=0);s.speak(newSpeechSynthesisUtterance(k=e.key));x.font="59em'";x.fillText(k,700,800)}

Sep 23 2019 7:49 PM UTC

}// 137/140

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

Dweet & Spell ~ Click on the canvas then type to hear each key spoken!

u/katkip

nice
u/davidsover

Why does it say ship on shift? 🚢🚢🚢🚢🚢🚢

show FPS hide FPS share 1 remix fullscreen

mildlybean

function u(t) {

for(X=c.width+=0;X--;x.fillRect(X,540+S(X/200)*99*(t/2%Math.PI+.5)-Y/2,9,Y))x.fillStyle='#6A5',Y=S(X/800-t-3),Y=(Y**.4*150+Y*25)

Sep 21 2019 2: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).

Say hi to Monty

u/aleamb

#organic
u/katkip

snake