Dweets by u/rbong

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

rbong

remix of d/10745 by u/rbong

function u(t) {

for(i=99;i--;)S(i)<T(S(i*t*S(t)))&&x.fillRect(t*99,i*9,2,9)

Oct 28 2018 9:47 PM UTC

}// 60/140

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

Spirals

show FPS hide FPS share 1 remix fullscreen

rbong

remix of d/10732 by u/katkip

function u(t) {

for(i=99;i--;)S(i)<T(S(i*t))&&x.fillRect(t*99,i*9,2,9)

Oct 28 2018 9:45 PM UTC

}// 55/140

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

Fingerprints

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

rbong

function u(t) {

eval(unescape(escape`⁴㼱㩭㵮敷⁗敢䅳獥浢汹⹉湳瑡湣攨湥眠坥扁獳敭扬礮䵯摵汥⡕楮琸䅲牡礮晲潭⡠尰慳洁尰尰尰ĆŜ态缁缃ȁ尰܅ā慜ぜ《ँݜ〠尰⁜ぬୠⱣ㴾挮捨慲䍯摥䅴⠰⤩⤩⹥硰潲瑳㭡㵭⹡⡴⤻砮晩汬剥捴⡡ⱡⱡⱡ⤊`.replace(/u(..)/g,"$1%")))

Oct 22 2018 7:16 PM UTC

}// 139/140

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

Useless WebAssembly Example

Show more comments…
u/rbong

Note that this will probably only work on the desktop in Chrome and Firefox. Source below.
u/rbong

Compiled with: https://github.com/rbong/dwitter-wasm
u/rbong

.wat file source: (module (export "a" (func $a)) (func $a (param $0 i32) (result i32) (i32.mul (get_local $0) (get_local $0))))
u/rbong

.js source: a=m.a(t);x.fillRect(a,a,a,a)
u/yonatan

#wasm
u/joeytwiddle

awsm
u/katkip

i dont understand
u/katkip

oh, nvm awesome

show FPS hide FPS share fullscreen

rbong

remix of d/10574 by u/rbong

function u(t) {

for(n=200;n-=1/64;x.fillStyle=`hsl(${t*k*30},99%,50%)`,x.fillRect(n%3*666,n*5,16,16))for(r=i=0,k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i-(n%3)

Oct 21 2018 3:46 PM UTC

}// 140/140

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

Rainbow Cycling Mandelbrot

u/rbong

#rainbow #fractal #mandelbrot
u/rbong

This version has true color cycling, an animated Julia set, and is centered, but it's 18 characters over:
u/rbong

for(n=200;n-=1/64;x.fillStyle=\`hsl(${t*999+k*22},99%,50%)\`,x.fillRect(n%3*666,n*5,16,16))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-(n%3)

show FPS hide FPS share 1 remix fullscreen

rbong

remix of d/697 by u/p01

function u(t) {

for(n=210;n-=1/64;x.fillStyle=`hsl(${k*22},99%,50%)`,x.fillRect(n%3*666,n*5,16,16))for(r=C(t),i=S(t),k=28;--k/r;i=j)j=r*i-n/99,r=r*r-i*i-n%3

Oct 20 2018 5:53 PM UTC

}// 140/140

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

Rainbow Fractal Slice

u/rbong

#fractal #rainbow
u/prplz

#heavy
u/rbong

Looks a bit heavier than the original because I had to slow it down, but it's the same intensity. I would like to make a faster Mandelbrot/Julia set. This is closer to the original effect:
u/rbong

c.width|=0;for(n=200;n-=1/64;x.fillStyle=hsl(${k*22},99%,50%),x.fillRect(n%3*666,n*5,16,16))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-n%3
u/rbong

Insert backticks where the style changes in that comment, I can't edit it

show FPS hide FPS share fullscreen

rbong

remix of d/7094 by u/AnnanFay

function u(t) {

c.width|=h=384
for(z=1e4;z--;x.fillRect(!~~a*w*C(z)+i**3%h*5,5*h+(!~~a*w-a*h)*(2+i%.9)+w*S(z)/4,3,3))a=(t+C(i=z%99))%2,w=a*h-h

Oct 15 2018 4:38 PM UTC

}// 126/140

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

Rain in reverse

show FPS hide FPS share fullscreen

rbong

function u(t) {

for(c.width=X=99;X--;)for(Y=56;Y--;)x.fillStyle=R((c=S(X*X/26+Y*Y/26+t*5))*60+99,S(c*3.14+2)*60+99,S(c*3.14+4)*60+99),x.fillRect(X,Y,1,1)

Oct 14 2018 1:30 AM UTC

}// 137/140

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

Hypnosis

u/joeytwiddle

u/donbright loves the circles fractals

show FPS hide FPS share fullscreen

rbong

function u(t) {

for(c.width=i=99;i--;)for(k=56;k--;)x.fillStyle=R(
(j=C(S(i/50+16)*S(k/50+t)*100*t/20))*99,
C(j*3.14)*99,
150
),x.fillRect(i,k,1,1)

Oct 13 2018 11:17 PM UTC

}// 132/140

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

Droplets

show FPS hide FPS share 4 remixes fullscreen

rbong

function u(t) {

Y=c.height^=0
while(Y-=40){p=m=>S(Y+t+90*m)*250+250;[0,1,2,3].map(m=>{a=p(m),b=p(m+1%4),x.fillStyle=R(a,b,50);a<b&&x.fillRect(a,Y,b-a,40)})}

Oct 13 2018 8:48 PM UTC

}// 140/140

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

Classic Twister Effect

Show more comments…
u/rbong

#classic #twister
u/BirdsTweetCodersDweet

Remix at d/10435
u/BirdsTweetCodersDweet

And another at d/10436, cause I couldn't help myself with the colors
u/Purpzie

Shortened by 10 characters: c.height|= p=m=>(S(Y+t+m*90)+1)*250;for(i=108;i--,Y=(0|i/4)*40;a<b&&x.fillRect(a,Y,b-a,40))x.fillStyle=R(a=p(m=i%4),50,b=p(m+1%4))
u/Purpzie

Oh woops it should be c.height|=p=m=>(S(Y+t+m*90)+1)*250;for(i=108;i--,Y=(0|i/4)*40;a<b&&x.fillRect(a,Y,b-a,40))x.fillStyle=R(a=p(m=i%4),50,b=p(m+1%4))
u/Purpzie

Okay dwitter hates me now, there should be a newline afterc.height|=
u/Purpzie

Honestly there should be an edit button for comments. Forgot to mention I changed the color but it has no effect on code length

dwitter.net | rbong (95)