Dweets awesomed by u/Feiro

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

pavel

function u(t) {

for(c.width=640,i=8;i--;x.stroke())x.beginPath(R=3+12**.5*C(t+=22/21)),j=i<2,x.arc(320+150*(2*!i-j),180+260*S(t)*!j/R,130/(j||R*R)**.5,0,7)

Jan 4 2020 12:23 AM UTC

}// 139/140

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

Eight kissing circles

Show more comments…
u/pavel

These are the circles e^is, 1/3*e^is, 1/3*e^is + 2/3*e^i(n*pi/3+t) for n=0..5 transformed via the conformal map (3^.5+z)/(1+3^.5*z)
u/yonatan

Fascinating, but incomprehensible :)
u/yonatan

my best guess: z in the map is coords as a complex number, i is sqrt(-1), e is euler's const? no idea what's s
u/pavel

You got it. s is just a parameter, a real number. If you plot e^is in the complex plane you get a circle (https://en.wikipedia.org/wiki/Euler%27s_form…). Then that map magically moves and resizes things but keeps circles as circles.
u/pavel

This d/17068 is what the circles look like before the mapping. The mapping moves the inner one sideways, outside of the outer circle, and resizes it to be the same size, meanwhile the moving circles keep touching.
u/pavel

Check out https://jsfiddle.net/umL3t1he/9/ on desktop
u/katkip

#apolloniangasket

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=m=0;i--;m=1)x.globalAlpha=.3+m/3,z=C(i*i)-1.07,x.fillRect(m&&960*(z+2-(i**.2+t/3)%4)/z,540-m*32/z,s=m?i%9/z:2e3,32*s)

Jan 3 2020 1:46 AM UTC

}// 132/140

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

Train ride

u/KilledByAPixel

👍
u/katkip

#perspective

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/11968 by u/joeytwiddle

function u(t) {

c.width|=0;o=t*7%15.7-22/7;j=o>0;w=(99-j*80-j*o*1.6)*S(!j*o+j*o*4);x.ellipse(920,850-j*600*S(o/4)-w,200-w,200+w,0,0,7);x.fill()

Jan 27 2019 5:54 AM UTC

}// 127/140

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

New_Core's bouncing ball + squash = jumping jack

u/katkip

Nice
u/katkip

#physics #jelly
u/DataMeta

Delightful!
u/joeytwiddle

Change o*4 to o*3 for a slower wobble

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𞐶𜀬𮁛𩠽𙱦𪑬𫁒𩑣𭀧𧐨𜀬𜀬𪐽𚁣𛡷𪑤𭁨𯀽𜀩𛁩𚐻𪐭𛐻𮁛𩡝𚁷𚰨𤰨𨠩𚠳𚱓𚁰👩𚡩𚱴𚐪𤰨𬐽𪐪𪐪𪐩𚐯𚁚🐶𚱃𚁢𚐪𜰫𠰨𬀩𚡓𚁱𚐩𚡷𛀵𝀰𚰨𠰨𬐩𛑃𚁢𚱴𚐩𛱚𚡷𛁳🐱𚰱𝐰𛱚𛱚𛁳𚐩𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮰨𨠽𪐥𝠫𭀩𚠶𜁽𛀹𞐥𛀶𝐥𨀻`.replace(/u../g,'')))

Jan 26 2019 7:00 AM UTC

}// 140/140

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

for(w=960,x[f='fillRect'](0,0,i=(c.width|=0),i);i--;x[f](w+(S(b)*3+S(p=i*i+t)*S(q=i*i*i))/(Z=6+C(b)*3+C(p)*S(q))*w,540+(C(q)-C(b+t))/Z*w,s=1+150/Z/Z,s))x.fillStyle=hsl(${(b=i%6+t)*60},99%,65%

u/adaq

d

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮁛𩰽𙱦𪑬𫁒𩑣𭀧𧐨𜀬𜀬𨰮𭱩𩁴𪀽𚁷🐹𝠰𚐪𜠬𪐽𭰪𜰩𞱩𛐭𞱸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𛠱𝐪𪑽𛀹𞐥𛀶𜀥𨀬𮁛𩱝𚁷𚰨𤰨𬐽𪐯𜰸𜐫𠰨𭀯𜠩𚠳𚐪𦠩𛰨𦠽𠰨𬐩𚡚𛐷𚐪𭰬𝐴𜀫𤰨𬀩𚡶𛱚𚡷𛁳🐱𚰲𜀰𛱚𛱚𛁳𚐩𦠽𠰨𬀽𪐯𝠳𛠶𝰫𭀩𚠨𭠽𪐥𞀯𞀫𜐩𚰳`.replace(/u../g,'')))

