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 1 remix fullscreen

GreyHope

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝴󟽯󫭣󫍩󨽫󟝥󟜾󨝛󝌸󧜮󪌫󚼺󨜽󦽝󒭦󫽲󚍩󟜹󝼻󪜭󛜻󚝴󯍼󨜮󬍵󬽨󚍻󪌺󜜬󭍽󚜊󨜮󩭯󬭅󨝣󪌨󚍢󛍩󚜽󟭻󒭢󛭴󚼽󚌱󚽡󦽩󙬦󪜭󜝝󛭨󚽡󦽩󟜽󞜶󟼰󞭩󚼱󧜮󪌭󨬮󪌪󜼩󛼱󜌊󮌮󫍩󫭥󥍯󚍩󚬲󜌬󪜦󙭩󘜽󞜶󙬦󚍢󛭨󚼽󨬮󭌪󟜮󞜩󚬵󝌰󚜊󯜩󒭸󛭦󪝬󫌨󚜻`.replace(/u../g,'')))

Jun 28 2021 3:31 PM UTC

}// 139/140

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

Click Me

u/GreyHope

#water #interactive
u/Xen

love it!!
u/Xen

a[e.x/6|0] to drop by mouse
u/GreyHope

Ah, thanks. I’ll use that.

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/22982 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝩󟜱󜌳󝬸󞼭󛝩󞽶󟜽󜭼󭬦󜼪󘝔󦽓󟝩󚼨󪜪󭍞󪜩󙜳󛜱󚼨󭬾󜝼󤼦󜜿󭬦󜬿󛝷󞭷󞬰󚝝󟽔󦽩󧜽󚍔󦽓󧜽󭬩󙬲󟽶󛜲󞬰󞭯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󥍛󭼪󚍥󛭹󚬨󭼯󟝩󫭮󩝲󥽩󩍴󪌩󯌰󚜫󩜮󮌪󭽼󜍝󟝥󛭢󭝴󭍯󫭳󚝸󛭦󪝬󫍒󩝣󭌨󪜥󭼬󪜾󟬷󛌱󛌨󭬽󥍛󪝝󚜯󝜩`.replace(/u../g,'')))

Jun 4 2021 4:58 PM UTC

}// 140/140

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

Tiny Sandbox ⌛ Use mouse buttons to place... None 🧼 Erase, L 🌊 Water, M 🧱 Wall, R ⚡️ Lightning Eraser, L+M ⌛️ Sand, R+M 🌱 Vines, L+R ⛈️ Rain Storm, L+M+R 🌪️ Sand Storm

u/KilledByAPixel

Add the code onmousedown=oncontextmenu=_=>!1 to improve usability (prevents other mouse events)
u/KilledByAPixel

#interactive #physics #game
u/KilledByAPixel

#sand
u/SockTaters

