Dweets by u/@noel

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

@noel

remix of d/28149 by u/PotatoImaginator

function u(t) {

i=1n
t=3n*(10n**1020n)
p = t
while(t>0){t=t*i/((i+1n)*4n)
p+=t/(i+2n)
i+=2n}
pi=p/(10n**20n)
throw pi

Jul 19 2023 2:13 PM UTC

}// 101/140

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

Experimenting a 'big' PI

u/Xen

smol as i could get quickly: i=1n,p=t=3n*(10n**1020n);while(t)t=t*i/((i+1n)*4n),p+=t/(i+2n),i+=2n;throw p

show FPS hide FPS share fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󨼮󭽩󩍴󪍼󟝤󟜵󜌰󞽤󛜭󞼩󩭯󬬨󬬽󜜲󞽲󛜭󞼩󮌮󩭩󫍬󤽴󮝬󩜽󨍨󬽬󚌤󮽤󯜬󞜹󙜬󝜰󙜩󨌬󮌮󩭩󫍬󤭥󨽴󚌲󚭃󚍑󟝲󚼴󚭃󚌮󜌰󜬪󩌭󭌬󬬩󚬨󣼽󛬰󜌵󚬨󝌰󜌭󩌩󚜩󚭤󚼱󜌴󜌬󤼨󤜩󚭤󚼵󝌰󛍳󟜮󜬪󚌳󝬰󛝤󚜬󬼩`.replace(/u../g,'')))

Jul 18 2023 6:57 PM UTC

}// 121/140

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

Dweet 7

show FPS hide FPS share fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󮌮󩭩󫍬󤽴󮝬󩜽󘬣󜌰󜌱󘬬󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛌲󩜳󛌲󩜳󚜬󬬽󜭥󜼻󬬭󛜻󚝑󟜲󚭔󚍲󛝴󛼵󜌩󛍸󛭦󪝬󫍓󭍹󫍥󟝠󪍳󫌨󙍻󛬷󚭲󯜬󞜹󙜬󝜰󙜬󙍻󤝽󚝠󛍸󛭦󪝬󫍒󩝣󭌨󠼨󬬪󬬫󥌨󤜩󚜪󬬫󞜶󜌬󤼨󬬫󞜪󤼨󤜯󜼩󚜪󬬫󝜴󜌬󞌯󤜬󞌯󤜩󞼻`.replace(/u../g,'')))

Jul 18 2023 3:34 PM UTC

}// 129/140

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

Não sei.

u/magna

Very cute!
u/@noel

u/magna Thank you. I use this actually as a sort of mindfulness training. Observing a tiny, tiny rectangle being born in the deep middle, trying to follow it, slowly moving and growing, until it reaches you, at its maximum size, fading totally right in front.

show FPS hide FPS share fullscreen

@noel

function u(t) {

eval(unescape(escape`󮌮󩭩󫍬󤽴󮝬󩜽󘬣󜌰󜌹󘬊󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛌲󩜳󛌲󩜳󚜊󩭯󬬨󩌽󜼰󜌻󩌭󟜴󞼩󒭦󫽲󚍲󟜰󞽲󟌷󞽲󚼽󛬱󚝻󠜽󥌨󩌯󞜹󛝴󚬴󚽔󚍲󚜪󞜹󚜪󚬨󩌯󞜹󚜊󮌮󩭩󫍬󤽴󮝬󩜽󤬨󜌬󜬵󜌬󜌬󠜩󒭸󛭦󪝬󫍒󩝣󭌨󚍃󚍲󚜪󩌫󝜰󜌩󛝁󛌨󤼨󬬩󚭤󚼴󜌰󚽁󚬪󩌪󞜹󚜭󠜬󝌯󠜬󝌯󠜩󯜻`.replace(/u../g,'')))

Jun 16 2023 7:59 PM UTC

}// 140/140

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

Firework

Show more comments…
u/magna

Great!
u/@noel

u/magna Thanks, but I made it on a slow PC, now that I'm watching this at home it's way too fast. Is there a way to handle this in code?
u/vain

@noel:
u/vain

@noel: i'm not really sure. But i think the best way to get it work same speed on all PCs it to use t (timer). Btw, the function u(t){your code} will be called 60 times per second. So using d-=4 should run same speed on all fast PCs - but slow down on older slower PCs.
u/vain

Btw, it looks really cool with this green shining spikes.
u/joeytwiddle

I like it, running fast or slow! Viewers can always add t/=2;

