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

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.

u/Coalshork

#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

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 fullscreen

SockTaters

remix of d/32290 by u/SockTaters

function u(t) {

t?onmousemove=e=>(f=d=>(e.x>>d&3)*85,e.y<8?x.fillStyle=R(f(7),f(5),f(3)):0,e.buttons?x.fillRect(e.x&~7,e.y&~7,8,8):0):c.width=innerWidth

Aug 26 2024 3:15 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 Palette (64 Colors!) #paint #draw #interactive

u/SockTaters

Click and drag across the top of the canvas to draw the palette. Once the palette is drawn, click any color to select it.
u/KilledByAPixel

thats a pretty cool way to select color!
u/SockTaters

*Hover over any color to select it. Also, thanks KilledByAPixel
u/cantelope

my thing i did https://i.ibb.co/h2zZsb8/pixel-art.jpg
u/cantelope

interestingly, the canvas drawable height may be taller than expected, which you will notice if you save the image ;)

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

show FPS hide FPS share fullscreen

dabl03

remix of d/32266 by u/HardlyProductive

function u(t) {

if(!t)X=Y=0,
onmousemove=e=>x.fillRect(X=f(e.x),Y=f(e.y),90,90);
x.fillStyle=`rgba(${255*C(X)},${255*C(Y)},0,.4)`;
f=a=>~~(a*3.36/99)*99;

Aug 21 2024 8:26 PM UTC

}// 140/140

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

Reveal hidden pattern with mouse #pattern #mouse

u/SockTaters

Lovely! This seems dangerously close to being a game
u/lewdev

#interactive nice!

show FPS hide FPS share fullscreen

lewdev

function u(t) {

eval(unescape(escape`󭌿󨼮󭽩󩍴󪌽󝬰󞬨󦌽󦜽󜼰󛍁󟝂󟜹󛍬󟝵󟝲󟝤󟜰󛍯󫭫󩝹󩍯󭽮󟝯󫭫󩝹󭝰󟝥󟜾󭍨󪝳󦼧󫍵󬭤󙽛󩜮󭽨󪝣󪌭󜼷󧝝󟝥󛭴󮝰󩝛󝝝󚜊󦌫󟝲󟼱󞭬󟼭󜜺󜌊󦜫󟝤󟼱󞭵󟼭󜜺󜌊󩭯󬬨󪜽󜬻󪜭󛜻󚝸󛭦󪝬󫍔󩝸󭌨󦼮󛬮󙽜󭝄󞌳󠽜󭝄󡭃󜽜󭝄󞌳󡍜󭝄󡍅󜜧󧝛󪝝󛍩󟽁󞭘󛍩󟽂󞭙󚜻`.replace(/u../g,'')))

Aug 9 2024 12: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).

🏃🗡 It's dangerous to go alone! Take this. (use arrow keys) #interactive

show FPS hide FPS share 2 remixes fullscreen

lewdev

remix of d/32211 by u/lewdev

function u(t) {

t?onmousemove=e=>(X=e.x*3,Y=e.y*3):X=Y=9
for(c.width|=i=0;i<46;i++,x.font=C(t+i)*90+150+"px'")x.fillText('✨',S(t+i)*800+X,C(t+i)*400+Y)

Aug 7 2024 4:53 AM UTC

}// 135/140

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

✨ Rotating Emojis #interactive #onmousemove

show FPS hide FPS share fullscreen

lewdev

remix of d/31666 by u/lewdev

function u(t) {

eval(unescape(escape`琿⡯湭潵獥摯睮㵟㴾䌽ㄬ潮浯畳敵瀽弽㹃㴰Ɐ湭潵獥浯癥㵥㴾䌦☨堽攮砯㠬夽攮礯㠩⤺䌽堽夽㤊砮晩汬呥硴⡛㌶攲Ᵽ⹷楤瑨㴶〬ㄬ⸰ㅝ⹭慰⡁㴾⡂㵴㸽䄿琯䄾㸰㨰ⱴ┽䄬䈾㤿䈺怰怫䈩⤮橯楮怺怬堬天`.replace(/u([^D].)/g,'$1%')))

Aug 5 2024 3:17 AM UTC

}// 138/140

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

⏲ Running #timer #clock #interactive Click 'n Draggable!

show FPS hide FPS share fullscreen

shandriy

function u(t) {

eval(unescape(escape`󪝦󚌡󭌩󮽘󟝙󟜴󜌻󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭻󦌽󩜮󮌯󝬻󦜽󩜮󮜯󝭽󯝦󫽲󚍣󛭷󪝤󭍨󟝩󟜹󝬻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍩󛍓󚌨󪜭󦌭󜜶󚜯󞜩󚬨󬼽󜬰󛝙󛼲󚜫󝌰󛝳󚽓󚍩󛼲󚽴󚬵󚜪󜬫󤼨󚌹󝬭󪜩󛼱󜌫󭌩󚬲󛌱󛌹󞜬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󦌪󜬬󪜬󦜪󜬩󚜩󞼻`.replace(/u../g,'')))

Aug 1 2024 9:08 PM UTC

}// 130/140

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

Colorful waves #interactive

u/cantelope

fun

dwitter.net | #Interactive