Dweets awesomed by u/danny@hille.dk

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

erin

remix of d/21513 by u/erin

function u(t) {

for(j=w=c.width|=N=60;j--;x.fillRect(X+4*(X*Y/8e3),Y+X/9*S(Y/N+X/N-7*t)+99,9,9))X=j%N*15,Y=j/N*15;x.fillRect(0,N,9,w)

Jan 31 2021 3:47 PM UTC

}// 117/140

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

golfed a character and added some better movement - also some help from danny@hille.dk

u/Qwitter

Grand!
u/danny@hille.dk

Cool! how about a texture on it? for(j=w=c.width|=N=60,x.fillRect(68,N,18,w);j--;x.fillRect(X+4*(X*Y/8e3)+90,Y+X/9*S(Y/N+X/N-7*t)+70,s=(X|Y)%256*.06,s))X=j%N*15,Y=j/N*15
u/erin

love it
u/Qwitter

(CO|OL)

show FPS hide FPS share fullscreen

smtsjhr

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

function u(t) {

c.width=50;for(i=2e3;i--;x.fillStyle=i>1e3?q=R(0,0,50,.4):q=R(0))x.fillRect((X=i%(48+S(t/10)))-3,Y=i/49|0,8,Math.hypot(X-24,Y-13)/20)

Jan 31 2021 7:02 AM UTC

}// 133/140

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

Moonrise over the Lake

u/danny@hille.dk

Nice

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21477 by u/Qwitter

function u(t) {

w=c.width=1920;N=70;for(j=3e3;j--;){X=(j%N)*15;Y=((j/N)^0)*15;x.fillRect(X+4*(X/120*Y/100)+90,Y+40*S(X/N-7*t)+55,9,9);}x.fillRect(N,4,9,w)

Jan 30 2021 10:56 PM UTC

}// 138/140

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

flag, but i can't figure out how to have the left side not move, if anyone has ideas feel free to remix!

Show more comments…
u/erin

#flag
u/danny@hille.dk

just have your y movement be a function of x -> w=c.width=1920;N=70;for(j=3e3;j--;x.fillRect(X+4*(X/120*Y/100)+90,Y+X*.1*S(X/N-7*t)+55,9,9))X=(j%N)*15,Y=((j/N)^0)*15 x.fillRect(N,50,9,w)
u/danny@hille.dk

for(j=w=c.width|=N=60;j--;x.fillRect(X+4*(X*Y/8e3)+90,Y+X*.1*S(X/N-7*t)+55,9,9))X=j%N*15,Y=j/N*20;x.fillRect(N,50,9,w)
u/erin

o wow there we go
u/erin

room for color too
u/Qwitter

nice!

show FPS hide FPS share 1 remix fullscreen

andrea270872

function u(t) {

f=(X,Y,a)=>{for(i=1;i<10;i+=.2){K=5*(10-i);x.fillRect(X+(250-a.x)/i-K,Y+(180-a.y)/i-K,2*K,2*K)}}
onmousemove=e=>f(800,450,e,c.width|=0)

Jan 30 2021 6:46 PM UTC

}// 135/140

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

mouse-controlled tower with parallax #interactive #parallax

u/katkip

nice
u/tomxor

nice
u/andrea270872

Thanks :) I wanted to have 2 towers but I ran out of characters :D
u/danny@hille.dk

cool

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

function u(t) {

w=c.width=58;for(i=2e3;i--;)x.fillRect(X=i%w,Y=i/w|0,1,Math.hypot(X-29,Y-16)/16)

Jan 30 2021 6:34 PM UTC

}// 80/140

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

Testing some stuff - plotting inverse distance to center

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(X=Y=1)
for(i=399;i--;)X+=S(Y-X/233)/2+Y*X/9,Y+=C(X+.4),X+=S(X*Y-t/99)*C(X*3-Y*2+3.4+t)/25,x.fillRect(760+X*200-t,940+Y*90-t*499,6,6)

Jan 30 2021 6:22 PM UTC

}// 136/140

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

