Top #scanline dweets

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

joeytwiddle

remix of d/7301 by u/yonatan

function u(t) {

for(x.beginPath(i=1920);i--;x.lineTo(i,t%9*99+(Y|0)*8*t))for(Y=0,j=4;j--;)Y=Y+S(((i-960)/t+S(t+Y)*299*j*j/t)/(40*2**j));
t<9&&x.stroke()

Mar 12 2018 11:13 AM UTC

}// 136/140

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

jagarikin inspired wireframe landscape

Show more comments…
u/joeytwiddle

Nice work by yonatan. I am happy to abuse all the spare characters they saved!
u/joeytwiddle

To finish it off: s/t%9/t/ ; s/t<9/t<15/
u/aleamb

wow! love it!!
u/iverjo

Neat!
u/iverjo

#landscape
u/fujimotos

#scanline
u/fujimotos

#slow_render

show FPS hide FPS share 3 remixes fullscreen

iverjo

remix of d/123 by u/icecuber

function u(t) {

i=frame;for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillStyle=R(k,j,i);x.fillRect(i,j,1,S(k/9))}

Feb 22 2017 6:10 PM UTC

}// 140/140

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

Color version, a minified version of myJS's suggestion

Show more comments…
u/bakkot

golf'd slightly harder on general principles: i=frame;for(j=1080;j--;x.fillRect(i,j,1,S(k/9),x.fillStyle=R(k,j,i)))for(a=b=0,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1
u/donbright

niiiice
u/Krachwumm

This is freaking amazing. Even if it would have taken you 1000 characters
u/iverjo

Thanks bakkot! I golfed your version even further down to 134 characters: for(j=1080;j--;x.fillRect(i=frame,j,1,S(k/9),x.fillStyle=R(k,j,i)))for(a=b=0,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1
u/iverjo

Feel free to play with the colors! There's room for improvement
u/hamptonio

That's a work of art man
u/SpecialAgent

I must commend you! Did my research and got a working mandelbrot, but to golf it to 140 and get the speed is very very difficult! Wow. I will study your dweet now :)
u/iverjo

#fractal
u/iverjo

#mandelbrot
u/iverjo

#slow_render
u/f8f82804

#scanline

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

eval(unescape(escape`眽㤰Ⱪ㵬㵷⩷⼵ⱴ㴱⭴⩴⼱㈻景爨砮晩汬剥捴⠰ⰰⱣ⹷楤瑨㵷⨲ⱷ⨲⤻椭ⴻ砮晩汬剥捴⡘⨶ⱙ⨶ⰱ⭋ⰵ⤩堽椥眯㌬夽椯眬䘽琭椯氬䬽ㄭ䘥ㄬ䬪㴨奞堭繆⤯㈷┱⭋⨪㠬砮晩汬却祬攽恨獬⠤筩⨱㈰紬㤹┬⑻䬪㤹紥⥠`.replace(/u(..)/g,"$1%")))

Feb 14 2019 12: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).

Trinitron #crt #scanline #fractal

u/tomxor

Finally resorted to UTF8. This is a reasonably accurate slow motion aperture grille scanline animation... Although if run very slow you will see it's not simulating 3 electron beams. t=fps (scanline) w=width (subpixels) the later must be a multiple of 3 and 5. Use X, Y and floored F to plugin your own fractal!
u/tomxor

Uncompressed: w=90,i=l=w*w/5,t=1+t*t/12; for(x.fillRect(0,0,c.width=w*2,w*2);i--;x.fillRect(X*6,Y*6,1+K,5)) X=i%w/3,Y=i/w|0,F=t-i/l,K=1-F%1,K*=(Y^X-~F)/27%1+K**8, x.fillStyle=hsl(${i*120},99%,${K*99}%)
u/sigveseb

Kick-ass!
u/C010011012

bypassing the character limit I see using unicode escapements and regex u r very clever

show FPS hide FPS share 4 remixes fullscreen

icecuber

function u(t) {

t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillRect(i,j,1,S(k/9))}

Apr 13 2016 1:46 PM UTC

}// 122/140

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

u/iverjo

