Top #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: #Food

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𭁼𯀨𦠽𦱝𚐻𨰮𫱮𫑯𭑳𩑭𫱶𩐽𚁥𚐽🡻𦠮𬁵𬱨𚁻𮀺𩐮𮀬𮐺𩐮𮑽𚑽𞱦𫱲𚁣𛡷𪑤𭁨𯀽𪐽𜀻𪐼𦠮𫁥𫡧𭁨𛐱𞱩𚰫𚑸𛡭𫱶𩑔𫰨𦡛𪑝𛡸𛁚𦱩𧐮𮐩𛁸𛡬𪑮𩑔𫰨𦡛𪐫𜑝𛡸𛁚𦱩𚰱𧐮𮐩𛁚𦱩𧐮𮀫👓𚁴𚠪𜰪𦡛𪑝𛡹𚐬𦡛𪑝𛡹𚰽𠰨𭀪𭀪𦡛𪑝𛡸𚐻𮀮𬱴𬡯𪱥𚀩`.replace(/uD./g,'')))

Dec 16 2019 4:40 PM UTC

}// 140/140

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

go on #fullscreen #interactive and draw something. It will start wiggle. Idea: https://ptsjs.org/demo/edit/?name=curve.bezi…

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/855 by u/mxfh

function u(t) {

eval(unescape(escape`𭀿𬰽𚁣𛡷𪑤𭁨𧠽𫱮𫑯𭑳𩑭𫱶𩐽𧰽🡢👟𛡸𚐯𝀺𨐽𨠽𜐮𝐷𞱦𫱲𚁱👲👡𞰨𬐭🐱𛱳𚐾𛑡𞱸𛡬𪑮𩑔𫰨𠰨𬐫𨠯𞐹𚐪𤰨𬠭𭀩𚡳𚰲𚡳𛀨𠰨𭀫🐱𛱳𚐪𤰨𬐩𚱃𚁱𚐪𠰨𬠭𭀩𚐪𬰫𬰩𚑲𚰽𨐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

Nov 8 2019 5:13 PM UTC

}// 118/140

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

#interactive #mouse #remix

u/kimeiga

wow i would love to learn how this magic works :o incredible!

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(O=[]);c.width*=1;onmousemove=e=>z=e.x*3;O.push({X:z,Y:0,V:0});for(o of O){x.fillRect(o.X,o.Y+=o.V,10,10),o.V+=.1;if(o.Y>1080)o.V*=-.9}

Oct 8 2019 4:53 PM UTC

}// 138/140

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

Bouncy particles. Move your #mouse. #interactive #bounce

u/aleamb

love it!

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

onmousemove=e=>Y=e.y*3.54;if(!t)L=[],Y=540,L[m=99]=540;c.width|=L[-1]=Y;for(i=m;i--;x.fillRect(i*20,L[i],9,9))L[i]=t?(L[i-1]*2+L[i+1])/3:540

Sep 7 2019 6:07 PM UTC

}// 140/140

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

#interactive

show FPS hide FPS share fullscreen

metamero

function u(t) {

eval(unescape(escape`𭱩𭁨𚁮𩑷𘁁𭑤𪑯𠱯𫡴𩑸𭀩𭀿𮀮𬱴𬡯𪱥𚀩𞠨𫰽𨱲𩑡𭁥𣱳𨱩𫁬𨑴𫱲𚁯𫡭𫱵𬱥𫑯𭡥👥🐾𮀮𫁩𫡥𥁯𚁯𛡦𬡥𬑵𩑮𨱹𛡶𨑬𭑥👥𛡸𚠽𬰽𜰮𜰸𛁳𚠽𩐮𮐬𩰮𩱡𪑮𛡶𨑬𭑥🐹𞐯𬰩𚐩𛡣𫱮𫡥𨱴𚁧👣𬡥𨑴𩑇𨑩𫠨𫰮𬱴𨑲𭀨𚐩𚐮𨱯𫡮𩑣𭀨𩁥𬱴𪑮𨑴𪑯𫠩`.replace(/u../g,'')))

May 13 2019 1:57 PM UTC

}// 138/140

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

#theremin marker [ loud ]

u/metamero