house

u/Qwitter

Cool
u/tomxor

Wow! also looks like a #bandstand

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21457 by u/KilledByAPixel

function u(t) {

with(x)for(i=c.width=198,translate(99,56);i--;rotate(.1276))fillStyle=R(a=1+S(i*i+t*9),a*i,a*i),fillRect(0,0,a,i/a),x.fillText('👀lll',-7,3)

Jan 28 2021 5:36 PM UTC

}// 140/140

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

Silly remix

u/Qwitter

'👀'+t

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21455 by u/Qwitter

function u(t) {

x.fillStyle='#0001'
x.fillRect(0,0,m=2e3,m)
for(i=399;i--;x.clearRect((1+(t%40>5))*(D=540)+(A=D/(t%5))*S(i+t),D+A*S(t+S(i-t)),A/9,A/9));

Jan 28 2021 5:35 PM UTC

}// 136/140

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

Well... it's a remix :-)

Show more comments…
u/Qwitter

cool!
u/smtsjhr

wow @ u/danny@hille.dk i was working on something with similar output, but using x.lineTo ! i will share soon, but its over 140 maybe you can help me golf please : )
u/smtsjhr

clever x.clearRect trick! its like you are "erasing" what you intend to draw! ...and it seems interchanging x.clearRect and `x.fillRect' in your code looses the blur effect hmm!
u/smtsjhr

@ u/danny@hille.dk check out d/21499
u/danny@hille.dk

.fillStyle='#0001' sets fill color to black with a transperancy of 16% (this css shorthand hex color notation, denotates color in 4*8bit RGBA, it is in essence the same thing as the standard #RRGGBBAA notaion, but with less resolution) fillRect then fills the intire screen with that blackish color then clearRect is used to "paint" white squares (the main reason is so you only have to use fillStyle once) When the main loop runs again - the white squares are only mostly paintet (84%) over, which results in a kind of motion-blur/glow As far as i know, you cannot use this technique with lineTo since line uses strokeStyle to draw linecolors
u/smtsjhr

u/danny@hille.dk thanks for all the info!

show FPS hide FPS share fullscreen

Qwitter

remix of d/21487 by u/Qwitter

function u(t) {

eval(unescape(escape`𨴮𬵴𮕬𩔮𩥩𫅴𩕲🔢𪕮𭥥𬥴𚄢𞵷🕣𛥷𪕤𭅨🔱𞔲𜄻𮄮𩥩𫅬𤵴𮕬𩔽𘤣𜅆𡤢𞵎🔱𜤸𞵦𫵲𚅪🔹𜤱𝤻𪤭𛔻𚔨𦄽𚅪𙕎𚔪𭴯𣤬𦔽𚄨𪤯𣤩𧤰𚔪𭴯𣤬𮄮𩥩𫅬𤥥𨵴𚅘𛅙𛄹𚥓𚅍𨕴𪄮𪅹𬅯𭄨𦄭𞔶𜄬𦔭𝔴𜄩𛴳𜴭𞔪𭄩𚴵𚥃𚅘𛴶𝤭𜔸𚥴𚔬𞔩𚔊`.replace(/u../g,'')))

Jan 28 2021 5:21 PM UTC

}// 133/140

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

They are.

Show more comments…
u/danny@hille.dk

Nice!
u/Xen

love you!
u/Qwitter

:)
u/magna

Lovely style!
u/smtsjhr

i am also in love ok.
u/Qwitter

:) :)

show FPS hide FPS share 1 remix fullscreen

Qwitter

remix of d/21485 by u/Qwitter

function u(t) {

w=c.width=1920;N=128;for(j=9216;j--;)(X=(j%N)*w/N,Y=((j/N)^0)*w/N,x.fillRect(X,Y,9*S(Math.hypot(X-960,Y-540)/33-9*t)+5*C(X/66+9*t),9))

Jan 28 2021 5:11 PM UTC

}// 134/140

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

Interference Rose

dwitter.net | danny@hille.dk (36209)