Dweets awesomed by u/mildlybean

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

scorpioservo

function u(t) {

c.width=1920;x.translate(960,590);
for(i=0;i<t*10;i++){x.fillRect(i*2,i*2,10,(C(t)*30));x.rotate(C(i*t/20))}

Dec 31 2019 5:04 PM UTC

}// 109/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 1 remix fullscreen

danschormans

function u(t) {

A=Math.abs
x.fillStyle=R(A(S(t+1)*255),A(S(t+2)*255),A(S(t)*255))
x.fillRect(960,540,44,44)
x.translate(C(t)*t/9,S(t)*t/9)

Dec 31 2019 2:09 PM UTC

}// 122/140

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

First dweet: colour spiral

u/Xen

nice!

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

with(x)for(c.width|=i=960,translate(i,540),M=m=>fillRect(0,0,1,m?80:200,fillStyle=m?R():'#00f');--i;rotate(1))M(0),M(1),fillRect(400,0,9,9 )

Dec 30 2019 10:41 PM UTC

}// 140/140

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

u/tomxor

Aye aye
u/Xen

eyup

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

for(i=768;i--;){p=(61*window.p+53)%2304+1||1
X=--p%64
Y=p/64|0
x.fillStyle=`HSL(${180*S(X)*S(Y)+t*t},75%,50%)`
x.fillRect(30*X,30*Y,30,30)}

Dec 26 2019 7:13 AM UTC

}// 139/140

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

64x36 20FPS Random Sampling Renderer

u/LimeLaser

My attempt to implement per-pixel rendering at interactive rates. Using a Linear Congruential Generator, the pixels to render are chosen psuedo-randomly. It takes 3 frames to render all 2304 pixels, so the actual FPS is 20.

show FPS hide FPS share 1 remix fullscreen

henrosaurus

function u(t) {

c.width|=f=C(t);p=c.width/2
for(i=0;i<60;i++)
x.arc(p, p/2, Math.abs(C(t)+p/2), T(t)+i, S(t)*i)
x.lineWidth=3
x.stroke()

Dec 24 2019 4:48 PM UTC

}// 120/140

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

the wild oracle

u/donbright

interesting

show FPS hide FPS share fullscreen

katkip

function u(t) {

if(!t){z=[];for(i=214;i--;)z.push(S(i*i))}
c.width|=0;for(i in z)x.fillRect(i*9,540,9,-(r=z[i])*540),(r<z[i-1])?(q=z[i-1],z[i-1]=r,z[i]=q):t

Dec 20 2019 1:15 PM UTC

}// 140/140

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

I tried to make my first sorting algorithm. I don't know if this algorithm already exists but isn't very efficient. idea from d/16913 #sort #visualization

show FPS hide FPS share fullscreen

LydianLights

function u(t) {

for(i=W=!t*1920;i;i-=4)for(j=1080;j;j-=4){a=A=i/640-2;b=B=.8-j/640;n=9;while(--n&&a*a+b*b<4){d=a*a-b*b+A;b=2*a*b+B;a=d}n&&x.fillText(n,i,j)}

Dec 20 2019 6:05 AM UTC

}// 140/140

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

Huge improvement over my last Mandelbrot! I learned some tricks from y'all :D

u/katkip

#mandelbrot #fractal
u/LydianLights

Just noticed that this looks different on different computers because of the fillText(). It also looks trippy if you resize the page!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𩠽𜐷𜀰𛁩🐰𞰫𚱩🁦𞱩🠸𜀰🱸𛡣𫁥𨑲𤡥𨱴𚀨𪐫𪐪𤰨𭀫𪐩𛰲𜀩𙑦𛐲𝐰𛀨𤰨𪐩𚠱𩐵𚱴𚡃𚐥𜑥𜰬𦠽𞐫𞐪𪐯𩠬𦠩𞡸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𚁱🱃𞠱𩐳𚐪𤰨𪐩𚡩𛱦𛁩𚱃𛁩𛰱𝀫𞐬𝀹𛁸𛡦𪑬𫁓𭁹𫁥👒𚁱𚡃𚰴𞐬𤰨𪐪𚠳𚐪𠰫𘑱𚡃𚰴𞐬𠰽𞐹𚐩𚑱👩🠷𜀰`.replace(/u../g,'')))

Dec 20 2019 4:20 AM UTC

}// 140/140

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

Snowy tree

u/jellyedwards

Just saw this: https://boingboing.net/2019/12/20/bewilderin… well done!
u/KilledByAPixel

nice, thanks!
u/KilledByAPixel

#snow #snowflake #tree

show FPS hide FPS share fullscreen

LydianLights

function u(t) {

with(x){save();fillStyle=`hsl(${9*t*t},80%,50%)`;translate(860,540);scale(S(4*t),S(3*t));rotate(t*t);fillRect(-500,-500,999,999);restore();}

Dec 20 2019 2:52 AM UTC

}// 140/140

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

Simple and flashy

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

for(r=X=c.width+=0;X-=2;t?T[X]>r?[T[X-1],T[X]]=[T[X],r]:0:T[X]=Math.random()*999)x.fillStyle=`hsl(${r/4},99%,45%`,x.fillRect(X,0,1,r=T[X++])

Dec 20 2019 12:38 AM UTC

}// 140/140

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

Bubble Sort

u/Odog8

duuuude
u/pavel

#sort has a few others
u/katkip

awesome #math
u/katkip

#visualization #graph

dwitter.net | mildlybean (2822)