Dweets awesomed by u/joeytwiddle

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

magna

remix of d/24264 by u/Jabo

function u(t) {

c.width=f=255,k=40*t
for(i=f;i--;)for(j=f;j--;x.fillRect(i,j,1,Math.hypot(X,Y)-.2+S(k*X)*S(k*Y)*S(k/20/f)<0?X-Y+.5:0))X=i/f-.5,Y=j/f-.3

Nov 2 2021 1:40 AM UTC

}// 135/140

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

Faster and smaller remix

u/Jabo

👍
u/joeytwiddle

#dither

show FPS hide FPS share 1 remix fullscreen

Jabo

function u(t) {

eval(unescape(escape("𨰮𭱩𩁴𪀽𨰮𪁥𪑧𪁴👦🐲𝐵𛁫🐲𜀻𩡯𬠨𪐽𜀻𪐼𩠻𪐫𚰩𩡯𬠨𪠽𜀻𪠼𩠻𪠫𚰩𮀮𩡩𫁬𤡥𨱴𚁩𛁪𛀱𛀱𚐬𦀽𪐯𩠭𛠵𛁙👪𛱦𛐮𜰬𩀽𣑡𭁨𛡳𬑲𭀨𦀪𦀫𦐪𦐩𛐮𜠬𩀽𩀫𤰨𪰪𦀪𭀪𪰩𚡓𚁫𚡙𚡴𚡫𚐪𤰨𪰪𭀯𩠩🀰🱘𛑙𚰮𝐺𜀬𮀮𩡩𫁬𤱴𮑬𩐽𤠨𩀬𩀬𩀬𩀩").replace(/uD./g,'')))

Nov 1 2021 5:46 AM UTC

}// 140/140

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

https://youtu.be/CVhYW6e3qc8?t=2608

u/magna

Awesome!
u/magna

Math.sqrt(X*X+Y*Y) -> Math.hypot(X,Y)
u/magna

Golfed a bit: d/24273
u/danny@hille.dk

even shorter: (X*X+Y*Y)**.5
u/donbright