Jan 22 2019 12:24 AM UTC

}// 140/140

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

for(x[g='fillRect'](0,0,c.width=(w=960)*2,i=w*3);i--;x.fillStyle=hsl(${.15*i},99%,60%,x[g](w+(S(q=i/381+C(t/2)*3)*Z)/(Z=C(q)*Z-7)*w,540+S(p)*v/Z*w,s=1+200/Z/Z,s))Z=C(p=i/63.67+t)*(v=i%8/8+1)+3

u/cantelope

testing out the new compressor :D
u/metamero

cool!!
u/katkip

I like that there is a cat and a mouse emoji in your code
u/iverjo

#colorful

show FPS hide FPS share 4 remixes fullscreen

katkip

remix of d/11885 by u/katkip

function u(t) {

seed=4
c.width*=1;for(i=43;i--;)for(j=71;j--;)
x.fillRect(j*30+S(i/seed+t)*100-100,i*30+C(j/seed+t)*100-100,30,30)

Jan 19 2019 6:50 PM UTC

}// 114/140

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

It is going up. To go down, change seed=0.02

u/katkip

Haha, this got 20 likes
u/Xen

seed=5+C(t)*2
u/katkip

The perfect straight one is seed=.0123
u/katkip

44 likes om!
u/vain

Very cool and smooth looking fx

show FPS hide FPS share fullscreen

katkip

remix of d/11867 by u/katkip

function u(t) {

eval(unescape(escape`昽⡘ⱙⱳ⤽㹻楦⡳㸴⥸⹦楬汓瑹汥㵒⠱㈸⭓⡳⭴⤪ㄲ㠬ㄲ㠫䌨猫琩⨱㈸ⰱ㈸⭃⡳⩳⤪ㄲ㠩ⱸ⹦楬汒散琨堭猯㈬夭猯㈬猬猩ⱦ⡘⵳ⱙⱳ⼲⤬昨堬夭猬猯㈩ⱦ⡘⭳ⱙⱳ⼲⤬昨堬夫猬猯㈩紻昨㤶〬㔴〬㜲〩`.replace(/u(..)/g,"$1%")))

Jan 17 2019 3:25 PM UTC

}// 135/140

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

u/iverjo

How was this made?
u/13thptr

nice!
u/sigveseb

Ooh very pretty!
u/katkip

u/iverjo simple recursion
u/magna

This is so pretty!

show FPS hide FPS share fullscreen

metamero

remix of d/11818 by u/metamero

function u(t) {

document.body.outerHTML=t?s+=` ИИ NN`:s='<p style=line-height:.6;font-size:25px;font-family:monospace>'

Jan 15 2019 2:24 PM UTC

}// 105/140

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

ИИ NN Zöllner Illusion

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/11742 by u/katkip

function u(t) {

c.width^=0;for(i=999;i--;)x.lineTo(960+S(i*S(4)+t/9)*1e3,540+C(i*S(8)+t/9)*1e3);x.fill()

Jan 11 2019 2:48 PM UTC

}// 88/140

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

show FPS hide FPS share 4 remixes fullscreen

katkip

remix of d/11741 by u/katkip

function u(t) {

c.width^=0;for(i=800;i--;)x.lineTo(960+S(i*S(i)+t/9)*500,540+C(i*S(i)+t/9)*500);x.fill()

Jan 11 2019 2:46 PM UTC

}// 88/140

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

#earth planet

u/13thptr

woah
u/username

does not look like earth though
u/joeytwiddle

It does look like a #planet though. Cool effect for 88
u/katkip

That line in the middle looks a bit like Rusia
u/magna

Awesome technique! You could potentially add a way to "seed" the generation with a number and then search for a seed that resembles the Earth the most using brute-force.

dwitter.net | Feiro (9293)