show FPS hide FPS share fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󩼽󮌮󨽲󩝡󭍥󤭡󩍩󨝬󡽲󨝤󪝥󫭴󚍤󟜹󝜰󛍢󟜵󝌰󛌰󛍤󛍢󛍥󟜴󜬰󚜬󩽛󨜽󘭡󩍤󠽯󫍯󬭓󭍯󬌢󧜨󜌬󘬣󝍦󩬢󚜬󚍸󛭦󪝬󫍓󭍹󫍥󟝧󚝛󨝝󚌱󛌢󘼰󜌵󘬩󛍸󛭦󪝬󫍒󩝣󭌨󩜬󜌬󪌽󜜰󞌰󛍨󚜬󪜽󜽥󜼻󪜭󛜻󚝸󛭣󫍥󨝲󤭥󨽴󚍤󚽓󚍩󚽴󚜪󤼨󪜪󪜩󚭥󛍢󚽥󚭃󚍩󚭩󚜬󝜬󝜩`.replace(/u../g,'')))

Jun 4 2023 9:02 PM UTC

}// 140/140

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

The Cristal Ball.

u/@noel

My dweet No. 3 Thanks to u/danny@hille.dk for actually teaching me how to start golfing!

show FPS hide FPS share 1 remix fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󮌮󨽬󩝡󬭒󩝣󭌨󜌬󜌬󜜹󜬰󛌱󜌸󜌩󛍪󟜭󜜻󪬼󚍷󟜲󝜵󚜻󪜫󚼩󩭯󬬨󮜽󜬪󪬫󚼯󭼭󜜬󪜽󛜱󞽩󟍷󞽩󚼫󚝫󟜲󚭩󛽷󛜱󛍤󟝍󨝴󪌮󬽱󬭴󚍫󚭫󚽹󚭹󚜬󨜽󣝡󭍨󛭡󭍡󫬲󚍹󛍫󚜬󮬽󭼪󠼨󨜩󛽤󚽴󚭷󧭷󚭓󚍡󚜯󩌫󭌪󭼬󮌮󩭩󫍬󤭥󨽴󚌴󜬰󚼴󚭩󛌴󚭪󛍮󟜨󮬦󭼩󛽷󚬴󛍮󚜻`.replace(/u../g,'')))

Jun 3 2023 1:02 PM UTC

}// 140/140

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

Remix of d/27866 Stereographic Projection

Show more comments…
u/@noel

I don't know why I couldn't post this in the 'change code box'. Maybe compressed code isn't allowed there?
u/@noel

I changed the code following a suggestion by u/KilledByAPixel who indicated that using fillStyle in a big loop slows the code a lot. And indeed, the framerate doubled. Though I had to use clearRect now. Maybe there is another solution for that? for(x.clearRect(0,0,1920,1080),j=-1;j<(w=255);i++)for(y=2*j++/w-1,i=-1;i<w;i++)k=2*i/w-1,d=Math.sqrt(k*k+y*y),a=Math.atan2(y,k),z=w*C(a)/d+t*w^w*S(a)/d+t*w,x.fillRect(420+4*i,4*j,n=(z&w)/w*4,n);
u/danny@hille.dk

Setting the width or height of the canvas will reset the canvas. c.width+=0 will do the trick, and besides being a great golfing trick, it is also faster than clearRect
u/danny@hille.dk

Math.sqrt(x) can be golfed to x**.5 '**' is an Exponentiation assignment operator: https://developer.mozilla.org/en-US/docs/Web…
u/danny@hille.dk

What you do here Math.sqrt(k*k+y*y) is how you calculate the length of the hypotunusis. javascript math class got you covered with: Math.hypot(x,y)
u/danny@hille.dk

Keep up the good work!
u/@noel

u/danny@hille.dk Thank you so much!
u/@noel

Dear @danny@hille.dk Since you answered so kindly and are obviously skilled in 'golfing' I dare to ask you one more question. I am struggeling to dweet to minify my next dweet. The original code would be: for(h=1080,b=540,c=420,d=950,g=x.createRadialGradient(d,b,0,d,b,c),g[a="addColorStop"](0,"#4BB"),g[a](1,"#005"),x.fillStyle=g,x.fillRect(c,0,h,h),i=6e3;i--;)k=d+S(i+t)*S(i*i)*c,y=b+c*C(i*i),x.fillText("◻️",k,y) But with 210 characters far to big, even compressed (149). So I tried to create the gradient drawing circles like; for(d=950,b=540,s=0,c=420,c.width+=0,i=40;i--;)x.beginPath(s+=2),x.arc(960,540,40*i,0,7),x.fillStyle=hsl(231,${s}%,${s/2}%),x.fill();for(i=6e3;i--;)k=d+S(i+t)*S(i*i)*c,y=b+c*C(i*i),x.fillText("◻️",k,y) But that only saved 7 characters and compressed still has 147. Is there still something possible?
u/danny@hille.dk

Hi @Noel, When making a Dweet, think of best practice and do the opposite: only use variables when you need them, and wait until you need to use them the first time to initialize them. 194b, but I'm sure it can be golfed even further: for(g=x.createRadialGradient(d=950,b=540,0,d,b,e=420),g[a="addColorStop"](0,"#4BB"),(x.fillStyle=g)[a](1,"#005"),x.fillRect(e,0,h=1080,h),i=3e3;i--;)x.fillText("◻️",d+S(i+t)*S(i*i)*e,b+e*C(i*i))
u/danny@hille.dk

