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 fullscreen

magna

function u(t) {

R=540,Y=R-t*99
for(s=0,d=-1;s<=R*R-Y*Y;s+=d+=2);
X=d/2
x.fillRect(960-X,R+Y,X*2,1)

Nov 2 2021 10:36 PM UTC

}// 82/140

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

#circlechallenge No trig, no direct square root: Just using the Pythagorean theorem + the fact that sums of odd numbers give perfect squares

u/Xen

very clever sir

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/24280 by u/magna

function u(t) {

c.width=f=255,k=40*(t+8)
for(i=f;i--;)for(j=f;j--;x.fillRect(i,j,1,(X*X+Y*Y)**S(t)**2-.2+S(k*X)*S(k*Y)*S(k/20/f)+(i&j)&1))X=i/f-.5,Y=j/f-.3

Nov 2 2021 6:46 PM UTC

}// 139/140

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

Magic!

Show more comments…
u/magna

Keeps evolving #waitforit
u/cantelope

dafuq
u/magna

It all started with d/24264 courtesy of u/Jabo
u/taupelink

wow
u/Joachim

#sierpinski
u/Xen

love it!
u/donbright

beautiful
u/andrea270872

terrific stuff... I will have to study every character of your code!!
u/Jabo

Hero
u/joeytwiddle

magic ❤️

show FPS hide FPS share fullscreen

donbright

function u(t) {

限=199
for(m=-限;m<限;m+=(2+t))for(n=-限;n<限;n+=(3+t)){
g=2*m*n
b=m*m+n*n
r=m*m-n*n
x.fillRect(1920/2+frame*g/b,1080/2+frame*r/b,1,1)}

Nov 2 2021 3:12 PM UTC

}// 130/140

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

As part of #circlechallenge I go back to the old rational parametrization of the circle from Wildberger's "chromogeometry", which has elements of Euclid. Each frame draws rational points on a circle, and each frame the radius gets bigger. All of the patterns are a kind of optical illusion.

u/donbright

changing '2' and '3' to different numbers will give different patterns

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

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

dwitter.net | joeytwiddle (61381)