This amazes and confuses me. I am stupefied

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𬠽𫰽🠨𫐽𣑡𭁨𚐮𬡡𫡤𫱭𚀩𚠨𨰮𭱩𩁴𪀽𝐶𝰩𒡐𛡰𭑳𪀨𮱸𞡲𚁯𫡭𫱵𬱥𫑯𭡥👥🐾𥀽𩐩𛁹𞡲𚀩𯐩𒡐𛡭𨑰𚁰🐾𚁘👰𛡸𛑔𛡸𛁙👰𛡹𛑔𛡹𛁸𛡭𫱶𩑔𫰨𬀮𮀭👘𛰽𞐬𬀮𮐭👙𛰽𞐬𮀮𨑲𨰨𬀮𮀬𬀮𮐬𞐪𫐮𨑢𬰨𦀫𦐩𛰹𛀰𛀹𚐩𚐩𒡸𛡦𪑬𫀨𚐠`.replace(/u../g,'')))}{P=[]

Nov 21 2020 7: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).

Rear-view mirror in the #starfield & #interactive

u/ciaccodavide

r=o=>(m=Math).random()*(c.width=567);P.push({x:r(onmousemove=e=>T=e),y:r()});P.map(p=>(X=p.x-T.x,Y=p.y-T.y,x.moveTo(p.x-=X/=9,p.y-=Y/=9,x.arc(p.x,p.y,9*m.abs(X+Y)/9,0,9))));x.fill()}{P=[]

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`挮睩摴桼㵴㽔㴴〰㩁㵛眽楮湥牗楤瑨崻景爨椽㤹㬭⵩㭯湭潵獥浯癥㵥㴾䅛攮扵瑴潮猪ㄹ㤪攮礯睼そ㵘㴲攳⩍慴栮慢猨攮砯眭⸵⤩砮敬汩灳攨㤶〬㤹⭩⨹ⱔ㵁孩崽䅛楝㼮〱⩔⬮㤹⩁孩崺听㔰ⰰⰱ⸵㜬㤩㭸⹦楬氨⤻`.replace(/u(..)/g,"$1%")))

Oct 8 2019 3:06 PM UTC

}// 140/140

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

Vase Pottery - Click mouse to shape the vase. #interactive

u/tomxor

Love it :D you can even stick bits back on
u/katkip

Good idea!
u/username

need to hold down

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

zanella

function u(t) {

c.width|=0;x.font='90px arial';!t&&(A=[]);A.forEach(a=>x.fillText(a.t,a.x,a.y+=9));window.onkeypress=e=>A.push({t:e.key,x:t*t*500%1920,y:0})

Jan 22 2018 1: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).

Click on the canvas and then type things!

u/joeytwiddle

Super!
u/sigveseb

super cool!
u/donbright

:)
u/iverjo

#interactive
u/Friend

I took off 5 characters by moving the Array initialization to the end: c.width|=0;x.font='90px arial';A.forEach(a=>x.fillText(a.t,a.x,a.y+=9));window.onkeypress=e=>A.push({t:e.key,x:t*t*500%1920,y:0})}{A=[]

show FPS hide FPS share fullscreen

trupples

function u(t) {

onmousemove=E=>{c.width=innerWidth;for(i=69;i--;c.style.cursor="none")"@`px|~x\\".charCodeAt(i/7)>>i%7&1&&x.fillRect(E.x-i%7,E.y+i/7,1,1)}

Jan 9 2018 8:31 PM UTC

}// 140/140

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

7x10 cursor

u/joeytwiddle

Haha, excellent!
u/magna

Related: d/2633 and d/3271
u/sigveseb

Sweet :D
u/iverjo

#interactive

show FPS hide FPS share fullscreen

magna

remix of d/2425 by u/cantelope

function u(t) {

t||(w=c.width=568)
with(x)onmousemove=e=>lineTo(C=e.pageX,S=e.pageY),fillStyle=R(S,C,S,.2),fillRect(0,0,w,w),beginPath(stroke()),moveTo(C,S)

Apr 6 2017 5:04 AM UTC

}// 140/140

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

Fixed the "X/Y is not defined" errors by hijacking S and C

u/brahimtim

hhjgj
u/cantelope

@magna, brilliant! :D
u/cantelope

as promised, 3 gold stars... https://www.dwitter.net/d/2434
u/magna

Thanks! :)
u/iverjo

#interactive

show FPS hide FPS share fullscreen

HardlyProductive

function u(t) {

t?(i=~~(t*5*990/T)%21,onmousedown=e=>T=T-100):T=990;
x.fillRect(i*99,T,90,90)
x.clearRect((i-1)*99,T,90,90)
// README: T<1?gg():clickmouse()

Sep 30 2024 1:14 PM UTC

}// 140/140

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

Stacker #interactive #game

u/HardlyProductive

Use mouse click to place blocks
u/cantelope

not sure i get the objective 🤔
u/HardlyProductive

I tried to reproduce this arcade game (https://en.wikipedia.org/wiki/Stacker_%28arc…). The idea being to stack the blocks vertically until you reach the top
u/cantelope

ah. cool. seems like it should start over or w/e if you fail :)

show FPS hide FPS share 1 remix fullscreen

SockTaters

remix of d/11332 by u/metamero

function u(t) {

t?onmousemove=e=>(onkeydown=k=>(x.fillStyle=R((k.key&4)<<6,(k.key&2)<<7,(k.key&1)<<8)),x.fillRect(e.x&~7,e.y&~7,8,8)):c.width=innerWidth

Aug 24 2024 8:36 PM UTC

}// 136/140

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

Paint by Number Keys

u/SockTaters

Click in the window and use 0-7 to change colors.
u/SockTaters

0=black 1=blue 2=green 3=cyan 4=red 5=magenta 6=yellow 7=white
u/SockTaters

#paint #draw #interactive

dwitter.net | #Interactive