#noise #drone #sinewave #audio #instrument #sound #interactive #paint | #compressed using d/11852
u/metamero

#audiovisual
u/KilledByAPixel

Cool! Its weird that it works in firefox but not chrome for me.
u/DataMeta

Fun!
u/davidsover

F for my ears

show FPS hide FPS share fullscreen

metamero

remix of d/11966 by u/metamero

function u(t) {

eval(unescape(escape`琿挮睩摴桼㵯湣汩捫㵥㴾笨愽攮砪⡦㴵⽩湮敲䡥楧桴⥼〩㰴㽍帽ㄼ㰨愪㔫⡫㴨攮礪晼〩⤩㨰紺䴽㔳ㄱ㭦潲⡩㴲〬稽㈱㘻椭ⴻ⥍☱㰼椦♸⹦楬汒散琨⡩⼵簰⤪稬椥㔪稬稬稩㭴桲潷⁍⬧‧⭓瑲楮朮晲潭䍯摥偯楮琨䴩`.replace(/u(..)/g,"$1%")))

Jan 26 2019 9:37 PM UTC

}// 140/140

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

now compatible with these new dweets rendering fonts represented by #unicode characters : draw unicode #compressed tiles / bitmaps / glyphs : 3x5 for BMP only or 4x5 for full unicode code point range #interactive #tool

u/metamero

compressed using d/11848
u/katkip

This is awesome. Press F to pay respect
u/metamero

works with d/11941 d/11957 etc
u/donbright

#paint

show FPS hide FPS share 4 remixes fullscreen

metamero

remix of d/11329 by u/metamero

function u(t) {

t?onmousedown=e=>b=onmousemove=e=>b&&x.lineTo(e.x,e.y):(onresize=ondblclick=e=>c.width=innerWidth)(onmouseup=e=>x.beginPath(b=0))
x.stroke()

Dec 6 2018 8:53 PM UTC

}// 140/140

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

minimalist marker #interactive #paint v1.2 = click to draw multipath + double click or resize to delete + fullscreen-able

u/metamero

#application #app
u/metamero

https://www.instagram.com/p/BrEQqIHgraf
u/metamero

see d/11334 for a version that changes marker size with the mouse wheel
u/metamero

and d/11336 for a mobile/multitouch version

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

c.width|=onkeydown=e=>this["YXYX"[g=e.which%4]]-="0220"[g]-1,x.fillRect(X*9,Y*9,60,60)};{X=Y=70

Feb 6 2018 3:41 PM UTC

}// 95/140

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

u/iverjo

#interactive

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

c.onclick=_=>window.a||(a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start(),c.onmousemove=e=>o.frequency.value=e.x)

Apr 8 2017 8:22 PM UTC

}// 140/140

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

Starts making noise if you click on the canvas. Hopefully you can silence it by going left, but no guarantees!

u/cantelope

"woooOOOOoooOOOO" :D
u/magna

It's a dweetheremin!
u/joeytwiddle

Yes it is :) More fun with a wider frequency range: o.start());c.onmousemove=e=>o.frequency.value=5*e.x
u/lionleaf

Haha, amazing! Fullscreen gives you a wider audio range :)
u/joeytwiddle

#audio #interactive

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󥌽󩜻󩭯󬬨󪜽󝜴󝌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌭󝌬󛜱󝬬󞌬󜼲󚜩󭽩󭍨󚍍󨝴󪌩󦌽󪜥󜼲󟌼󝬬󦜽󪜯󜼲󟌼󝬬󮌮󬽥󭍔󬭡󫭳󩭯󬭭󚍭󟝓󚍡󟝡󭍡󫬲󚍪󟝘󚽾󥌮󮌯󛬳󛍫󟝙󚽾󥌮󮜯󛬳󚜩󛍮󟝃󚍡󚜬󛝮󛍭󛍘󛍙󚜬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󪍹󬍯󭌨󪬬󪼩󚜻`.replace(/u../g,'')))

Oct 17 2024 9:28 PM UTC

}// 139/140

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

Color Parallels demake https://www.mightypenguin.dev/igloo/color-pa… #mouse #interactive

u/magna

Works best non-fullscreen

dwitter.net | #Interactive