Dweets awesomed by u/pavel

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 1 remix fullscreen

anotherkitten

function u(t) {

for(c.width|=s=i=60;i--;)for(j=20;j--;)i+j&1&&x.fillRect(s*(i-t%1*(j&1)*(p=t*2&2)),s*(j-(t%1*(j+1&1)*2*!p)),s,s)

Oct 29 2018 10:11 PM UTC

}// 112/140

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

weaving checkers

u/anotherkitten

idea from looking at the dweets of u/alice-mx
u/anotherkitten

u/pavel beat me to it rip
u/pavel

Yours makes for a better illusion because any given square eventually walks off-screen. In mine each square follows a small closed path.
u/pavel

I combined best of both into d/10768

show FPS hide FPS share fullscreen

pavel

remix of d/10753 by u/alice-mx

function u(t) {

for(a=Math.abs,c.width|=j=440;j--;x.fillRect(((j>>1)%20+s*P)*99,((j/40|0)+s*Q)*99,50,50))s=(j%2-.5)/2/Math.max(a(P=C(t)),a(Q=S(t)))

Oct 29 2018 6:56 PM UTC

}// 131/140

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

u/anotherkitten

dang your version is a lot better than mine, nice
u/katkip

wait what... i dont understand xD. nice

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10737 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=58;j--;x.fillRect(i,j,1,1))k=(50-i)/(z=j-27),x.fillStyle=R(q=z>0?S(j*j+k-t*7)*C(j**3-k*3+t)*z/2+60-j:j+9,q*=4,q)

Oct 29 2018 1:55 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/lionleaf

Wow! #sea #water #waves #landscape
u/jylikangas

One of my favorites!
u/robbyg

Fantastic mood. Well done!
u/aleamb

Amazing! Reminds me of the Solaris ocean

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

g=(z,y)=>S(z+y)*z*C(y+z)*y/2%200;j=t*60
for(z=1940;z-=20;)
for(y=1120;y-=20;x.fillStyle=R(k=g(z/10+j,y/10+j),k,k))x.fillRect(z,y,-20,-20)

Oct 29 2018 3:32 AM UTC

}// 137/140

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

anxious caverns

u/joeytwiddle

lol

show FPS hide FPS share fullscreen

rbong

function u(t) {

for(X=960;X--;x.fillStyle=`hsl(${(t+k)*25},99%,50%)`,x.fillRect(X*2,t%9*120,2,2))for(r=i=0,k=45;--k/r;i=j)j=2*r*i+1-t%9/54,r=r*r-i*i-X/4800

Oct 28 2018 8:38 PM UTC

}// 139/140

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

Scanline Rainbow Mandelbrot Section

Show more comments…
u/rbong

I've spent quite a bit of time now trying to get a faster, more detailed mandelbrot set or other interesting fractal that hasn't been done in fewer characters. This has included exploring obscure fractals like those generated from polynomial roots, using image data as storage or other memoization, and the dweet earlier that used WebAssembly with a new compression technique. I'll keep exploring these ideas, but this experiment bore the quickest result. #fractal #mandelbrot #scanline #rainbow
u/rbong

Oh yeah, I also tried MAndelbrot perturbation. It's pretty expensive for these purposes but I might be able to do something similar.
u/Xen

Love it!
u/tomxor

I'd love to see more fractals, especially more esoteric ones, keep up the good work rbong.
u/katkip

Great job bro!! I love this one!
u/lionleaf

Amazing!
u/iverjo

#slow_render

show FPS hide FPS share 2 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=240;i--;c=t/3*(i%t<t/8))x.clearRect(960+c*S(R=i**.7)+t*C(T),540+c*C(R)+t*S(T=i**.5)*C(!c*i),s=8*S(i*160-t),s)

Oct 28 2018 5:35 PM UTC

}// 140/140

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

#space #star #sun

Show more comments…
u/katkip

awesome
u/tomxor

It looks a bit more toasty if you multiply t*2 in i*160-t, just couldn't figure out how to fit it.
u/f8f82804

almost looks like a #virus
u/iverjo

#solar #flare
u/Cloud

#sun
u/erin

virus aged badly....
u/vain

has corona reached dwitter? Great procedural generated gfx

show FPS hide FPS share fullscreen

pavel

function u(t) {

g=_=>2*Math.random()-1;Y=g(X=g(r=512));h=X*X+Y*Y<=1
x.fillStyle=R(a=99+!h*99,a,a);x.fillRect(r+r*X,r+r*Y,32,32)
t?0:n=d=0;throw 4*(n+=h)/++d

Oct 27 2018 3:13 AM UTC

}// 140/140

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

Estimating Pi using the Monte Carlo Method

u/katkip

Genius!
u/pavel

#pi

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width+=0
r=z=>Math.random()-.5
a=this.a||[...Array(1e4)].map(z=>[4e3*r(),3e3*r(),r(),r()])
a.map(b=>x.fillRect(b[0]+=b[2],b[1]+=b[3],7,7))

Oct 26 2018 9:13 PM UTC

}// 140/140

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

random moving objects using window.a for persistence #floatingobjects

u/pavel

Js puts all vars into global namespace if you don't use 'var' or 'let' and t starts at 0 so you can do t?a.map(...):a=[...]
u/katkip

#ai

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10658 by u/f8f82804

function u(t) {

for(c.width|=i=13;i--;x.lineTo(967+(y-1?0:1e3*S(p)/z),1e3*y/z))y='011112101211'[i],z=y-1?3:3+C(p=t+1.57*'012340302014'[i]);x.fill('evenodd')

Oct 25 2018 5: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).

#d3 #perspective #octahedron

u/pavel

Here is 12 characters saved: c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123403020140'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')
u/f8f82804

using 1.6 to approximate Math.PI/2 is OK, but you should change all the 4s to 0s in the second data string, just to minimze the aggregate angular error. I used 4 for clarity, because 1.57 is accurate enough that the error is hard to notice. With 1.6 you can notice that one edge is longer than the others. c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123003020100'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`睩瑨⡸⥻挮睩摴桼㵸⹦㵦楬汒散琬瑲慮獬慴攨㤶〬㔴〩Ⱳ潴慴攨琪⸷⤻景爨椽㔻ⴭ椻牯瑡瑥⠱⸵㜩⥻晩汬却祬攽恨獬⠤筴⨹素㘰┠⑻椪㠫㈵紥总景爨樽㤹㭪ⴭ㭦⠲㤹ⰱ〰Ⱝ㐰〬㄰〩⥦⠲〰⭪ⱪⴳ〰Ⱝ樬㐰〭権絽`.replace(/u(..)/g,"$1%")))

Oct 25 2018 2:12 AM UTC

}// 140/140

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

rotating impossible square

u/anotherkitten

decompressed: https://pastebin.com/aB4CyAKg
u/anotherkitten

i bet one of you smart folk can fit the shape in 140
u/joeytwiddle

Nice!

dwitter.net | pavel (32391)