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

show FPS hide FPS share 1 remix fullscreen

4ce

remix of d/26356 by u/magna

function u(t) {

eval(unescape(escape`瑼籣⹩湳敲瑁摪慣敮瑈呍䰨≢敦潲敢敧楮∬怤筨㴧㱩湰畴⁴祰攽牡湧攠楤㴧絘㹘夤筨絙㹠⤻挮睩摴栫㴰㭦潲⡩㴹㤹㭩ⴭ㬩砮汩湥呯⠹㐰⭃⡩⼳〪堮癡汵攫琩⨳〰ⰵ㐰⭓⡩⼳〪央癡汵攫琩⨳〰⤻砮獴牯步⠩`.replace(/u([^D].)/g,'$1%')))

Oct 19 2022 9:59 PM UTC

}// 140/140

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

Lissajous shapes(curve) 10k variations! , "i/30" from d/25915 ; Tags: #html #interactive

u/4ce

autoCompressOff: t||c.insertAdjacentHTML("beforebegin",`${h='<input type=range id='}X>XY${h}Y>`);c.width+=0;for(i=999;i--;)x.lineTo(940+C(i/30*X.value+t)*300,540+S(i/30*Y.value+t)*300);x.stroke()
u/4ce

u/cantelope #slider #controls
u/4ce

I tried say=>' "i/30" from d/25915 ': if change some "30" can have little other result and what : d/25915 remix source too, but many parametrs just coincidence... "10k"==X.value*Y.value . ~_^⠀GoodLuck!

show FPS hide FPS share 1 remix fullscreen

4ce

function u(t) {

t||c.insertAdjacentHTML("beforebegin","<input type=range id=r>");c.width+=0;for(i=r.value;i--;)x.fillStyle=R(i*20),x.fillRect(i*20,99,10,99)

Oct 17 2022 10:15 AM UTC

}// 140/140

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

Just #example #interactive Dweet canvas with #html interface. Base idea add debug interface for d/26305 but something works slow.That's all... now(?)

u/taupelink

cool!
u/magna

Cool idea! I made a lazy remix: d/26356
u/cantelope

#slider #controls

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/19560 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󩌽󡍡󭍥󛭮󫽷󚍩󟜵󜜲󚜬󫼽󙼼󨽯󩍥󟬧󞽩󛜭󞽯󚼽󪜥󜼲󟽠󟍢󘍯󫭣󫍩󨽫󟝩󫭮󩝲󥍥󮍴󟜧󙍻󫬾󞌿󙽘󙼺󫭼󯌧󛬧󯜧󟬣󟌯󨬾󨌺󨌼󬌾󨌩󩭯󬬨󫬽󪬽󜌻󪬼󞜻󫬫󟝫󙜳󜬦󪼾󝬴󙭫󟌵󜜴󙭔󚍫󚭫󧭤󚜾󜬿󪬭󝜿󜜺󞜺󜌩󪼽󪜫󪬥󜼫󚍪󚼫󛼳󟌼󝜩󚼱󒭣󛭯󭝴󩝲󢍔󣝌󟝯`.replace(/u../g,'')))

Oct 14 2022 2:40 AM UTC

}// 137/140

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

Minesweeper 💣 Random Puzzle #interactive #game

u/Odog8

WOW
u/KilledByAPixel

add code document.body.style.userSelect='none' before the eval to make input a bit better

show FPS hide FPS share fullscreen

4ce

function u(t) {

c.outerHTML="<input placeholder=typeCode oninput=\"i1.innerText='```'+this.value.replace(/\`/gm,'\\\\`')+' ```'\"style=width:99%><hr id=i1>"

Oct 9 2022 8:43 PM UTC

}// 140/140

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

Dwitter code in Dwitter comment #DCIDC converter v1beta aboutThis: https://www.dwitter.net/d/26261 (comment4)

u/4ce

UPD: This " #app " eat all multiline symbol ,Dwitter comment single line too , thehefore some code can be broken and i inot sure what all work correct but this #application was helpfull for me , thehefore i just leave its here. ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ Instruction(and old text): Type code through click on "typeCode" and copy code bellow "typeCode" in your comment... =_= It's work? tags: #interactive #html ~_^⠀goodLuck!

show FPS hide FPS share fullscreen

384.cz