115 bytes: for(j=1080;j--;a=b=0){for(k=35;k--&&a*a+b*b<4;a=y)y=a*a-b*b+t*60/540-2,b=2*a*b+j/540-1;x.fillRect(t*60,j,1,S(k/9))}
u/iverjo

Here's one that draws faster: for(i=4;i--;){for(j=1080;j--;a=b=0){for(k=35;k--&&a*a+b*b<4;a=y,l=t*240+i)y=a*a-b*b+l/540-2,b=2*a*b+j/540-1;x.fillRect(l,j,1,S(k/9))}}
u/iverjo

Nvm, they depend on various variables being defined. I was fooled.
u/myJS

How about colors? t?i++:i=0;for(j=1080;j--;){a=b=0;k=35;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/540-2,b=2*a*b+j/540-1,a=c;x.fillStyle=R(k,j,i);x.fillRect(i,j,1,S(k/9))}
u/sfz

Nice enhancement myJS!
u/lionleaf

#scanline #slow_render #fractal #fractals

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 fullscreen

3bl3gamer

function u(t) {

for(i=2<<14;a=frame*8+i%8,b=i>>3,m=a-999,n=b-999,i--;)l=m*m+n*n,l<8e5&&(n*=C(l/3e5-2.6)),(((m/n+9999)%2)^(b/n%2))&&x.fillRect(a/2,b/2,.7,.7)

Aug 19 2016 8: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).

Just to see hi-res version of this https://dweet.dwitter.net/id/281?autoplay=1

Show more comments…
u/3bl3gamer

Looks a bit better in FF
u/donbright

oh wow this is cool, space time warp!
u/joeytwiddle

#render
u/lionleaf

#slow_render #scanline
u/Lazy1337

One of the best dweets
u/kkingsbe

How is this possible lol

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

for(x.beginPath(i=1920);i--;x.lineTo(i,t*99+(Y|0)*99))for(Y=0,j=4;j--;)Y=Y+S((i+S(t+Y)*99*j*j)/(40*2**j))
x.stroke()

Mar 12 2018 11:01 AM UTC

}// 116/140

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

https://twitter.com/jagarikin/status/9715426…

u/aleamb

fucking cool!
u/fujimotos

Great! This really opens up whole new space...
u/fujimotos

#landscape
u/fujimotos

#scanline
u/fujimotos

#slow_render

show FPS hide FPS share fullscreen

icecuber

function u(t) {

k=256;for(i=-k;i<k;)j=t*9-k,d=6e4-i*i-j*j,f=Math.sqrt(d)*2-i++-j,g=f*f*f/2e6,x.fillStyle=R(g,g,g+f*.1,1-2e3/d),f?x.fillRect(i+k,j+400,1,1):0

Feb 19 2016 5:45 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/donbright

nice
u/donbright

like really nice!!!!!
u/donbright

lol this should have 100 likes by now
u/lionleaf

#slow_render #scanline
u/iverjo

#smooth
u/rep_movsd

#render #3d
u/rep_movsd

#underrated

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/19826 by u/rodrigo.siqueira

function u(t) {

for(i=2e3,f=(X,Y,n=6)=>Y?f(X*X-Y*Y,2*X*Y-.7,n+2):x.fillStyle=`hsl(${n*8},88%,${S(n)*n}%`;i--;x.fillRect(t*99,i,2e3,1))f(i/365-1.5,t/6-1.6)

Sep 3 2020 3:14 PM UTC

}// 138/140

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

Full Julia Set #fractal #julia #spiral

u/katkip

#scanline

show FPS hide FPS share fullscreen

katkip

function u(t) {

z=(a,b)=>C(a*a+b)<0?S(a*b/5):z(1.5*b-a,.4-a);t||(w=0);for(v=9;v--;++w)for(i=1080;i--;)x.fillStyle=R(z(i/990,w/999)*500),x.fillRect(w,i,1,1)

Dec 29 2019 3:49 PM UTC

}// 139/140

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

I would like to understand how this works. I made just a random recursive formula and the result is too beautiful! #recursion is awesome

u/katkip

#slow #scanline #fractal
u/poetaster

a rose by any other name is still a rose by any other name is

dwitter.net | #scanline