Dweets awesomed by u/tomxor

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 2 remixes fullscreen

magna

remix of d/7512 by u/magna

function u(t) {

c.width=960
for(j=60;j--;)for(i=240;i--;x.fillRect(i*4,j*9,4,9))f=i+t*60,n=T(0|(j+f^f-j)/(t/2+6)),x.fillStyle=`hsl(${120*i},99%,${n*9%50}%`

Nov 4 2018 5:42 AM UTC

}// 139/140

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

u/tomxor

Hah, it fits! awesome
u/tomxor

#crt #fractal
u/magna

It's monochrome, unfortunately. I couldn't find a quick way to add color (i.e. adjust the intensity based on R/G/B cells.)
u/tomxor

I can sort of fudge the colour with some kind of mod3 to selectively modulate the intensity in lum: (2+i%3)*n*10%50 duno how to fit it though.
u/magna

Nice! I used the dweet compressor (d/9207) to compress it: d/10843

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

c.width=w=120
for(i=w*33;i--;x.fillRect(i%w,i/w*2,1,2))f=i%w+t*60,n=T(0|(i/w+f^f-i/w)/(t**.7+6)),x.fillStyle=R((n&1)*i/n/8,n**n,(n&3)*i/n/4)

Nov 3 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).

#retro #fractal #game

Show more comments…
u/tomxor

For the lazy game designer... Just add chip tunes and a player :D
u/tomxor

#crt #degauss #sidescroller
u/magna

Awesome!
u/magna

I had a RGB CRT setup, but I hadn't been able to fit any interesting patterns: d/7512
u/tomxor

I had a look at yours magna, they are true crt, much more realistic i think. The scan lines on this are just a sideeffect I exploited and it was easy to add colour distortion in the R().
u/magna

Here we go: d/10843
u/C010011012

is it a cellular automata?
u/tomxor

Yes and no, it's a fractal n=T(0|(i/w+f^f-i/w)/(t**.7+6)) which is just a more elaborate variation of serpinsky triangles to produce more interesting patterns. Some fractals are automata, but not all automata are fractals, see here: https://en.wikipedia.org/wiki/Rule_90
u/tomxor

The implication is serpinsky triangles are computationally reducable, meaning it does not have to be computed in the same way as a cellular automata i.e state can be computed at step t directly without traversing intermidiate steps.

show FPS hide FPS share fullscreen

yonatan

remix of d/10782 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=50;j-->-k;x.fillRect(i,j/2+28,i!=k,j>0?(S(j*j+q/j-t*7)+C(j**5-q/j*6+t)**3)*j/k:S(j*q)<.98))q=i%k-(j>0&i>k)*j/4

Nov 3 2018 1:49 PM UTC

}// 140/140

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

Cross your eyes (inspired by https://twitter.com/2DArray/status/105855223…)

Show more comments…
u/tomxor

hah, #stereo #vr dweet
u/magna

Awesome!
u/lionleaf

haha, wow! First time I've seen a dweet in stereoscopic 3D #depth #stereoscopic #crosseyed
u/ldm0

That is awesome!!!
u/joeytwiddle

#hiddengem Cross your eyes and line up the star for 3d!
u/joeytwiddle

#stereograph

show FPS hide FPS share 1 remix fullscreen

ellisk1

function u(t) {

c.width=99;x.translate(-9,-9);for(j=157;j--;x.rotate(.01))for(i=125;i--;)x.fillRect(i,0,i<72?S((j-t/3)*i/3)/9:C(j*i+t)<.9-(i+2*S(j/2)<75),1)

Nov 2 2018 1:52 PM UTC

}// 140/140

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

Surface of the Sun

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=v='-1';i++<7;v+=1)x[f='fillText'](v+"x"+v+"="+v*v,155-i*9,30+i*9),x[f](8,X=99-i*6-C(i+t)*25,230-X-S(X)),x[f]('...◢◣.',i**4,64)

Oct 31 2018 3:00 PM UTC

}// 140/140

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

Tourists visiting the Great Pyramid of Math

Show more comments…
u/anotherkitten

dang there is some clever stuff in here, nice
u/magna

How do you even...
u/magna

I mean seriously.
u/aleamb

amazing, fucking amazing
u/cantelope

i wish i could give this more than one awesome. great work!
u/jick

Wow!
u/lionleaf

#pyramid #pyramids #numbers #math <--- Need to be able to find this one again!
u/lionleaf

Amazing!
u/lionleaf

The people even bob up and down as they move
u/sigveseb

Fanfuckingtastic
u/magna

Shut down Dwitter. We're done here.
u/katkip

lovee itt
u/iverjo

#witchcraft
u/joeytwiddle

#landscape #scene
u/danny@hille.dk

I went to the Gizaplateauet onece, and I can comfirm it looked excactly like this :-)
u/vain

Very nice. The code and the usage of filltext seems to be real magic - i will try to check and understand the magic

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10765 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=56;j-->-k;)x.fillRect(i,j/2+28,1,j>0?(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/50:(1-S(i*j)**88))

Oct 30 2018 11:07 PM UTC

}// 123/140

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

stars

Show more comments…
u/joeytwiddle

Really beautiful, and so short! #sea #ocean #water #waves #night #stars
u/lionleaf

Great in full screen. Beatiful
u/lionleaf

Now put that Saturn up in the sky ;)
u/sigveseb

Cool, the dark sky makes the water look more realistic tlo
u/sigveseb

too*
u/tomxor

Wow, you steped up the realism since that sunset a week ago :D this is my fav combo, the stary sky really complements the effect.

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

yonatan

remix of d/10705 by u/yonatan

function u(t) {

eval(unescape(escape`瑼簨挮睩摴栽㔶㠩㭣⹩湮敲䡔䵌㵠㱳癧㸼晩汴敲⁩搽显㱦敔畲扵汥湣攠扡獥䙲敱略湣礽⸰〵⁮畭佣瑡癥猽㔠⼾㱦敄楳灬慣敭敮瑍慰⁳捡汥㴤筓⡴⤪㈰ぽ㹠㭸⹦楬汔數琨砮晩汴敲㴢畲氨⍦⤢ⰰⰰ⤻;`.replace(/u(..)/g,"$1%")))

Oct 26 2018 8:13 PM UTC

}// 134/140

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

Improved performance remix (568px width)

Show more comments…
u/iverjo

How does this work?
u/yonatan

SVG perlin noise displaced by itself and used as a filter on the canvas. Time controls the displacement filter'r scale.
u/yonatan

the filltext() is required for the thing to paint itself apparently (fillRect works too)
u/yonatan

I half-guessing so if anyone has a better explanation...
u/yonatan

placing the displacement filter as a child of the turbulence node seems to feed the parent's output into both of the child's input nodes.
u/yonatan

oops, not child, sibling.
u/yonatan

tl;dr: no idea :)

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

c.innerHTML=`<svg><filter id=f><feTurbulence baseFrequency=.01 /><feDisplacementMap scale=${t*99}>`;x.filter="url(#f)";x.fillRect(0,0,0,1)

Oct 26 2018 12:11 PM UTC

}// 138/140

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

brighter on firefox

u/joeytwiddle

dude... #plasma #oil #oil_spill
u/Xen

i'm stealing this dweet and having it as an animated desktop background :-P
u/tomxor

Nice. Ahh svg filters... I have good memories, but then they were all destroyed by browser regressions.

dwitter.net | tomxor (31589)