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

show FPS hide FPS share fullscreen

S.T.L.K.R.

function u(t) {

r=Math.random()
c.onclick=e=>(a=r*2+t,c.width=1920)
if(t<a)for(i=9;i--;x.fillRect(520+r*800,400,5,400));

Jun 4 2018 1:06 AM UTC

}// 104/140

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

Click to generate your barcode #interactive

u/S.T.L.K.R.

#Barcode

show FPS hide FPS share 1 remix fullscreen

Friend

remix of d/8092 by u/Friend

function u(t) {

t?0:i=j=k=0;
this[k%2?"j":"i"]+=(k+2<4?1:-1)
document.onclick=()=>k++;
k=k%4
x.fillRect(i*2,j*2,10,10)
x.fillStyle="hsl("+t%5*71+",99%,50%)"

May 18 2018 8:20 PM UTC

}// 140/140

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

Rainbow Snake - Click to turn

u/Friend

#interactive

show FPS hide FPS share fullscreen

prplz

function u(t) {

c.width=innerWidth
c.onmousemove=e=>q=e
for(c.width|=i=9;i--;)x.fillRect(X=100+i*25+S(t)*75,q.y<75?q.y+(2500-(q.x-X)**2)**.5|0:0,12,50)

Apr 29 2018 7:13 AM UTC

}// 135/140

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

#default #interactive

u/BirdsTweetCodersDweet

#undefinedvariables
u/BirdsTweetCodersDweet

No, wait, you just need to hover
u/BirdsTweetCodersDweet

Why you do dis, Chrome?

show FPS hide FPS share fullscreen

Xen

remix of d/3449 by u/p01

function u(t) {

x.drawImage(c,C(t),1),x.fillStyle=`hsl(${X},80%,50%)`,onkeydown=e=>(e=e.which-36)>0&&e<5?e&1?X+=e-2:Y+=e-3:0;x.fillRect(X*9,Y*9,X,Y)};{X=Y=7

Nov 2 2017 10:34 PM UTC

}// 140/140

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

Test...Move with arrows

u/iverjo

#interactive

show FPS hide FPS share fullscreen

hoge1e3

function u(t) {

if (t<1/60)c.addEventListener("mousemove",(e)=>
x.fillRect(e.x*3,e.y*3,5,5));

Nov 20 2024 5:01 AM UTC

}// 77/140

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

Use mouse to draw.

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

rep_movsd

function u(t) {

eval(unescape(escape`𭁼𯀨𨰮𭱩𩁴𪀽𪑮𫡥𬡗𪑤𭁨𚐬𫱮𨱬𪑣𪰽𩐽🡻𡠽𜰬𦠽𤀽🡸𛡦𪑬𫀨𫡥𭰠𤁡𭁨𜡄𚁠𫐤𮱘👥𛡸𛑥𛡸𙐴𝁽𘀤𮱘𙐲𚠱𜠫𩐮𮐭𩐮𮐥𜠵𯑬𙁻𤁽𝀴𚰲𝑠𛁸𛡦𪑬𫁓𭁹𫁥🐧𘰧𚱆𛐭𚠳𜰳𚐩𛀊𦡠𚰴𝀭𜠴𫀭𝀴𛐲𝑬𛑠𛁚𨀭𝀴𛐲𝑬𜀫𝀹𫀫𨀬𦡠𚰴𝀭𜠵𫀰𚰴𞑬𛑠𯐻`.replace(/u../g,'')))

Aug 6 2021 9:17 PM UTC

}// 140/140

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

Minecraft #3d #interactive

u/rep_movsd

Click to place block - its tricky to place it exactly where you want, but you'll get the hang of it soon
u/rep_movsd

Doesn't work in fullscreen tho

show FPS hide FPS share fullscreen

magna

function u(t) {

eval(unescape(escape`砮獴牯步却祬攽刨䌽琦♃ⱓ㵣⹯晦獥瑗楤瑨⽣⹷楤瑨ⱸ⹬楮敗楤瑨㴴〬⸱⤻潮浯畳敤潷渽攽㹃㵥㭯湭潵獥異㵟㴾䌽〻潮浯畳敭潶攽攽㹃☦砮獴牯步⡮敷⁐慴栲䐨嬧䴧⭃⹸⽓ⱃ⹹⽓Ⱗ䰧⭥⹸⽓ⱥ⹹⽓崩ⱃ㵥⤻`.replace(/u(..)/g,"$1%")))

Apr 5 2021 8:11 PM UTC

}// 138/140

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

Click and drag to draw with a translucent marker #interactive

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

remix of d/20849 by u/ciaccodavide

function u(t) {

w=96,h=54
onmousemove=e=>T=e
r=n=>(n%(w*T.x/222))%255
for(p=w*h;p--;)x.fillStyle=R(30,r(p),90),x.fillRect(p%w*20,~~(p/w)*20,20,20)

Nov 30 2020 11:09 PM UTC

}// 131/140

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

Left 2 Right #interactive

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𥰽𨰮𭱩𩁴𪀽𝐶𝰊𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡔👥𒡸𛡦𪑬𫁔𩑸𭀨𙱏𙰬𦀽𥀮𮀬𦐽𥀮𮐩𒡦𫱲𚁩🐶𜀻𪐭𛐻𭀾𣀫𜰦𙡍𨑴𪀮𪁹𬁯𭀨𪀭𦀬𪰭𦐩🀹𙠦𚁁🐭𣀫𚁌👾当𚐬𢀫🐧𛀧𚱁𚐩𮀮𩡩𫁬𥁥𮁴𚀧𣰧𛁨👴𚠳𛠶𚡩𙑗𛁫👩𚡴𙑗𚐊𭁨𬡯𭱾当𛑌𚱈`.replace(/u../g,'')))}{H=A=L=0

Nov 21 2020 2:41 PM UTC

}// 140/140

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

Bullet Hell #interactive #game with score and highscore tracking

u/ciaccodavide

Uncompressed code of the first (and prettier) version: L=c.width=567;onmousemove=e=>T=e;r=(j,k)=>(x.moveTo(j,k),x.arc(j,k,9,0,9));r(X=T.x,Y=T.y);for(i=9;i--;t>d+3&&Math.abs(h-X)+Math.abs(k-Y)<25&&(g=-d+(d=~~t),s+=','+g))r(h=t*21*i%L,k=i*13*t%L);x.fill();throw~~t-d+s;}{s=g=d=0

dwitter.net | #Interactive