New #Interactive dweets

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: #Opposites

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𫰽𘠢𞡣𛡯𭑴𩑲𢁔𣑌🐢🁤𪑶𘁩𩀽𣰾🀯𩁩𭠾🐾🁩𫡰𭑴𘁩𩀽𢐾🀽𘠻𒡩👉𛡶𨑬𭑥𞱦𫱲𚁪🐱𜀱𞱪𛐭𞱏𛡩𫡮𩑲𢁔𣑌👯𚑔𦱪𧐿𫰽𪠫𨀽𙁻𥁛𪡝𯐠𨀫𫰺𪐮𫑡𭁣𪀨𛱞𦰭𚰪𚀩𛰮𝁝𚠤𛱧𚐦𙡩𛡭𨑴𨱨𚀯𝀯𩰩𛡬𩑮𩱴𪀽🐴𙠦𚁶👥𭡡𫀨𪐩𚐽👶𯀰🱔𦱶𧐽𪐺𜀻`.replace(/u../g,'')))

Aug 13 2019 5:19 AM UTC

}// 140/140

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

our Fours Puzzle V2 ~ How many integers between 0-100 can you form using only 4 4s and the +-*/.() operators? Example 1=44/44

u/KilledByAPixel

Updates: Fix issue with space running out after 20. You can also use the decimal point. Only exact matching strings are accepted.
u/KilledByAPixel

#interactive #math #puzzle #game

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱣𛡯𫡭𫱵𬱥𫑯𭡥👥🐾𮱘👥𛡸𚠳𛠴𛁙👥𛡹𚠳𛠴𯐻𩡯𬠨𪐽𜐳𝰻𪐭𛐻𚑦𫱲𚁪🐷𝰻𪠭𛐻𚑻𚀨𪐪𜐴𛑘𚐪𚠲𚰨𪠪𜐴𛑙𚐪𚠲𚐪𚠮𝐾𞀰🱸𛡦𪑬𫁒𩑣𭀨𪐪𜐴𛁪𚠱𝀬𞐬𞐩𞡸𛡦𪑬𫁒𩑣𭀨𪐪𜐴𛁪𚠱𝀬𤰨𦀫𪐩𚠹𛁃𚁙𚱪𚐪𞐩𯐊`.replace(/uD./g,'')))

Aug 4 2019 4:27 PM UTC

}// 133/140

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

idk #interactive move your mouse

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/15134 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𬐽𫰽𘠢𞱣𛡷𪑤𭁨👩𫡮𩑲𥱩𩁴𪀻𩡯𬠨𪐽𜐰𜠴𞱩𛐭𞱩𙐱𝠿𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡥𛡢𭑴𭁯𫡳🱔𦰨𩐮𮀾🠳𚐫𜰲𚠨𩐮𮐾🠳𚑝🐡𩐮𨑬𭁋𩑹𞠰𞡯👓𭁲𪑮𩰮𩡲𫱭𠱨𨑲𠱯𩁥𚁱𚐫𫰩𮀮𩡩𫁬𤡥𨱴𚁩𙐳𜠪𞀬𚁩🠾𝐩𚠸𛀸𚠡𥁛𪑝𛀸𚐬𬐽𚁱🀼𜐩𚰡𥁛𪑝𞱴𪁲𫱷𘁯`.replace(/u../g,'')))

Jul 24 2019 9: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).

#Pixel #Packer #Tool ~ Draw with the mouse. Hold alt to erase. Image is printed to output. Render like d/15133

Show more comments…
u/KilledByAPixel

#interactive #pixelart
u/KilledByAPixel

uncompressed q=o="";c.width=innerWidth;for(i=1024;i--;i%16?onmousemove=e=>e.buttons?T[(e.x>>3)+32*(e.y>>3)]=!e.altKey:0:o=String.fromCharCode(q)+o)x.fillRect(i%32*8,(i>>5)*8,8*!T[i],8),q=(q<<1)+!T[i];throw o
u/donbright

wild
u/KilledByAPixel

CapJS link where you can load an image from disk (Show Advanced Settings/Custom Image) http://capjs.3d2k.com/?filename=PixelPack&am…
u/aleamb

superb!
u/young

wow oh wow

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/15016 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑴🱯𫡭𫱵𬱥𩁯𭱮👯𫡭𫱵𬱥𫑯𭡥👥🐾𮱢𩑧𪑮𤁡𭁨𚁚🐹𞐪𩐮𨡵𭁴𫱮𬰩𛁡𬡣𚁘👥𛡸𛁙👥𛡹𛀨𠐮𫑡𬀨𨐽🡚🐨𤠽𚀨𨐮𦀭𦀩𚠪𜠫𚁡𛡙𛑙𚐪𚠲𚐪𚠮𝐩🡡𛡚𚱚🱚𞡒𛑡𛡚𚐬𦠩𛀰𛀷𚐻𦠾𜀦𙡁𛡰𭑳𪀨𮱘𛁙𛁚𯐩𛁦𪑬𫀨𚑽𞠨𨰮𭱩𩁴𪀽𝐶𞀬𠐽𦱝𚐻`.replace(/u../g,'')))

Jul 18 2019 2:14 AM UTC

}// 140/140

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

Draw non-overlapping circles with the mouse! #interactive

u/KilledByAPixel

You can single click to draw individual circles or drag to draw a line.
u/f8f82804

