Dweets awesomed by u/lewdev

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

pavel

function u(t) {

c.width|=f=(X,Y,r)=>r>1&&x.moveTo(X+r,Y)+x.arc(X,Y,r,0,7)+f(X+r*C(a=(S(b=5*t)-b)/4),Y,r/2)+f(X,Y+r*S(a),r/2)
f(960,540,270)
x.fill`evenodd`

Oct 13 2021 9:44 PM UTC

}// 139/140

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

Some nice math for the 270 initial radius: The half-height is 540, this must equal r+r/2+r/4+r/8+...=r(1+1/2+1/4+1/8+...). Think about the bit in the brackets in terms of pizzas. You have a whole pizza, plus half a pizza, plus a quarter (half the remaining half), plus an eighth (half the remaining), etc. You have two pizzas! So 540=r*2.

u/pavel

Remix of d/11587. I remixed my other remix but that one was boring so I deleted it.
u/ciaccodavide

nice!
u/cantelope

i think about everything in terms of pizzas

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width&=i=1e4;i--;)'肁상낱ꁁႡ⁑ထ‥𝣝ﳽᐑ怉상ﳽ鲝ﳽ灡颱」'.codePointAt(i/128%32)-1>>(i&8?i%8^7:i%8)-~t%2*8&1||x.fillRect(i%128*S,i/8&-S,S,S=16)

Oct 11 2021 7:03 PM UTC

}// 140/140

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

Space invaders! #invaders #bitmap

show FPS hide FPS share 3 remixes fullscreen

pavel

remix of d/24056 by u/KilledByAPixel

function u(t) {

for(i=u=~u*7&511;w=i--/4;)x.fillRect((t||S(i))*2e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u)

Oct 11 2021 5:55 PM UTC

}// 91/140

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

u/pavel

for(i=u=~u*697&475;w=i--/4;)x.fillRect((t||S(i))*2e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u) has the parabola shape but is 92 and a little too symmetric.
u/pavel

Err, I meant for(i=u=~u*81&493;w=i--/4;)x.fillRect((t||S(i))*3e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u)

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

c.width|=f=(t,X,Y,s=3)=>x.fillText(t,X,Y,1500,x.font=s+'in"')
f('𝗖𝗔𝗡𝗗𝗬𝗠𝗔𝗡',210,220)
f('👁️',230,1020,11)
x.rotate(.4+S(t)/29)
f('🐝',1380,340)

Oct 10 2021 3:07 PM UTC

}// 140/140

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

Dare you say his name 5 times... 🐝 #ScaryMovies

u/danny@hille.dk

A movie reference for a movie that premiered 21 years ago... -> ofcourse you got my awesome
u/magna

CANDYMAN
u/KilledByAPixel

Don't say it!

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/24031 by u/danny@hille.dk

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󭼽󜬱󞌻󩭯󬬨󫜽󜽥󝌻󫜭󛜻󚝸󛭦󪝬󫍒󩝣󭌨󪜽󫜥󭼬󪬽󫜯󭽼󜌬󮬬󮬩󛍲󟜨󦌽󪜯󭼪󚌶󛝓󚍴󚬴󚜩󛝓󚍴󛼲󚜭󜼩󚭘󚼨󦜽󪬯󭼪󚌶󛝓󚍴󚬴󚜩󛝓󚌭󭌪󜼥󜼮󜬩󛜲󚜪󦜬󩌽󬬾󜜿󜌺󠼨󬬩󛼷󛍺󟝓󚍘󛽤󛝴󚬹󚜯󠼨󦜯󩌪󛬵󝜫󭌪󞜩󟬱󒬻`.replace(/u../g,'')))

Oct 9 2021 10:18 PM UTC

}// 130/140

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

Now i suck a football/soccer both IRL and virtual :-)

u/danny@hille.dk

uncompressed but (less bouncy) -> c.width=w=218;for(z=m=3e4;m--;)x.fillRect(X=m%w,Y=m/w,z,z),r=(i=X/w*4-2)*i+(j=Y/w*4-S(-t%3.2)-2)*j,d=r>1?0:C(r)/7,z=S(i/d-t*4)/C(j/d*.5+t)>1
u/danny@hille.dk

#d3
u/danny@hille.dk

#ball
u/danny@hille.dk

#hexagon
u/danny@hille.dk

#football

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/24046 by u/rep_movsd

function u(t) {

for(i=h=C(t&&h)*420;i-->0;x.fillRect(...t?[t*1e3-r*i/8,640+(i&5?i-h:h-i),i/4,2]:[i*8,r*560,h,r]))r=S(h^i)+1

Oct 8 2021 3:22 PM UTC

}// 107/140

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

Tiny Tree Lake

u/KilledByAPixel

Major compromise here of not having the curved shape but I made some tweeks so it still looks ok
u/rep_movsd

r*560 -> r*h
u/KilledByAPixel

if you do that the water cuts off 2/3 of the way down

show FPS hide FPS share 1 remix fullscreen

rep_movsd

remix of d/24008 by u/KilledByAPixel

function u(t) {

for(i=h=6+2*C(X=t&&X+r*25)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)

Oct 8 2021 10:58 AM UTC

}// 111/140

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

Smolrer Tiny Tree Lake

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/24031 by u/danny@hille.dk

function u(t) {

c.width=w=218;for(i=3e4;i--;)x.fillRect(X=i%w,Y=i/w|0,z=C(X/w*25-t*9)/S(Y/w*14-t*9)>1?.8:-.6,z)

Oct 7 2021 4:52 PM UTC

}// 95/140

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

Embossed triangles/hexagons remix

u/danny@hille.dk

#hexagon

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/24009 by u/BackendForth

function u(t) {

for(c.width|=i=0;i<3e3;i+=.1)x.arc(960,540,i**.5*21,a=i+t,a)
x.stroke()

Oct 6 2021 8:54 PM UTC

}// 71/140

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

Spiral Makes Circle Moiré

u/magna

Awesome! Also, ouch my eyes.
u/Chippackage

WOW!

show FPS hide FPS share 4 remixes fullscreen

KilledByAPixel

remix of d/20239 by u/KilledByAPixel

function u(t) {

for(i=c.width|=0;i--;)x.arc(960,540+C(i/40-t*6)*40,i,0,9)
x.stroke()

Oct 4 2021 11:17 PM UTC

}// 68/140

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

Moiré Waves

u/sigveseb

Wow, somehow this one looks the same in fullscreen too for me. I was expecting it to have completely different patterns because of the moire effect!
u/theonewhostands

May I ask why you used 'c.width|=0'? to my understanding, it should always return the same value. 1920 | 0 = 1920
u/danny@hille.dk

when you set the with of a canvas, the canvas is reset/cleared, c.width|=0 is 2 char shorter than c.width=1920
u/theonewhostands

Interesting. I understand now. Thank you very much!
u/magna

Whoa!

dwitter.net | lewdev (36424)