Dweets awesomed by u/taupelink

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

taupelink

remix of d/23843 by u/taupelink

function u(t) {

for(i=k=170;i--;x.fillRect(k*X,k*Y,q*S(12*Y)/t**t,k*C(9*Y)/t))f=i*i*t,X=t*f%12,Y=X*f%7,x.fillStyle=R(q=i*(1-C(X*.56)/2),q*=1-S(Y)/3,q^i,i/q)

Sep 14 2021 6:10 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/23854

u/taupelink

Available as an art print: https://society6.com/product/green-and-gold-…
u/taupelink

Pattern available as a T-shirt: https://society6.com/product/green-and-gold-…

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁆👄🐾𩡩𫁬𤱴𮑬𩐽𡀬𡐽𚁁𛁂𛁃𛁄𚐽🡥𫁬𪑰𬱥𚁁𛁂𛁃𛁄𯁼𠰬𜀬𜀬𝰬𨡥𩱩𫡐𨑴𪀨𩡩𫁬𚀩𚐩𛁆𚀩𛁅𚀰𛀰𛁯👩🐳𩐳𚐬𡐨𦐽𝀵𜀬𦐬𦐭🐹𞐩𛁣𫁩𬀨𚐬𡡠𘰷𜰰𨀬𡐨𜀬𜀬𪐩𛁆𨀣𩑦𩠱𨀻𪐭🐲𞰩𡐨𭀪𞐹𚱩𚠳𙡯𛁃𚁩𚡩𚐪𤰨𪐩𚡩𛁙𛀲𝐩`.replace(/u../g,'')))

Sep 14 2021 4: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).

Jupiter #planet

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23841 by u/rodrigo.siqueira

function u(t) {

for(c.width|=i=50;i--;)for(j=25;j--;x.fillRect(50*i,50*j,45,45))
o=(j/2)*9,x.fillStyle=R(p=o*C(i/7-3+S(j/2+t*9)/8)*20-S(t*2+j/9)*1e3,p/7)

Sep 14 2021 3:07 PM UTC

}// 137/140

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

Animated Flames #pixel

u/UEZ

Looks very nice but it looks much better without the grid. ^^
u/Joachim

#fire

show FPS hide FPS share fullscreen

sandromiccoli

remix of d/23844 by u/sandromiccoli

function u(t) {

c.width=2e3;s=24.15;for(i=45;i--;)for(j=45;j--;)x.fillStyle=R(o=(C(i*j+t/2)+S(t)*0.5)*500,o,o,1),x.fillRect(45*s/2*0.75+i*s,j*s,s*0.7,s*0.7)

Sep 13 2021 9:30 PM UTC

}// 140/140

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

#mandala

show FPS hide FPS share 3 remixes fullscreen

taupelink

remix of d/23835 by u/taupelink

function u(t) {

for(i=k=256;i--;x.fillRect(k*X,k*Y,k*S(3*Y)/5**t,q*C(4*X)))f=k/t+i*t,X=f*f%8,Y=X*f%5,q=i,x.fillStyle=R(q*=C(3*X),q*=C(2*Y),q^=i,i/(k+q/t))

Sep 13 2021 5:57 PM UTC

}// 138/140

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

d/23843

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁆👄🐾𩡩𫁬𤱴𮑬𩐽𡀬𡐽𚁁𛁂𛁃𛁄𚐽🡢𩑧𪑮𤁡𭁨𚀩𯁥𫁬𪑰𬱥𚁁𛁂𛁃𛁄𛀰𛀰𛀷𚑼𩡩𫁬𚀩𛁆𨀣𜀰𜡠𛁅𚀰𛀰𛁩👯🐲𜠰𜀬𪐩𛁆𨀣𩠸𜠴𨀬𡐨𦐽𜠵𝐬𦐬𤀽𞐹𛁐𚐬𡠨𤠨𦐬𦐬𦐬𛠰𜠩𚐻𪐭𛐻𚑅𚀨𭀯𜠪𤀫𪐪𜰩𙑯𛁃𚁩𚡩𚐪𤰨𪐩𚡩𛀳𜀰𛀳𜀩`.replace(/u../g,'')))

Sep 13 2021 11:39 AM UTC

}// 140/140

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

Moon and clouds #moon

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/23806 by u/taupelink

