Dweets awesomed by u/joeytwiddle

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

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/27539 by u/KilledByAPixel

function u(t) {

for(c.width|=i=30;i--;x.fillText('D W I T T E R',50+i,800+i,1800))x.fillStyle=i?R(x.font='900 8in arial'):'#fff'

May 28 2023 5:38 PM UTC

}// 112/140

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

Shadow Font

Show more comments…
u/Joachim

Minus four chars… for(c.width|=i=30;i--;x.fillText('D W I T T E R',50+i,800+i,1800))x.fillStyle=i?R(x.font='8in arial'):'#fff'
u/KilledByAPixel

that one is a bit different without bold font, however i noticed the c.width|= is not necessary
u/Joachim

Oh, okay. The bold font doesn’t make any difference on the device I’m using.
u/deobfuscate

Ive always wanted to know why |= is used. Why specifically use the or equal operator?
u/deobfuscate

Ive always wanted to know why |= is used. Why specifically use the or equal operator?
u/deobfuscate

Whoops, accidentally posted it twice.
u/cantelope

|= isn't or-equal, it's the bitwise or, not an operational or... in the vein of a *= b, it performs the bitwise 'or' operation on the settee. e.g. a |= b is the same as a = a|b ...hope this helps :)
u/deobfuscate

I messed around with it: 0|0 is 0, 1|1 is 1, and so on. But if both numbers are different, it returns the sum.
u/KilledByAPixel

to clear the canvas you just have to do a math operation to the width or height, i use |=0 for some reason but you can use +=0 or -=0 or *=1 etc

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/27534 by u/rodrigo.siqueira

function u(t) {

for(c.width|=c.style.filter='blur(4vh)invert(',i=3e3;i--;x.fillRect(960+T(p=T(i))/Z,540+C(p)/Z,K=30*T(t/9),K))Z=T(i*i)/(P=(i-S(t/9)*t)%9)**4

May 25 2023 8:05 PM UTC

}// 140/140

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

Formation and dispersal (remix)

u/Xen

#FarTooSexy
u/rodrigo.siqueira

This is hypnotic and mesmerizing. I use fullscreen to enjoy the relaxing effect.
u/andrea270872

I feel like I'm going to Warp speed! Very cool

show FPS hide FPS share fullscreen

adamindibiemiravci

remix of d/27835 by u/adamindibiemiravci

function u(t) {

for(i=99;i--;x.fillStyle=R((999/i)*t/2,0,i))x.fillRect((i/t*2)*9,(i/t*2)*9,(i*t)*9,(i*t)*9);

May 25 2023 3:20 PM UTC

}// 92/140

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

show FPS hide FPS share fullscreen

deobfuscate

function u(t) {

t?t:c.width=300
x.fillRect(0,0,2e3,2e3)
for(i=50;i--;x.globalAlpha=.05)x.clearRect(i*6,S(t)*10+75+T(i+S(t*((i%9)-4))/2)*20,5,5)

May 25 2023 1:21 AM UTC

}// 127/140

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

Split

u/magna

Stylish!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27826 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=1e4;i--;x.clearRect(960+C(p=T(i*i-t/9))/(Z=(i/S(t+i+p)+i*p*i/320)/i/i),540+S(p)/Z,K=3*S(i),K))x.globalAlpha=.1

May 25 2023 12:50 AM UTC

}// 140/140

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

Galactic knot

u/deobfuscate

The universe gets pretty bored sometimes...
u/Joachim

Wow!!
u/joeytwiddle

There is a region of space they all avoid, except some of them occasionally don't!

show FPS hide FPS share 2 remixes fullscreen

eifo1

function u(t) {

q=950+60*S(t);x.lineWidth=90;x.strokeStyle="#FFF";x.fillRect(0,0,1920,1080);x.beginPath();x.arc(q,540,200+100*S(t),0,10*Math.PI);x.stroke();

May 19 2023 10:42 PM UTC

}// 140/140

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

cool circle

show FPS hide FPS share fullscreen

donbright

function u(t) {

c.width=2e3
Y=(a,b)=>a+50*S(i/b+t)
F=(i,j)=>x.fillRect(i,j,4,4)
for(i=2e3;i--;){
F(i,j=Y(340,100))
F(i,k=Y(540,150))
F(i,j+k-140)
}

May 19 2023 3:31 AM UTC

}// 131/140

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

bottom wave = sum of other two waves

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/27530 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=1e4;i--;x.clearRect(960+T(p=T(i))/(Z=T(i*i)/9/(P=t%9)**4),540+C(p)/Z,K=4*S(P/3),K))x.globalAlpha=.1

May 18 2023 12:11 PM UTC

}// 129/140

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

Star burst #stars

u/joeytwiddle

Very cool #starfield
u/Rumple

Reminds me of the breath of the wild intro
u/jdspugh

Nice

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󨼮󭽩󩍴󪌽󞜹󞽩󛜭󞽯󫭫󩝹󩍯󭽮󟝥󟜾󚍫󟝥󛭷󪍩󨽨󚜦󜜿󦌫󟝫󛜳󞌺󦜫󟝫󛜳󞜩󩭯󬬨󪬽󝜶󞽪󛜭󞽘󟬱󞜹󟽚󚼽󦌽󜜺󪜯󜬭󦌯󝍼󪬭󦜯󜬭󜬷󟽸󛭦󪝬󫍒󩝣󭌨󪜬󪬬󬜬󜜩󞭱󟼰󞭘󟜱󚝱󟝴󟽔󚌨󪬫󭌪󤼨󠜽󪜾󟬲󚜪󜼪󦬾󟬲󚜪󠜪󦬩󟌴󞭘󟝙󟝖󟝕󟝚󟜳`.replace(/u../g,'')))

May 17 2023 12:52 AM UTC

}// 134/140

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

Frogger 🐸 Use dpad to move. Go right to next level. #game

u/tomxor

Nice, moar games!
u/KilledByAPixel

Thanks! Full screen recommended, each level gets a bit faster.
u/tomxor

Got to level 8, pretty hard throw Z-2. Only issue is that difficulty is slightly tied to OS key repeat delay and rate. But keyup is not fitting in here so I don't see a solution.
u/jdspugh

Amazing

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27529 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=2e4;i--;x.fillRect(960+S(p=T(i*i)/9)/(Z=(i/T(i+t)+i*i/340)/i/i),530+C(p)/Z,3,3))x.fillStyle=R(i,i%200,0,.05)

May 16 2023 11:43 AM UTC

}// 138/140

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

Golfed fire suggestion by u/deobfuscate using a single x.fillStyle instead of separate ones for the black background and colored pixels.

u/deobfuscate

Neat
u/magna

Now make it the Quake logo
u/Xen

love it!
u/donbright

legendary

dwitter.net | joeytwiddle (57460)