Dweets awesomed by u/artfarnaa

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 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.

show FPS hide FPS share fullscreen

comiccobe

remix of d/13488 by u/pavel

function u(t) {

for(x.fillRect(0,0,i=640,i);z=--i**.3;x.fillStyle=R(0,500/--z))x.setTransform(s=20/z,0,0,s,0,0),x.fillText('woocode'[i%7],i%z*99,t++%z*60)

Jun 14 2019 8:03 AM UTC

}// 138/140

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

u/katkip

cow cow cow cow

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/14546 by u/KilledByAPixel

function u(t) {

c.width|=0
with(x)font="87em'",lineTo(X=960,Y=540),arc(X,Y,2e3,t,t+2),clip(lineTo(X,Y)),lineWidth=9,stroke(),fillText("𝗥𝗔𝗗𝗔𝗥",9,1e3,1850)

Jun 12 2019 5:20 PM UTC

}// 137/140

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

RADAR

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/14541 by u/rodrigo.siqueira

function u(t) {

for(I=1850;I--;)for(var a=0,b=t/28,k=11;k--;)a=S(a)*b+t/I-2,b=C(I*a/800)*b-2,b>0&&(x.fillStyle=R(0,b*9,b*b*20),x.fillRect(t*120,I-770,2,1))

Jun 12 2019 3:26 PM UTC

}// 139/140

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

Blue Marbled Patterns of Chaos #texture

u/geb

#background

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14546 by u/KilledByAPixel

function u(t) {

with(x)for(c.width|=i=299;i--;restore(fillText("𝗦𝗣𝗢𝗧",9,800)))save(),clip(p=new Path2D(font="52em'"),p.arc((9*i+t*i)%2e3,S(i*i)*800,49,0,7))

Jun 12 2019 5:50 AM UTC

}// 140/140

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

Spot

u/katkip

Awesomened!
u/jylikangas

These are clever and fresh! Well done!

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/14542 by u/KilledByAPixel

function u(t) {

with(x)save(beginPath(font="85em'")),moveTo(j=1e3,540),clip(arc(j,540,2e3,q=t*6.3+9,q+.1)),restore(t>1||fillText("BROKE",29*S(q**3),j,1900))

Jun 12 2019 5:17 AM UTC

}// 140/140

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

Broke

Show more comments…
u/katkip

Awesomed!
u/d0n.key

Hey that's me!
u/joeytwiddle

Smashing!
u/13thptr

neat
u/aleamb

fucking awesome!
u/KilledByAPixel

Dissecting A Dweet: Breaking Broke https://frankforce.com/?p=6766

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

with(x)for(c.width|=i=219;i--;restore(fillText("𝐀𝐃𝐑𝐈𝐅𝐓⛵",9,960,1960)))save(font=(69+7*S(i/9+t*2))+"em'"),beginPath(clip(rect(9*i,0,9,2e3)))

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

how

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/14513 by u/KilledByAPixel

function u(t) {

with(x)for(c.width|=i=99;i--;restore(fillText("WARP",9,900+99*S(i/3+t*3),2e3)))save(font="70em'"),beginPath(clip(rect(0,20*i,2e3,20)))

Jun 11 2019 5:26 PM UTC

}// 134/140

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

WARP

u/katkip

This is similar to that tik tok effect

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14426 by u/KilledByAPixel

function u(t) {

w=c.width|=0;x.fillRect(0,W=1e3,w,w);for(i=99;i--;x.fill(p=new Path2D(),p.arc(i*18+19,W-Y-i+9,i,0,7)))Y=800*(S(t*2+i/50)**2)**.5

Jun 9 2019 7:42 PM UTC

}// 128/140

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

Bounce

u/aleamb

love it!
u/joeytwiddle

#bounce

show FPS hide FPS share 1 remix fullscreen

simonmkwii

remix of d/14501 by u/KilledByAPixel

function u(t) {

for(c.width|=i=50,x.font="88em'";i;)z=(S(t)**2)**.5*1e3+9,--i?0:x.fillStyle="#ff00e0",x.fillText("69",960+(i-24)*C(t%3.14)-z/2,1e3,z)

Jun 9 2019 9:47 AM UTC

}// 133/140

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

u/joeytwiddle

how naughty!

dwitter.net | artfarnaa (12181)