function u(t) {

k=120;for(i=k;i--;)
f=k/t+i*t,X=f*f%16,Y=X*f%9,q=p=i*2,
x.fillStyle=R(q*=1+S(X),q*=1-S(Y),p,20/q),
x.fillRect(k*X,k*Y,k/5**t,i*C(X))

Sep 12 2021 10:40 PM UTC

}// 132/140

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

d/23835 the new figure 2

u/taupelink

A blog post on this dweet is up: https://medium.com/@taupelink/elements-of-a-…

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁪👦𬡡𫑥𛁣𛡳𭁹𫁥𛡦𪑬𭁥𬠽𙱢𫁵𬠨𜐵𬁸𙰬𩡩𫁬𤡥𨱴𚀰𛀰𛁩🐲𩐳𛁩𛁦𪑬𫁓𭁹𫁥👠𘰹𩑦𨀩𛁦𪑬𫁓𭁹𫁥👠𘱦𩐳𨀬𨡥𩱩𫡐𨑴𪀨𩡩𫁬𚀩𚐬𩑬𫁩𬁳𩐨𚁐🐹𞐩𚠶𛁑👐𚠲𛁐𛁐𛀰𛀰𛀷𚐻𪐭𛐻𪠫𚰩𭀦𨱬𩑡𬡒𩑣𭀨𪐪𜰬𠰨𪠪𪠩𚠱𩐳𛁑𛀱𝐩`.replace(/u../g,'')))

Sep 12 2021 4:53 PM UTC

}// 140/140

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

Cloudy summers day

u/Joachim

Very good… what compressor did you use?
u/rep_movsd

The most popular one is https://www.dwitter.net/d/14282
u/Joachim

thanks!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/23821 by u/pavel

function u(t) {

for(c.width=w=127,i=n=9087;i--;u[i]=420*t>n-i?p&u[r=i+w+i*t%3|0]<1?u[r]++:p:(X-Y/2-30*t-w&Y)<1)x.fillRect(X=i&w,Y=i>>7,.7,p=u[i])

Sep 10 2021 9:36 PM UTC

}// 129/140

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

Mr Sierpiński, I don't feel so good

u/Joachim

#sierpinski #particles #physics
u/tomxor

interesting idea (transitioning between imovable and movable).
u/Toby

Very original!
u/rep_movsd

Entropy :(
u/donbright

bravo

show FPS hide FPS share fullscreen

taupelink

remix of d/23806 by u/taupelink

function u(t) {

for(i=k=q=120;i--;)
f=i*t,X=f*f%16,Y=X*f%10-5,
x.fillStyle=R(q=q%i*4,q*=1+S(X*.6)*Y/5,q*=1-S(Y/4),i/q),
x.fillRect(k*X,540+k*Y,i/t,q/2**t)

Sep 10 2021 5:54 PM UTC

}// 138/140

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

d/23825

Show more comments…
u/taupelink

I doubt I'll be able to give a satisfying breakdown of this one. A few observations...
u/taupelink

q is declared at the start of the loop, and it evolves over time. In previous examples, q was always equal to i*2. Here, in each iteration, q is set to q%i*4 before undergoing further changes....this makes it so that q and i are related but not as tightly coupled.
u/taupelink

("time"=loop iterations here)
u/taupelink

Y is in the range -5...5. The top of the rectangle is 540+120*Y. (Note to self: go back and redo Figure 3 to use *Y rather than /Y, it's simpler)
u/taupelink

The green component is q*=1+S(X*.6)*Y/5. In Figures 1 and 2, there was a vertical red line, reflecting the way that the q parameter depended only on X at this point; it got zeroed out around X=5. Here, q is zeroed out around only part of the X=5 line, specifically the part around Y=5 at the bottom.
u/taupelink

Correction: I'm talking about X=8, not X=5. The sin(X*.6) term hits -1 around where X*.6=1.5*pi, which is around X=8.
u/taupelink

So, if a rectangle is plotted with upper left-hand corner near X=8, Y=5 (i.e., bottom center), then there will be little to no green or blue in it.
u/taupelink

If you're following along, then you may be looking at that spot in the picture and wondering why there's some green, yellow, orange in that location. That's due to overlap with other rectangles, ones whose upper left-hand corners are elsewhere...
u/taupelink

....The overlap is partly due to how I defined the rectangle width parameter, i/t. The "/t" means that rectangle widths shrink over time....but when t is very small, the rectangles are very wide! Part of the green/orange near X=8,Y=5 is due to rectangles that were drawn during the first half-second or so of the animation.

dwitter.net | taupelink (50630)