Dweets awesomed by u/danny@hille.dk

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 fullscreen

rodrigo.siqueira

function u(t) {

!t&&x.rotate(.7,x.fillRect(0,0,Z=2100,Z),x.translate(Z,0))
for(i=4;i--;x.fillRect(i*50,t*999,50,50))x.fillStyle=`hsl(${i*66},90%,50%,99%)`

Sep 16 2021 9: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).

Sinclair ZX Spectrum #tribute RIP Sir Clive Sinclair

u/donbright

nice

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

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/23837 by u/sandromiccoli

function u(t) {

c.width=2e3;for(i=0;i<100;i++)for(j=0;j<25;j++){o=(C(i*50+2.25)+C(t-j/3))*255;x.fillStyle=R(o,o,o,0.95);x.fillRect(50*i,50*j,s=o/255*40,s)}

Sep 13 2021 12:55 AM UTC

}// 139/140

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

(○o○)

show FPS hide FPS share 2 remixes fullscreen

sandromiccoli

function u(t) {

c.width=2e3;for(i=0;i<50;i++)for(j=0;j<25;j++){o=C(t+C(i)-C(j))*255;x.fillStyle=R(o,o,o,0.95);x.fillRect(50*i,50*j,45,45)}

Sep 13 2021 12:23 AM UTC

}// 122/140

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

inhale/exhale

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 3 remixes fullscreen

TGY

remix of d/22330 by u/Xen

function u(t) {

for(i=2e3;i--;x.fillRect(i,99+t*99+a*99,9,5))
x.fillStyle=R(l=15*t+40,l,2*l+30*(a=C(i/193+t-S(-t))))

Sep 12 2021 8:26 PM UTC

}// 100/140

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

#windows11

show FPS hide FPS share fullscreen

taupelink

remix of d/23806 by u/taupelink

function u(t) {

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

Sep 8 2021 1:50 AM UTC

}// 133/140

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

d/23810 figure 2

Show more comments…
u/taupelink

Changes from figure 1:
u/taupelink

f=97*i*t: I added the "97*" to improve the quasi-random numbers. If you omit it from this dweet, then artifacts appear reflecting small values of f.
u/taupelink

q*=1+S(X*.6): I added the "*.6" to zoom in horizontally. I wanted the picture to have just one vertical red bar.
u/taupelink

q*=1-S(Y*.8+1.2): vertical zoom and translation, positioning the green bars so they look a little like riverbanks. The constants here were found entirely by trial-and-error.
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

Varying alpha inversely with brightness can create interesting effects. Here, it varies with t as well. This contributes to the texture of the river. Again, I came across this formula by trial-and-error.
u/taupelink

So that's how I ended up with a red bridge across a river. An inky shadowy red river bridge, if you will.
u/taupelink

(sorry about the repeated comment above...if a moderator could delete those, and this request comment, that'd be great. Thank you!)
u/taupelink

More about how the q**-t works: the taller, brighter blues are more transparent. The shorter, darker ones stand out more, appearing as dark horizontal lines.

show FPS hide FPS share fullscreen

pavel

remix of d/23765 by u/New_Core

function u(t) {

for(c.width|=i=w=640,t?x.font='5in"':r=new Date;j=--i>>4;x.fillText(String.fromCodePoint(127812+i%16),j*w-w,(r*j+i+9*p/(1+w**p))%16*w))p=t-j

Sep 7 2021 2:36 AM UTC

}// 140/140

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

#slots

Show more comments…
u/pavel

Have to time it juust right :)
u/New_Core

nice
u/danny@hille.dk

Man - that is some next level golfing-fairy-dust you have used here :-)
u/pavel

Aw, its broken on iPhone, the font name trick doesn't seem to work.
u/anshu

rrr
u/lewdev

How? This is really cool.
u/joeytwiddle

I remember on some devices, fonts over a certain size just don't show. A workaround is to use a scale transform, or reduce the canvas size.
u/KilledByAPixel

#slotmachine

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/23749 by u/rodrigo.siqueira

function u(t) {

for(i=k=780;--i;x.fillRect(k-i*Y,k-v*i,80*q*X*v,Y*i*v))f=i*t,X=i*f%3-1,Y=X*f%4-2,x.fillStyle=R(q=i*X,q*=X*X/t,q*=Y**3*t*q/i/X,i/q/q),v=.5**t

Sep 6 2021 1:32 PM UTC

}// 140/140

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

All the colors of a sunrise

u/taupelink

nice!
u/rep_movsd

Try swapping around the r, g and b values - b, g , r and g, r, r look pretty realistic
u/rodrigo.siqueira

u/rep_movsd please paste the colors (q=...?) that you found so I can try your suggested combinations, thanks!

dwitter.net | danny@hille.dk (37493)