remix of d/25471 by u/Joachim

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𮠽𝀰𜀻𭀿𬐭👰𛱺𞡱👰🐰𞱯𫡭𫱵𬱥𫑯𭡥👥🐾𬀽𩐮𮀭𮠻𩡯𬠨𪐽𝁥𝀻𪐭𛐻𮀮𩡩𫁬𤱴𮑬𩐽𤠨𪐯𜠰𜀬𥀨𪐥𮠯𞐭𬐩𚠲𜀬𜀩𛁸𛡦𪑬𫁒𩑣𭀨𜠰𜀫𚁩𙑺𛐹𞐩𚡙𛀹𞐫𦐪𞐫𠰨𜰰𛱙𚱴𚠹𚐪𥀨𪐥𮠯𞐭𬐩𚡙𛁙𛁙𛰹𚐩𦐽𪐯𜡥𜰠`.replace(/u../g,'')))

Sep 4 2022 10:44 AM UTC

}// 131/140

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

u/cantelope

ha! why wouldn't you mention that it's interactive! :D
u/384.cz

#interactive
u/vain

nice one!

show FPS hide FPS share fullscreen

junov

remix of d/26059 by u/junov

function u(t) {

t?x.stroke():s=c.width/innerWidth
c.onmousemove=e=>{x.moveTo(s*(e.x+(k=e.movementY)),s*(e.y-(l=e.movementX)))
x.lineTo(s*(e.x-k),s*(e.y+l))}

Aug 30 2022 2:53 AM UTC

}// 140/140

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

Ladder brush #interactive #paint #app. Hover over the canvas. Try moving fast and slow

show FPS hide FPS share 2 remixes fullscreen

junov

function u(t) {

eval(unescape(escape`琿砮晩汬却祬攽恨獬⠤筴絲慤ⰹ㤥ⰷ〥⥠㩳㵣⹷楤瑨⽩湮敲坩摴栊挮潮浯畳敭潶攽攽㹥⹢畴瑯湳☦砮慲挨猪攮砬猪攮礬㤹ⰰⰷ⤊砮晩汬⠩੸⹢敧楮偡瑨⠩੸⹤牡睉浡来⡣Ⱝ㤬ⴵⰱ㤳㠬㄰㤰⤠`.replace(/u([^D].)/g,'$1%')))

Aug 30 2022 1:48 AM UTC

}// 134/140

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

#psychedelic #interactive #paint #app Click on the canvas to drop paint

show FPS hide FPS share fullscreen

pasghetti

function u(t) {

eval(unescape(escape`琿〺愽戽甽〻挮睩摴栽ㄹ㈰㭯湫敹摯睮㵥㴾甽㌸ⵥ⹷桩捨㭯湫敹異㵥㴾甽〻愫㴨甭愪⸱ⴱ〪匨戫㵡⨮〱⤩⨮〱㭷楴栨砩筴牡湳污瑥⠹㘰ⰵ㐰⤬牯瑡瑥⡢⤬砮愽晩汬剥捴ⱡ⠰ⰰⰱ〬㐰〩ⱡ⠭㐳ⰴ〰ⰹ〬㤰⥽`.replace(/u(..)/g,"$1%")))

Aug 23 2022 3:36 AM UTC

}// 137/140

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

Pendulum (press left and right arrow keys to control). Try balancing it at the top

u/pasghetti

#interactive

show FPS hide FPS share fullscreen

Odog8

function u(t) {

t?0:a=[];c.width=200;onkeydown=e=>a.push([e.key,t*t*2e3%200,10,0]);for(i of a){x.fillText(i[0],i[1],i[2]);i[2]-=i[3];i[3]-=.1}

Aug 22 2022 12:44 AM UTC

}// 127/140

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

Use your keyboard to make it rain!

u/Odog8

#interactive

show FPS hide FPS share 1 remix fullscreen

myxoh10

remix of d/25974 by u/myxoh10

function u(t) {

c.onmousemove=e=>m=e
g=a=>99*(S(t*a/9)+1)
x.fillStyle=R(g(8),g(4),g(2),.4)
x.fillRect(m.x*3.2,m.y*3.3,99,99)

Aug 18 2022 9:45 PM UTC

}// 108/140

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

Slightly less characters - #draw #interactive

dwitter.net | #interactive