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

KilledByAPixel

remix of d/16938 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󭌿󨼮󭽩󩍴󪌽󞜹󞭂󟝍󟜰󒭦󫽲󚍩󟜳󜬻󪜭󛜻󮬦󙭱󙬨󦌭󥌩󚬪󜬫󚍙󛝂󚜪󚬲󟌹󟽵󦽩󧜽󠬽󜜺󫽮󫝯󭝳󩝭󫽶󩜽󩜽󟭍󟝥󛭸󛼷󚝱󟝩󟬷󛍸󛭦󪝬󫍔󩝸󭌨󪜿󜌺󙼪󙼬󪜿󬜿󦌽󚍩󙜸󚬹󚜫󜜵󚽓󚍴󚜪󜜵󞭍󞭔󛍩󟽱󟽺󟝵󦽩󧜿󜌺󦜽󚍩󟬾󜼩󚬹󚽴󛼲󞬵󞜺󠬼󜌿󚍔󟝍󛍂󟜶󝌩󞬭󛝂󚜻`.replace(/u../g,'')))

Dec 15 2024 3:02 AM UTC

}// 140/140

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

Dweet Invaders 👾 #interactive #game

u/tomxor

neat
u/rodrigo.siqueira

"Space Invaders was initially seven kilobytes (KB) and had to be cut down. He spent three months editing his code to be able to fit on the four KB rom cartridge." (Wikipedia)
u/Coalshork

absolutely nuts
u/lewdev

Amazing Dweet, u/KilledByAPixel! And thank you u/rodrigo.siquera for that tidbit. I didn't think there was so much code golfing done back then too, which was probably a lot more normal then it is compared to now.

show FPS hide FPS share fullscreen

Coalshork

function u(t) {

b=8
x.strokeRect(960,520,t*100,t*100)
x.translate(960,520)
x.rotate((Math.PI*b)/180)
x.translate(-960, -520)

Nov 22 2024 8:10 PM UTC

}// 108/140

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

Spirograph

u/Coalshork

For #interactive mode, change b to whatever value you want in degrees!

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 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

dwitter.net | #interactive