New dweets | Dwitter

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

danny@hille.dk

function u(t) {

for(q=99,c.width=q,i=0;i<q;)x.fillRect(C(t*5+i)*40,i++,q,1)

Mar 7 2019 11:30 PM UTC

}// 59/140

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

Car wash?

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

function u(t) {

for(c.width|=i=0;i<66;)x.fillRect(999+S(t+(++i*6))*99,i*17,99,17)

Mar 7 2019 8:46 PM UTC

}// 65/140

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

wind spiral

show FPS hide FPS share fullscreen

pavel

remix of d/1112 by u/sigveseb

function u(t) {

for(let w=c.width=127,i=9086,a,b,n,B;a=i&w,b=i--/w;x.fillRect(a,b,1,1/(t+a/n&1^b/n)))n=b-20,B=(w*S(t*9+n/9)+(a-40)**2+n*n)/1e3,n*=B>1||C(B)

Mar 7 2019 8:31 PM UTC

}// 139/140

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

#improved performance

Show more comments…
u/pavel

Original runs at 6fps on my machines this runs at 60fps. I lowered the resolution by a quarter (4x perf) and golfed 13 chars to let me declare all vars locally (2x perf).
u/tomxor

wow! this is a massive perf improvement, the original was impressive but I couldn't really see it realtime. Nice one :)
u/katkip

how
u/nender

Wow! This is amazing!
u/sigveseb

Nice!
u/f8f82804

#raytrace #d3 #pbr
u/Cloud

Cool!!!

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

I=t*3320%2e3;J=t*94%1e3
i=A=I/2e3;B=J/1e3
for(;i++<13;[A,B]=[A*A-B*B+.3,2*A*B],C=A*A+B*B)
x.fillStyle=R(C*200,0,0,.3)
x.fillRect(I,J,i*=4,i)

Mar 7 2019 8:26 PM UTC

}// 140/140

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

Ghost of Julia ver5 (in red)

u/f8f82804

#fractal
u/13thptr

weird rendering:I love it :)
u/andrea270872

thanks... I had to cut a lot of corners to even get something looking like that :D
u/13thptr

#scanline
u/Xen

love it!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/12669 by u/tomxor

function u(t) {

for(c.width=i=512;i-=1/8;x.fillRect(16*(X*2+Y+16),16*(X/2-Y+Z+9),6,9))X=i%8-4,Y=i/64-4,Z=S((X*X+Y*Y)/3+t),x.fillStyle=`hsl(${Z*99} 99% 50%`

Mar 7 2019 8:14 PM UTC

}// 139/140

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

show FPS hide FPS share fullscreen

f8f82804

remix of d/12681 by u/f8f82804

function u(t) {

eval(unescape(escape`景爨椽ㅥ㐻椭ⴻ砮灵瑉浡来䑡瑡⠮⸮畛稽椥㉥㍝㴨畛穝籼孮敷⁉浡来䑡瑡⡕楮琸䍬慭灥摁牲慹⹯昨稯㠬〬戽爨⤪㈵㔬㈵㔩ⰱ⤬稬截㑝⤮浡瀨⡶ⱪ⤽㹪㽶⬲ⴴ⩲⠩㩶⤩⥲㵍慴栮牡湤潭`.replace(/u(..)/g,"$1%")))

Mar 7 2019 6:52 PM UTC

}// 127/140

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

I see a 3x speedup using putImageData over fillRect

u/f8f82804

for(i=1e4;i--;x.putImageData(...u[z=i%2e3]=(u[z]||[new ImageData(Uint8ClampedArray.of(z/8,0,b=r()*255,255),1),z,b*4]).map((v,j)=>j?v+2-4*r():v)))r=Math.random

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/12670 by u/f8f82804

function u(t) {

for(r=Math.random,i=1e4;i--;x.fillRect(p[0]+=2-4*r(),p[1]+=2-4*r(),1,1))p=u[z=i%2e3]=u[z]||[a=z,b=r()*1080,R(a/8,b/4)],x.fillStyle=p[2]

Mar 7 2019 6:30 PM UTC

}// 135/140

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

drawing smaller points doesn't help; this suggests the overhead is in color parsing

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

I=t*3320%2e3;J=(t*94)%1e3
i=A=I/520-2;B=J/520-1
while((A*A+B*B<4)*(i++<40))[A,B]=[A*A-B*B+.3,2*A*B+.02]
x.globalAlpha=.6
x.fillRect(I,J,i,i)

Mar 7 2019 6:22 PM UTC

}// 140/140

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

Ghost of Julia ver4 (with alpha!)

u/f8f82804

#dither #halftone #fractal

show FPS hide FPS share fullscreen

katkip

function u(t) {

r=(X,Y,s)=>{x.fillRect(X,Y,9,-s*8);if(s>1)r(X-s*4,Y-s*2,s/2),r(X+s*4,Y-s*2,s/2)};r(960,960,100)

Mar 7 2019 6:00 PM UTC

}// 95/140

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

#recursive

show FPS hide FPS share fullscreen

andrea270872

remix of d/12677 by u/andrea270872

function u(t) {

I=(t*3350)%2e3;J=(t*94)%1e3
A=I/900-1;B=J/500-1
i=0;while(((A*A+B*B)<4)&&(i<25))[A,B]=[A*A-B*B-.8,2*A*B+.2,i++]
x.fillRect(I,J,i*=2,i)

Mar 7 2019 5:38 PM UTC

}// 134/140

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

Ghost of Julia ver3

u/f8f82804

#dither #halftone #fractal