who doesn't love an Apollonian gasket?

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡥𛡢𭑴𭁯𫡳🱔🰨𡐽𩐬𪐽𥀽𜀬𠐽𦱝𚐺𠐮𬁵𬱨𚁻𮀺𩐮𮀬𮐺𩐮𮑽𚐺𥀿𜀺𥀽𥠽𩐺𠐽𦱝𞱣𛡷𪑤𭁨👩𫡮𩑲𥱩𩁴𪀻𫀽𠐮𫁥𫡧𭁨𞱔𙠦𫀦𙠨𨐽𠑛𪐫𚰥𫁝𛁡𛡸𚰽𥠮𮀭𡐮𮀬𨐮𮐫👖𛡹𛑅𛡹𚐻𩡯𬠨𨐠𫱦𘁁𚑸𛡦𪑬𫁒𩑣𭀨𨐮𮀬𨐮𮐬𞐬𞐩`.replace(/u../g,'')))

Jul 16 2019 4:03 PM UTC

}// 139/140

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

Draw a squiggle and watch it move #interactive

u/katkip

This is so clever
u/PotatoImaginator

how does this work ? plz explain

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/12331 by u/pavel

function u(t) {

eval(unescape(escape`𫱮𫑯𭑳𩑭𫱶𩐽𩐽🠨𨰮𭱩𩁴𪁼👓👃🐰𛁔👥𚐻𩡯𬠨𪠽𜑥𜰻𪠭𛐻𮀮𩡩𫁬𤡥𨱴𚀹𝐷𚰴𝐰𚡓𛀵𜰷𚰴𝐰𚡃𛀵𛀵𚐩𬰽𣑡𭁨𛡲𨑮𩁯𫐨𚐼𛠵🰭𜐺𜐬𠐽𚁍𨑴𪀮𪁹𬁯𭀨𤰫👔𛡸𛰲𞀴𛐱𛁃𚰽𥀮𮐯𜐶𜀭𜐩𚱓𚐯𜠬𠰽𚁃🀰🰭𬰺𬰩𚠨𠐭𤰩𚠪𛠵𛁓👳𚡁𚠪𛠵`.replace(/u../g,'')))

Jul 9 2019 5:20 PM UTC

}// 137/140

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

#julia set explorer ~ Use the mouse to control!

Show more comments…
u/katkip

Cool! #compressed
u/donbright

woohoo!
u/stefano

Rookie question.. Is this using Web Assembly? If so, how do I get started?
u/metamero

replace eval with throw to see uncompressed JS code
u/stefano

Awesome, thanks
u/katkip

beautiful
u/KilledByAPixel

Thank you, but pavel did the hard part.
u/aleamb

#interactive #fractal
u/lud

Dragon curve?

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱣𛡯𫡭𫱵𬱥𫑯𭡥👥🐾𮱘👥𛡸𛁙👥𛡹𯐻𩡯𬠨𪐽𞐻𪐭𛐻𚑸𛡦𪑬𫁒𩑣𭀨𝐶𜀭𚁰🐨𦀭𜠸𞀩𚐪𚠳𛰳𩐴𚱩𚠨𜐰𜀭𚁯👍𨑴𪀮𨑢𬰨𬀯𞐩𚐩𛀴𜀰𛐨𬐽𦐪𚠳𛰱𩐵𚐫𫰬𝐰𛑯𛰹𛀲𜀰𚐻𮀮𩡩𫁬𤱴𮑬𩐽𙰣𨑡𨐧𛁸𛡦𪑬𫁒𩑣𭀨𜀬𝠰𜀭𬐬𜡥𜰬𜡥𜰩`.replace(/uD./g,'')))

Jun 19 2019 7:35 AM UTC

}// 139/140

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

#interactive #d3 3D Perspective #default! Move the cursor across the canvas for the 3D effect

u/katkip

the field of view is pretty weird i know
u/Xen

cool idea

show FPS hide FPS share fullscreen

veubeke

function u(t) {

t?T=T&&T-1:onclick=e=>T=30
c.width^=0
x.scale(40,40)
x.fillText('⚡',19,18)
x.globalCompositeOperation='xor'
T>>3&1&&x.fillRect(0,0,48,26)

Jun 18 2019 5:10 PM UTC

}// 137/140

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

Don’t touch!

u/Xen

Danger Danger!
u/katkip

ouch
u/magna

#interactive

show FPS hide FPS share fullscreen

username

remix of d/14527 by u/username

function u(t) {

t?onmousemove=_=>e=_:e={x:666,y:420}
x.beginPath()
for(i=c.width+=0;i--;x.lineWidth=14)x.lineTo(i,542+e.y*S(6.283*(t-i/(1e3-e.x))))
x.fill()

Jun 11 2019 9:11 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 fun

u/username

move mouse #interactive
u/katkip

Awesomed!

show FPS hide FPS share 1 remix fullscreen

username

function u(t) {

t?onmousemove=_=>e=_:e={x:666,y:420}
x.beginPath()
for(i=c.width+=0;i--;x.lineWidth=14)x.lineTo(i,542+e.y*S(6.283*(t-i/e.x)))
x.stroke()

Jun 10 2019 12:46 PM UTC

}// 136/140

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

harmonic wave equation (in javascript notation y=(x,y)=>A*S(2*Math.PI*(t/T-x/λ))) - move mouse to change wave length and amplitude (period is fixed at T=1 for simplicity)

u/aleamb

#interactive
u/aleamb

#math
u/marc8

Remixes https://www.dwitter.net/d/10105
u/username

u/marc8 I guess we had the same idea. However, my intention was to show a harmonic wave equation using d/14535 and then I just remixed that
u/username

actually, d/14535 does not do that. I did not post the dweet I had originally drafted. it used the above equation (in my very first comment) in code and that is exactly like that

dwitter.net | #Interactive