Dweets awesomed by u/e4494s

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

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

KilledByAPixel

function u(t) {

eval(unescape(escape`󮌮󭍲󨝮󬽦󫽲󫜨󬼽󜜮󜌰󝌬󜌬󜌬󬼬󛬴󛌮󜜫󤼨󭌩󛼵󚜊󮌮󬭯󭍡󭍥󚍃󚍴󚜯󝌰󜌩󒭦󫽲󚍩󟝺󟜲󩜳󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󛬮󛭴󟽩󟽱󟽛󜌬󝼬󜜲󛌲󧜺󦽩󛜱󟼱󞬹󛌶󚽓󚍴󙜱󚬳󚜪󞌬󛬴󛌮󝍝󞭛󬜪󝜬󬜿󜬺󜼹󚽓󚍴󚬪󭌩󛍱󟼲󞬹󛍺󧜺󦼰󛍩󛜹󛍺󛍓󚍩󚬪󛬲󚝝󚜩󬜽󭌥󜜼󛬰󜜻`.replace(/u../g,'')))

Apr 12 2022 4:58 AM UTC

}// 140/140

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

Utility Lines ☎️

Show more comments…
u/vain

I'm always amazed at how some graphics build up and their formulas and end results. Great!
u/Joachim

I love the atmosphere! #dramatic #scene
u/aleamb

Reminds me to Limbo game
u/KilledByAPixel

thank you, i got lucky with the clouds on this one. :)
u/tomxor

Original :)
u/jvycee

nice work! it's a mood for sure 🖤

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

r=r=>Math.random()*r
for(i=9;i--;x.rect(44-w+t%1*5e3,50+(t|0)*132-h+r(60),2*w,2*h))w=r(32),h=r(32)
x.fill`evenodd`

Apr 11 2022 3:44 PM UTC

}// 114/140

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

Little Robots 🤖

u/somerandomd3

Please tell me this is going to be a fxhash
u/KilledByAPixel

probably too simple for fxhash but i may use this idea for something later :)

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/23101 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭼽󨼮󭽩󩍴󪌦󟝩󟜱󜌳󝬸󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󪜥󭼬󪜾󟬷󛌱󛝚󛽷󚭔󚽳󛍔󟜱󚜩󩭯󬬨󨜽󪜥󭼯󝬴󛜱󛍙󟝚󟝢󟜱󛝩󛼷󩜳󛍘󟝴󚬳󜌬󬼽󚍢󚽡󚭡󚜯󜼻󚼫󦬼󭼦󚌶󛝓󚍚󟬳󜬦󜜶󟍘󙝷󙬦󦌯󞍞󦬯󞌩󚬪󜜲󚬶󜌾󦝼󯍔󯌨󬼽󤼨󦌦󦜦󦬩󚬳󛽚󛍡󟝢󟜱󛍔󟝚󛽷󚜩󞽙󛜽󨬩󦌫󟝡`.replace(/u../g,'')))

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

City Blocks 🌇

Show more comments…
u/taupelink

wow!!!
u/magna

Dude.
u/GreyHope

Awesome!
u/Joachim

Outstanding! #city #perspective #shadows #shadows #d3
u/jdspugh

Wow
u/vain

oh my god.... just incredible 3d city!
u/rep_movsd

#underrated Amazing
u/DaSpider

Next level
u/jellyedwards

Unbelievable!
u/aleamb

WTF!... fucking superb!
u/KilledByAPixel

thanks everyone! I put a lot of work and a little magic into this one. :)
u/vain

Good luck with your 256 byte compo entry @ revision. :) (saw it in livestream)
u/johntellsall

.....? Jaw dropped!!
u/UEZ

Hi KilledByAPixel, I saw your contribution on revision :-)
u/KilledByAPixel

thank you, the revision entry is a standalone 256 byte html file that is similar to this.
u/cantelope

insane
u/KilledByAPixel

webgl version https://www.shadertoy.com/view/7dccRj
u/DazeWare

Crazy
u/SophiaCristina

Truly amazing! Hey, wasn't that posted on Pouet? Or was one alike?
u/KilledByAPixel

thank you, pouet link: https://www.pouet.net/prod.php?which=91532

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

danny@hille.dk

function u(t) {

for(i=c.width|=w=128;i--;)x.fillStyle=R(w+w*S(m=i+t*2),w+w*C(m),w+w*C(t*5+i)),x.fillRect(i,540+S(m)*(200-i/9.5)+S(i/200-t*3)*w,z=9+C(m)*9,z)

Apr 7 2022 5:25 PM UTC

}// 140/140

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

Gay dragon (tail)

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

Vertfromage

remix of d/25269 by u/felix

function u(t) {

if(t<24.5){x.fillStyle=R(100,0,900); 
x.fillRect(900+S(t)*30*t,550+C(t)*10*t,5+t,9+t/4)
x.fillRect(900-S(t)*10*t,550-C(t)*30*t,5+t,9+t/4)
}

Apr 3 2022 1:51 AM UTC

}// 139/140

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

perpendicular rings purple

show FPS hide FPS share 1 remix fullscreen

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

function u(t) {

for(x.fillRect(0,0,w=i=c.width=777,w);i--;x.fillStyle='#0f8')x.fillText(code[i%128],i,222-S(i/333*S(t/i)+S(t-i/99))*w/6+T(t+i)*44)

Mar 19 2022 6:09 AM UTC

}// 130/140

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

Show more comments…
u/magna

Amazing!
u/UEZ

When I add c.style.filter=blur(5px)contrast(105%) and compress it the result isn't the same. A bug in the compressor?
u/UEZ

Or decompressor?
u/danny@hille.dk

the only thing hat changes is that 'code' wil now contain you eval(unescape(escape... and unicode chars
u/danny@hille.dk

and in this example, the code wil execute with some 'undefines' because [i%128] and code is only 127 chars - eval(unescape(escape󨼮󬽴󮝬󩜮󩭩󫍴󩝲󟜧󨭬󭝲󚌱󭭷󚝣󫽮󭍲󨝳󭌨󜜩󙼻󩭯󬬨󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍷󟝩󟝣󛭷󪝤󭍨󟜷󝼷󛍷󚜻󪜭󛜻󮌮󩭩󫍬󤽴󮝬󩜽󙼣󜍦󞌧󚝸󛭦󪝬󫍔󩝸󭌨󨽯󩍥󦽩󙜱󜬸󧜬󪜬󜬲󜬭󤼨󪜯󜼳󜼪󤼨󭌯󪜩󚽓󚍴󛝩󛼹󞜩󚜪󭼯󝬫󥌨󭌫󪜩󚬴󝌩.replace(/u../g,'')))
u/UEZ

Thanks Danny, I meant not the code result but the gfx result.
u/UEZ

Uncompressed: https://ibb.co/LJk8N0X
u/UEZ

Compressed https://ibb.co/8BrLYL1
u/danny@hille.dk

yep, as did I :-) in dwitter the variable 'code' is a reference to the source code of the dweet itself, your compressed source differs from the uncompressed. and as this dweet is s a quine (code taht write out its own source), the results differs

dwitter.net | e4494s (4860)