Dweets awesomed by u/Renaud___

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

Blacklink

function u(t) {

for(c.width|=i=0;i<8;i++){b=400
x.font=b+"px a"
l="🏠"
if(i%3==0)l="🌳"
x.fillText(l,(t*999+b*i)%2400-b,b)}x.fillText("🏍️",900+S(t)*99,700)

Jul 3 2019 5:37 PM UTC

}// 137/140

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

u/pavel

Nice
u/KilledByAPixel

looks awesome in firefox, terrible in chrome.
u/username

for me it looks the same in both browsers
u/katkip

Durarara
u/katkip

^ Celty

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(c.width|=i=170;i--;)x.lineTo(960+400*S(a=3.14*S(t/2)*S((i))+C(t/2)),540-400*C(a))
x.fill()

Jul 3 2019 4:40 PM UTC

}// 94/140

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

u/joeytwiddle

Nice pattern! S(a=t*S((i))) starts nice but gets messy fast
u/katkip

Wow

show FPS hide FPS share 7 remixes fullscreen

KilledByAPixel

function u(t) {

c.width|=c.style.background="#CDF";for(j=3e3;j--;x.arc(960,540,430+60*S(j/500+a*4)*(S(a-t)/2+.5)**9,a,a))a=j/159+t,x.lineWidth=29
x.stroke()

Jul 1 2019 2:56 PM UTC

}// 140/140

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

Circle Wave #beesandbombs 🐝 💣

u/KilledByAPixel

This one was fun because I found a way to combine the loops and hide the start/end gap that removes the need for a beginPath. Freeded up enough space for background color, or something cool in a remix.
u/aleamb

yeah!
u/pavel

Buggy in Safari. Jagged things sticking out, i think from the line end-caps, also breaks after a while because you didn't wrap-around the angle in arc.
u/pavel

Huh, actually both issues are resolved by modding the arc angle by 2*pi
u/KilledByAPixel

Explanation for how it works at http://frankforce.com/?p=6597

show FPS hide FPS share fullscreen

pavel

remix of d/14840 by u/pavel

function u(t) {

x.beginPath(x.lineWidth=FPS=p=Math.PI)
k=frame
k%2?n=99:(n=2+k/2,r/=C(p/n))
for(j=n+1;j--;)x.arc(960,540,t?r:r=60,a=2*p*j/n+11,a)
x.stroke()

Jun 30 2019 10:28 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/katkip

Wow! Perfect geometry

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/14743 by u/KilledByAPixel

function u(t) {

t?c.width=1e3:gcd=(a,b)=>b?gcd(b-frame,a%b):a+frame;
for(i=90;i--;)for(j=90;j--;)x.fillRect(i*9,j*9,gcd(j)/9,gcd(i,j)/6)

Jun 26 2019 12:44 AM UTC

}// 120/140

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

euclid's ocean

u/donbright

credit for gcd() https://en.wikipedia.org/wiki/Euclidean_algo…
u/katkip

interesting

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14751 by u/KilledByAPixel

function u(t) {

with(x)for(i=219;i--;fill())for(beginPath(j=3);j--;arc(960,540,i*9,a=j/.477+S(i/2+t)/2+.52,a))fillStyle=`hsl(${i-t*19} 99%${30+S(i)*30}%`

Jun 25 2019 4:39 PM UTC

}// 137/140

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

▲Triangle Twister▼

u/loktar

Love it!
u/magna

Pretty!
u/aleamb

love it!

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

for(i=500;i--;x.fillRect(960+400*S(i)*Z,540+i*C(i)*Z,a=i/2*Z,a))Z=2**T(i*8+t),x.fillStyle=`hsla(${i/2+t*5},99%,50%,.02)`

Jun 24 2019 8:36 AM UTC

}// 121/140

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

u/katkip

hyperspace tunnel
u/donbright

my goodness this is rather profound
u/joeytwiddle

#tunnel #clouds

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.style.background="#205";x.beginPath(x.strokeStyle='#fff1');for(i=9;i--;)x.lineTo(960+C(-(q=i*i*t)%3+5)*360,540+S(-q%3+5)*360);x.stroke()

Jun 20 2019 2:19 PM UTC

}// 138/140

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

#moon #realistic A realistic moon with patterns on it.

u/Xen

love it!
u/KilledByAPixel

That's no moon...
u/katkip

It's a space station then

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/13347 by u/KilledByAPixel

function u(t) {

for(Z=j=400;j--;)for(x.fillStyle=j?`hsl(${j+t*29},99%,50%,.02`:R(),i=9;i--;x.fillRect(Z+i*99+S(t)*300+Q*S(j),Z+Q*C(j),50,200))Q=3*j*S(j*t/Z)

Jun 14 2019 2:59 PM UTC

}// 140/140

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

Trippy Default

u/KilledByAPixel

#default
u/katkip

Awesomened! #lsd #trippy #color

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/14525 by u/rodrigo.siqueira

function u(t) {

for(var I=960;I--;)for(var U=P=X=I/190-3,Q=Y=t/3-1.85,k=14;k--;)U=X,X=X*X-Y*Y+P,Y=2*U*Y+Q,X*X>2?x.fillRect(I*2,t*99,2,2):x.fillStyle=R(k**2)

Jun 14 2019 2:56 PM UTC

}// 140/140

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

Red rays from the Mandelbrot Set #mandelbrot #fractal

Show more comments…
u/KilledByAPixel

Amazing.
u/artfarnaa

Is there a way to make these fractal examples render faster? Perhaps offload the calculations to web assembly?
u/username

"Red rays" also known as low iteration count
u/13thptr

u/artfarnaa wasm isn't much faster than js on most platforms and it takes a lot of space to set up
u/13thptr

see u/rbong's work on it
u/katkip

i don't understand this so awesome
u/rodrigo.siqueira

Artfarnaa, it is possible to make super fast, see this pure JS fast implementation: https://csl.name/mandelbrot/ There are many tricks specifically created to calculate Mandelbrot Set (e.g. avoid calculations in a rectangle inside the main set because all pixels are white and calculations in this white area is slower than other parts), but no speed optimization were used here because of space constraints. Some tricks to make it faster: do not use time variable to do calculations (because it is max 60 fps), do not plot each pixel, but store them in an array and plot at once using c.putImageData(img)...
u/KilledByAPixel

There is one way to make it very very fast. I just made a quick shader of it for you! https://www.shadertoy.com/view/wtjGz3
u/artfarnaa

Thanks guys, great inspiration.

dwitter.net | Renaud___ (36750)