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

nburn42

remix of d/19043 by u/nburn42

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(j=t%8e6,m=x.getImageData(0,0,2e3,1e3),g=m.data;j<8e6;j+=5+t)g[~~j]=255-g[~~j]
x.putImageData(m,0,0)

Jun 5 2020 3:02 AM UTC

}// 127/140

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

Turns on the fans on my laptop

u/joeytwiddle

#heavy

show FPS hide FPS share 2 remixes fullscreen

nburn42

function u(t) {

if(!t)x.fillRect(0,0,2e3,2e3)
for(j=0,m=x.getImageData(0,0,2e3,1e3),g=m.data;j<300;j+=4)g[~~(8e6*S(t))+j]=255*C(t*9)
x.putImageData(m,0,0)

Jun 5 2020 1:20 AM UTC

}// 138/140

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

Trying to play with the raw image data is hard

Show more comments…
u/cshadows

wow!!
u/tomxor

It is hard - shame there isn't a simple buffer to write to
u/nburn42

I wanted to build cellular automata based off raw data, but there is so much overhead involved.
u/nburn42

I'll try anyway.
u/tomxor

What do you mean by raw data? using the frame buffer for state? there are quite a variety of CA implementations here but they are mostly tagged gameoflife regardless of specific rule. I made a larger than life one recently that is capable of >1 radi moore neighborhoods
u/nburn42

I see some of your CA, the are awesome, I'll play around with some of your methods too.

show FPS hide FPS share 1 remix fullscreen

ntsutae

function u(t) {

t*=30,t||(c.width=w=960)
for(x.drawImage(c,0,1),i=w;--i;)
x.fillStyle=R(g=(t+((i-t)^(i+t))**4)%997<97?w:0,g,g),
x.fillRect(i,0,1,1)

Jun 5 2020 12:56 AM UTC

}// 131/140

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

Circuit Diagram

u/tomxor

Nice! most convincing xor sampling #circuit pattern i've seen, lots of ball grid arrays
u/ntsutae

(i-t)^(i+t) is great.
u/rodrigo.siqueira

Change ^ to | and you will see falling Sierpinsky triangles! I mean: (i-t)|(i+t)
u/ntsutae

Yes, I've already tried "|","&". The triangles appeared without the use of recursive call. Dwitter told me bit operation skills. Thank you.

show FPS hide FPS share fullscreen

stefano

function u(t) {

for(c.width=w=48,z=255,i=0;i<1296;){X=i%w;Y=(++i-X)/w;l=X-C(t*3)*10-24;k=Y-13;x.fillStyle=R(z-Math.sqrt(l*l+k*k)/15*z);x.fillRect(X,Y,1,1)}

Jun 4 2020 9:42 PM UTC

}// 139/140

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

Crazy Ball

show FPS hide FPS share fullscreen

ben221199

function u(t) {

c.style.background=R()

Jun 4 2020 9:41 PM UTC

}// 22/140

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

Solution of u/katkip

u/ben221199

#blacklivesmatter

show FPS hide FPS share fullscreen

ben221199

function u(t) {

x.fillRect(0,0,1920,1080)

Jun 4 2020 9:15 PM UTC

}// 25/140

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

#blacklivesmatter

show FPS hide FPS share fullscreen

DaSpider

function u(t) {

for(x.translate(0,(S(t))*(c.height|=i=0)),x.font='40em"';q=t/17*(i+t*9)%51,x.globalAlpha=q/25,++i<2e3;x.rotate(.01))x.fillText(`🚥`,q,q*99)

Jun 4 2020 9:06 PM UTC

}// 138/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

rafroller

remix of d/19035 by u/Annastasia

function u(t) {

(F=(X,Y,L)=>{x.fillStyle=R(C=L*32,C,C);x.beginPath();x.arc(X,500,Y,0,2*Math.PI);x.fill();L>1&&F(X-Y/t*9,Y,L-1)+F(X+Y/2,Y/2,L-1)})(950,950,8)

Jun 4 2020 6:31 PM UTC

}// 140/140

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

That's a big tower

show FPS hide FPS share 1 remix fullscreen

Annastasia

function u(t) {

(F=(X,Y,L)=>{x.fillStyle=R(C=L*32,C,C);x.beginPath();x.arc(X,500,Y,0,2*Math.PI);x.fill();L>1&&F(X-Y/2,Y/2,L-1)+F(X+Y/2,Y/2,L-1)})(950,950,8)

Jun 4 2020 3:43 AM UTC

}// 140/140

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

drawing circles

show FPS hide FPS share fullscreen

amnesiadreamer

function u(t) {

c.width=1920
for(i=0;i<14;i++)
x.fillRect(400+i-T(i*t/20)*400,100*i,25,400)
for(j=0;j<14;j++)
x.fillRect(400+j+T(j*t/20)*400,500/j,25,600)

Jun 3 2020 8:34 PM UTC

}// 138/140

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

wave step