Dweets awesomed by u/recoder

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

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

Joachim

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍩󟝺󟝣󛭷󪝤󭍨󟜳󜌰󞽩󛜭󞽩󟌱󝼿󚍦󪝬󫍒󩝣󭌨󪜪󜬰󛌹󞜫󥌨󪜪󚬳󚜪󞜬󜬰󛍺󚜬󩭩󫍬󤭥󨽴󚌶󝼬󝜴󚽩󚬵󛌸󛍩󚬳󚜬󨽬󩝡󬭒󩝣󭌨󝼰󚽩󚬲󙜳󛌶󜌬󜜬󜜩󚜺󩭩󫍬󚍡󬭣󚌹󞜬󝌰󛍩󛌰󛌷󚜩󚝢󩝧󪝮󤍡󭍨󚍦󪝬󫍓󭍹󫍥󟝒󚍡󟜨󭌯󞜪󜭥󝌩󛼨󪜭󜜶󚜬󨜯󜬩󚜻`.replace(/u../g,'')))

Mar 24 2022 10:40 AM UTC

}// 140/140

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

THE MITIGATOR Check out my new game at https://coffee.greyhope.uk/games.html

Show more comments…
u/rep_movsd

Amazing
u/jellyedwards

Wow!
u/danny@hille.dk

Super cool dweet and game, Were you, by any chance, inspired by a certain Disney character? :-)
u/Joachim

u/danny@hille.dk Not intentionally, but I've watched WALL.E so many times I wouldn't be surprised if I had, now you mention it ;)
u/vain

Oh... did'nt saw the info / link to the game. As danny@hille.dk said before - really cool dweet, game and inspiration by disney! ;-)
u/joeytwiddle

*allegedly* inspired. We don't have the funds for a Disney lawsuit!
u/Joachim

u/joeytwiddle goodness, I hadn't thought of that! 🤣 By the way everyone, the website link has changed to https://joachimford.uk/content/the_mitigator…
u/Joachim

ugh, changed again. Just visit https://joachimford.uk and you'll find it

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/24306 by u/taupelink

function u(t) {

for(m=t?0:4e4;m--;x.fillRect(960+3*i*X,540-i/Y,i,q))X=4*S(m),Y=2*S(m*m),i=m%193,x.fillStyle=R(q=i-C(5*m)*i,q*=1+X*C(6*m*m)/2,i+q*Y,m*m/1e10)

Mar 18 2022 1:00 PM UTC

}// 140/140

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

d/25143

u/Joachim

#perspective

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/25034 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,m=8e3,m);m--;x.fillStyle=R(0,m*S(m/99+t*9)/19,Y/2))Y=m/9,x.fillRect(960+C(k=m/2-t)*Y*2,540+S(k)*Y+S(Y/77+m)*99,Y/9,9)

Feb 27 2022 12:31 AM UTC

}// 136/140

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

vortex remix

u/magna

YES!
u/vain

cool !

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/25008 by u/Joachim

function u(t) {

for(c.width=w=i=128;++i<9e3;x.fillRect(C=i%w,T=i/w,u=w/T,.4+!~~s-T/2*(s/2&l)))s=2*C/T-u-S(t+u/3)*u/2,l=8*t+u&1,x.fillStyle=R(u*16,s*8|l||i)

Feb 23 2022 2:22 AM UTC

}// 139/140

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

Smolr #road into the #sunset

Show more comments…
u/tomxor

Combined the three separate fills/clears by inverting the technique to render each pixel. road=!~~s buildings=s/2&l lines=s*8|l
u/KilledByAPixel

wow!
u/pavel

That's amazing
u/magna

wow
u/Joachim

That is so awesome!
u/rep_movsd

This has to be one of the all time greats #underrated
u/stephanegeorget

incredible!
u/danny@hille.dk

Superb!
u/danny@hille.dk

for(c.width=w=188,i=2e4;i--;x.fillRect(C=i%w,T=i/w,u=w/T,.4-T/2*(s/2&l)))x.fillStyle=R((f=9*(s=2*C/T-u+S(u/2+t)*u/4)|(l=8*t+u&1)||w)+u*19,f+u*7,f)
u/tomxor

Oh nice, that one feels more toasty @Danny
u/Odog8

Woah! nice work
u/joeytwiddle

Amazing! Another impossible dweet!

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/24975 by u/taupelink

function u(t) {

for(m=k=220;m--;x.fill())d=2**t**t/t,r=m*6%k,x.beginPath(x.fillStyle=R(r*t*t,r,k/t)),x.arc(960+r*C(z=m+C(m)/d)*t*1.2,520+t*r*S(z),m/d,m-d,m)

Feb 22 2022 2:18 PM UTC

}// 140/140

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

Fire rose #flower

u/vain

cool !
u/rep_movsd

Amazing

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/24908 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=800;i--;fillRect(~setTransform(i,0,0,i,880+i+3*i*C(i),700+2*i*C(i/400)),~rotate(i/6+t/2),2,2))fillStyle=R(i/5,i/4,i/3,.07)

Feb 11 2022 12:45 PM UTC

}// 135/140

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

Misty mountain fog #smoke

Show more comments…
u/tomxor

Simple but very effective!
u/aleamb

wow!
u/vain

OMG! It looks so great. Where do you guys get the ideas & math formulas from?
u/magna

O M G
u/rodrigo.siqueira

u/vain It is the combination of rotations, scaling and translations (setTransform) and transparent color (.07 opacity). I remix and play with parameters and all stems from u/pavel 's Underwater cavern: https://www.dwitter.net/d/18597 My previous dweets are also remix of it. The math formulas (sin and cos) are not the main thing, they just create some almost random numbers with cyclic properties. I can not predict the result only looking to the formulas. I remix and explore combinations and post when I find interessting results.
u/vain

u/rodrigo.siqueira Thank you for your feedback and the nice and detailed description. Keep on your nice work! ;-)
u/joeytwiddle

Beautiful! #cloud #mountain #scene

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/24904 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=900;i--;fillRect(~setTransform(s=i,0,0,s,960+i/t+3*s*S(i-t/2),560+2*s*C(i/40-t*2.5)),+~rotate(i/5),2,2))fillStyle=R(i,i/3,0,.2)

Feb 11 2022 3:12 AM UTC

}// 140/140

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

Ethereal creature

u/rodrigo.siqueira

Misty mountain fog #smoke
u/magna

Or fire dragon tongue
u/jellyedwards

So cool!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/24891 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=800;i--;fillRect(~setTransform(s=2e4/i,0,0,s,940+7*s*C(i+t),380+i+3*s*S(i+t+S(t))),~rotate(i/5),2,2))fillStyle=R(i/2,i/6,0,.1)

Feb 9 2022 1:35 PM UTC

}// 139/140

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

Fire fog vortex

u/Xen

nice!

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/18597 by u/pavel

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=2e4/i,0,0,s,940+7*s*C(F=i+t/4),380+i+3*s*S(F+S(t+i)/3)),~rotate(i/5),2,2))fillStyle=R(i/2,i/6)

Feb 8 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).

Melting lava #cavern

u/ciaccodavide

nice!
u/Xen

love it!
u/aleamb

amazing

dwitter.net | recoder (8678)