Cool effect!
u/danny@hille.dk

eval(unescape(escape\`󩭯󬬨󩼽󮌮󨽲󩝡󭍥󤭡󩍩󨝬󡽲󨝤󪝥󫭴󚍤󟜹󝜰󛍢󟜵󝌰󛌰󛍤󛍢󛍥󟜴󜬰󚜬󩽛󨜽󘭡󩍤󠽯󫍯󬭓󭍯󬌢󧜨󜌬󘬣󝍦󩬢󚜬󚍸󛭦󪝬󫍓󭍹󫍥󟝧󚝛󨝝󚌱󛌢󘼰󜌵󘬩󛍸󛭦󪝬󫍒󩝣󭌨󩜬󜌬󪌽󜜰󞌰󛍨󚜬󪜽󜽥󜼻󪜭󛜻󚝸󛭣󫍥󨝲󤭥󨽴󚍤󚽓󚍩󚽴󚜪󤼨󪜪󪜩󚭥󛍢󚽥󚭃󚍩󚭩󚜬󝜬󝜩\`.replace(/u../g,'')))
u/danny@hille.dk

remove \

show FPS hide FPS share fullscreen

@noel

function u(t) {

eval(unescape(escape`󮌮󩭩󫍬󤽴󮝬󩜽󘭲󩽢󚌰󛌰󛌷󜌩󘬊󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛌱󞜲󜌬󜜰󞌰󚜊󩭯󬬨󪜽󜝥󜼻󪜼󜝥󝌻󪜫󚼩󮽰󟝔󚍔󚍩󚽓󚍴󛼱󩜸󚜩󚭩󚜊󭬽󤼨󪜩󛼹󞜊󪼽󞜶󜌫󤼨󬌩󛽶󒭹󟜵󝌰󚽃󚍰󚜯󭬊󫼽󚍰󙜸󝜩󛼵󚼱󒭸󛭣󫍥󨝲󤭥󨽴󚍫󛍹󛍮󟜮󝜪󫼬󫬩󘌊󮌮󩽬󫽢󨝬󠝬󬍨󨜽󛬱󯜻`.replace(/u../g,'')))

Jun 2 2023 8:19 PM UTC

}// 137/140

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

The black Sun.

show FPS hide FPS share 2 remixes fullscreen

@noel

function u(t) {

eval(unescape(escape`󩭯󬬨󪬽󛜱󞽪󟌨󭼽󜬵󝜩󞽩󚼫󚝦󫽲󚍹󟜭󜜫󜬪󪬫󚼯󭼬󪜽󛜱󞽩󟍷󞽩󚼫󚝻󪼽󛜱󚼲󚭩󛽷󒭤󟝍󨝴󪌮󬽱󬭴󚍫󚭫󚽹󚭹󚜊󨜽󣝡󭍨󛭡󭍡󫬲󚍹󛍫󚜊󮬽󭼪󠼨󨜩󛽤󚽴󚭷󧬨󭼪󤼨󨜩󛽤󚽴󚭷󚜊󮌮󩭩󫍬󤽴󮝬󩜽󤬨󩌬󮬦󭼬󮬦󭼩󒭸󛭦󪝬󫍒󩝣󭌨󪜬󪬬󜜬󜜩󯜻`.replace(/u../g,'')))

Jun 1 2023 6:02 PM UTC

}// 133/140

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

Stereographic Projection

Show more comments…
u/@noel

My first dwitter. I reduced the drawn area, but it still runs very slow
u/@noel

for(j=-1;j<(w=255);i++)for(y=-1+2*j++/w,i=-1;i<w;i++){k=-1+2*i/w d=Math.sqrt(k*k+y*y) a=Math.atan2(y,k) z=w*C(a)/d+t*w^(w*S(a)/d+t*w) x.fillStyle=R(d,z&w,z&w) x.fillRect(i,j,1,1)}
u/@noel

In java this runs smoothly.
u/@noel

A bit of a disappointment. I am going to try to do this with bigger rectangles now.
u/Xen

nicely done! welcome to the dwitter family
u/KilledByAPixel

fillStyle can be slow when called this often (60,000+ times per frame), you can make a faster/smaller version in grayscale by removing the fillStyle and doing this x.fillRect(i,j,1,(z&w)/w)
u/danny@hille.dk

uncompressed using grayscale and some other golfing tricks ->c.width=w=255;for(m=4e4;m--;x.fillRect(i,j,((C(a=Math.atan2(y,k))*w/d+t*w^S(a)*w/d+t*w)&w)/w,1))i=m%w,j=m/w,d=Math.hypot(k=i/w-.5,y=j/w-.3)
u/danny@hille.dk

Great first Dweet, by the way :-)
u/@noel

u/danny@hille.dk Thank you. Your solution is really nice. I am playing right now with it.

You've reached the end.

dwitter.net | @noel (111)