woah

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/24232 by u/ciaccodavide

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👩🐹𞱩𛐭𞰩𒡦𫱲𚁪👨🐳𜠱𛁧🐲𜀰𛱨𞱨𛐭𞰩𮀮𩡩𫁬𤱴𮑬𩐽𨁲𩱢𚀰𛀰𛀰𛁠𚰨𪀪𪀪𜐮𜰴𝰯𪠯𪠩𛀊𮀮𩡩𫁬𤡥𨱴𚀵𜰵𚱓𚁴𚐪𜰰𜀫𪐪𜐰𜀬𝀴𜀫𩰪𪀬𝐰𛁧𚐬𒡸𛡦𪑬𫁒𩑣𭀨𝐸𝐫𤰨𭀩𚠳𜀰𚱩𚠱𜀰𛀶𝀰𚱧𚠨𜐭𪀩𛀵𜀬𩰩`.replace(/u../g,'')))

Oct 25 2021 2:03 PM UTC

}// 134/140

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

#default illusion

u/Xen

love it!
u/DataMeta

one of my favorite types of #opticalillusion

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

console.log('%cDWITTER','border-radius:1em;background-color:#000;padding:60px;color:#0f9;font-size:'+S(t*3)**2+'in')

Oct 16 2021 5:42 PM UTC

}// 116/140

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

Press F12 to view animation on console. #hack

u/46uuuu

i have no f12, im on tablet

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

for(c.width|=i=3e2,d=1-i/2e2;i--;)x.beginPath(x.arc(960,540+S(t+i/3*99)*99*d,i*4,0,7),x.stroke())

Oct 15 2021 11:55 AM UTC

}// 97/140

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

u/joeytwiddle

I perceive movement inwards, but the code says the only movement is up and down! 🤯 Want proof? Try growing i slowly with i=t*3|0. Or try reversing the movement with t-i/3 instead of t+i/3.
u/joeytwiddle

This is also a rare-ish example of inverted Moire, by which I mean the interference patterns which most stand out are white rather than black.
u/joeytwiddle

The remix simplifies the effect, making it a little easier to see what's happening.

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/24073 by u/pavel

function u(t) {

u=h=511;for(c.width|=k=0;k<2;k+=.02)for(i=u=u*5&h;w=i--/4;)x.fillRect(((k||S(i))+t/4)%1*h*5-h-u*T%w,T=h+(i&5?i-u:u-i),k?w:u,2+S(T>h&&w+t*9))

Oct 11 2021 8:36 PM UTC

}// 140/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/KilledByAPixel

nice!
u/yonatan

Thanks. A little too fast, should have been t/8 instead of t/4...
u/aemkei

Thought the same. t/8 is really a calm beauty!
u/yonatan

Yeah, my screen does 30Hz so I only notice it when exporting to a gif.
u/Joachim

I like the animated #water
u/magna

t/h/9*u for parallax
u/magna

Here we go: d/24088

show FPS hide FPS share fullscreen

danny@hille.dk

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

function u(t) {

c.width=w=218;for(i=3e4;i--;)x.fillRect(X=i%w,Y=i/w|0,(z=C(X/w*25-t*9)/S(Y/w*14-t*9)>1?.8:-1)-S(t*4-X/z/w)+C(t*5-Y/z/w),z)

Oct 7 2021 5:20 PM UTC

}// 122/140

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

fake lighting + fake embossing (it's all fake remix)

u/danny@hille.dk

109b lores version: c.width=w=99;for(i=6e3;i--;)x.fillRect(X=i%w,Y=i/w|0,.8,C(X/8-t*2)/S(Y/13-t*3)>1?.8:-1-S(t*2-X/w)+C(t*2-Y/w))
u/DataMeta

#opticalillusion
u/danny@hille.dk

#hexagon

show FPS hide FPS share 5 remixes fullscreen

KilledByAPixel

remix of d/23975 by u/tomxor

function u(t) {

for(X=t&&X+r*25,i=h=5+X%4*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)

Oct 6 2021 6:12 PM UTC

}// 119/140

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

Tiny Tree Lake 🌲 Golfed by pavel, gibson042, yonatan, tomxor, and me

Show more comments…
u/magna

If you keep golfing this down, I'm going to come and slap a default on top of it!
u/rep_movsd

C(t) also produces a passable landscape
u/tomxor

#teamwork !
u/danny@hille.dk

114 -> for(X=t&&X+r*25,i=h=5+X%2*t<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*600,h,r]))r=1+S(i^X)
u/KilledByAPixel

that is good but we lose the curve which is the only thing holding together the composition
u/rep_movsd

for(X=t&&X+r*25,i=h=6+2*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)
u/rep_movsd

for(X=t&&X+r*25,i=h=6+2*C(t*5)<<6;--i;x.fillRect(...t?[X-r*i/8,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*h,h,r]))r=1+S(i^X)
u/KilledByAPixel

great attempt! not sure it is possible to get smaller without cutting something. in this case the X%4 part is necessary to make the trees varying heights
u/FireFly

"boring" -1, distribute the ?: across args in the fillRect: x.fillRect(t?X-r*i/8:i*8,t?600+(r*8&3?i-h:h-i):r*600,t?i/4:h,t?2:r). Or more depending on what artistic tradeoffs you're okay with, e.g. just always setting height to r isn't terrible

show FPS hide FPS share fullscreen

firegodjr

remix of d/23898 by u/firegodjr

function u(t) {

x.drawImage(c,0,k=t*60%2*9|0,1920,m=1071)
for(i=99;i--;)x.fillStyle=R(k?0:i*4,k?99+i:m,k?0:m),x.fillRect((1+(k?C:T)(t+i/20))*960,k?m:0,99,9)

Sep 21 2021 7:34 PM UTC

}// 140/140

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

Rolling Hills

u/rep_movsd

WIndows XP wallpaper
u/rep_movsd

#landscape #nature
u/firegodjr

Didn't realize when making it, but it turns into an earthquake after a bit. Especially if the framerate dips
u/firegodjr

135: x.drawImage(c,0,u=u?0:9,1920,m=1071) for(i=99;i--;)x.fillStyle=R(u?0:i*4,u?99+i:m,u?0:m),x.fillRect((1+(u?C:T)(t+i/20))*960,u?m:0,99,9)

show FPS hide FPS share 1 remix fullscreen

firegodjr

function u(t) {

k=t*60%2|0
for(i=9;i--;)x.fillStyle=R(k?255:i*28,k?i*28:255,180),x.fillRect(960+S(t+i/2)*960,k?1071:0,50,9)
x.drawImage(c,0,k?0:9,1920,1071)

Sep 21 2021 6:39 PM UTC

}// 140/140

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

Horizon

dwitter.net | joeytwiddle (64030)