Dweets awesomed by u/jylikangas

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

pavel

function u(t) {

for(c.width&=i=8320;i--;)x.fillRect(X=i&127,i>>7,1,Math.min(...[0,2,4].map(a=>1.4-S(a+=4*t)/6-(.4-Math.hypot(X/32-2+C(a),i/4e3-1))**.3||1)))

Jul 22 2022 11: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).

The Three-Body Problem

u/pavel

#raytracing

show FPS hide FPS share fullscreen

tomxor

remix of d/23242 by u/tomxor

function u(t) {

b='诿叿≿˯ȏϿꪯ묯Ͽ褐称Āꧠ뤐ð꧐륐Űp⁀凰蠀';eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐸𜰲𜀻𪐭𛐻𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮰭𪐯𭱽𘀹𞐥𙁻𨠮𨱨𨑲𠱯𩁥𠑴𚁩𚰶𜀪𭀦𝠳𚐾🡩𛰳𛠹𜰫𠰨𪐯𝐱𜠩𙠱🰶𜀺𜐰𯐥𨀩𮀮𩡩𫁬𤡥𨱴𚁩𙑷𛁩𛱷𛀸𛀸𚐻`.replace(/u../g,'')))

Jul 1 2022 4:18 AM UTC

}// 140/140

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

#js1024 2022 - Theme: Mirror - https://js1024.fun

u/katkip

I LOVE THIS
u/tomxor

:)
u/magna

WOW

show FPS hide FPS share fullscreen

Joachim

function u(t) {

x[f='fillRect'](0,0,z=c.width=332,z)
for(i=7e3;i--;x[f](150+S(120/n+t*9)*n+n*q/z,70+T(q/2)*n*7,a=n/9,a))x.fillStyle=R(n=i%z,q=i-n-3e3,n*=.2)

Jun 4 2022 3:06 PM UTC

}// 140/140

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

Thoughts Of A Worm

Show more comments…
u/magna

So stylish!
u/aleamb

yeah!
u/cantelope

rly cool
u/cantelope

relevant https://code.dweet.net/full/2w9e (sauce https://code.dweet.net/prettycode/2w9e)
u/GreyHope

Cool link
u/danny@hille.dk

more 3d but no time 4 golfing ->x[f='fillRect'](0,0,z=c.width=332,z,m=20*S(t)) for(i=7e3;i--;x[f](150+S(99/n+t*3)*n+n*q/z+m,70+T(q/2)*n*7+m,a=n/9,a))x.fillStyle=R(n=i%z,q=i-n-3e3,n*=.2)

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;y=--i>>7;)x[i&7?'arc':'moveTo'](43*(i/2&60|y&2),25*(3*y+y%2-2),99-i%2*(51+45/(1+i**C(t+y/9))),a=(i+y+.5)%6/.955,a)
x.fill()

May 11 2022 12:56 AM UTC

}// 140/140

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

Unblasphemous Geometryᵀᴹ Radical Echoes Pattern by Xponentialdesign

u/pavel

Source: https://www.reddit.com/user/xponentialdesign…
u/Xen

Love it!
u/vain

i'm really amazed how you converted the gif anim to an amazing tiny code. just great! <3
u/pavel

Thanks for the kind words :)

show FPS hide FPS share 1 remix fullscreen

Joachim

function u(t) {

c.width=z=400;t?q-=p/z:q=p=0;onmousemove=e=>p=e.x-z;for(i=4e4;i--;x.fillRect(200+(i%z-99)*Y,99+Y*9+C(30/Y+t*9)*C(i%z/3-q)*Y*2,Y,Y/9))Y=i/2e3

May 9 2022 10: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).

Mountain Flyover - use the mouse to pan around

Show more comments…
u/GreyHope

#interactive #d3 #landscape
u/vain

great interactive #3d landscape fx
u/pavel

-1 q=t?q-p/z:p=0
u/neimad

wizardry
u/Qwitter

nice!!!
u/Qwitter

nice!!!
u/cantelope

reminiscent d/11420

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍩󟜵󩜳󛍆󟜲󩜳󚜻󪜭󛜻󮌮󨽬󩝡󬭒󩝣󭌨󦌽󪜪󚬳󛬱󙝆󛌨󪜫󭌪󚌸󜜳󚽩󙜲󞜹󚜩󙝆󛜨󬜦󚍚󟝘󛼹󞜭󜜲󚜾󜬦󦬼󜼿󜜸󞭩󙜸󟌷󙬨󮬽󦬪󦬩󟌴󜌿󜜸󛝺󚬪󛬵󛼲󞭱󙭚󟬭󜜰󙭚󟌱󟼱󜼺󜌩󚬹󞜬󪬽󪜥󝌫󜜬󪬩󚝱󟝩󙜹󟌸󒭸󛭦󪝬󫍓󭍹󫍥󟜧󘼰󜌱󜬧`.replace(/u../g,'')))

Apr 19 2022 12:15 AM UTC

}// 138/140

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

Demake of Endless Rain by JulienLabat https://www.fxhash.xyz/generative/11115 #fxhash

u/Joachim

Amazing #illusion
u/neimad

Is fxhash.xyz a joke?
u/CaptainMeat3

how is this compressed text generated
u/KilledByAPixel

you can use this dweet to compress other dweets :) https://www.dwitter.net/d/23092

show FPS hide FPS share fullscreen

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x[i&1?'moveTo':'arc'](960+8*r*C(a=i*.0997),540+8*r*S(a),r+r/(1.2+999**S(i/180+a-2*t)),0,7))r=1.0028**i
x.fill`evenodd`

Apr 8 2022 11:33 PM UTC

}// 139/140

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

Kaleidoscopic Spiral

u/pavel

Remix of https://twitter.com/beesandbombs/status/1386…
u/pavel

#beesandbombs
u/pavel

I like this trick of re-using the same args for moveTo and arc back to back. The first two args are x and y for both and moveTo ignores extra args.
u/magna

YES!
u/vain

very cool and beautiful fx.

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/25274 by u/rodrigo.siqueira

function u(t) {

for(X=2e3;X--;x.fillRect(X,S(P)*1e3,K=9/t+1,K))for(i=a=X/13e3-1.16,b=S(P=X*t)/12;1/a<12;i++)d=a*a-b*b-.7,b=2*a*b+.3,a=d,x.fillStyle=R(i*3,i)

Apr 4 2022 12:21 PM UTC

}// 140/140

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

Branches of an imaginary #spiral #fractal

u/jellyedwards

Wow!
u/rodrigo.siqueira

View fullscreen to see details of the swamp water from where the branches are growing and evolving.
u/vain

I don't know why.. but reminds me a bit of "Shadow of the Beast" (amiga)
u/joeytwiddle

Really pretty! I see #glow #trees

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/25266 by u/rodrigo.siqueira

function u(t) {

for(X=2e3;X--;x.fillRect(X,S(X*t)*1e3,K=9/t+1,K)){i=a=X/2e3-1,b=S(X*t)/3
do{d=a*a-b*b-.7,b=2*a*b+.35,a=d,i++}while(a)x.fillStyle=R(0,i,i*2)}

Apr 3 2022 9:22 PM UTC

}// 140/140

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

Ice crystal flakes reflected in the blue lake #fractal

u/magna

Awesome!

dwitter.net | jylikangas (13462)