Dweets awesomed by u/robbyg

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

robbyg

function u(t) {

for(j=20,h=96;h--;)for(v=54;v--;)x.fillStyle=R(z=(T(t-h*v)+1)*j,z/2,z*4),x.fillRect(h*j,v*j,j,j)

Jul 16 2018 6:34 PM UTC

}// 96/140

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

u/DataMeta

I love it!
u/aleamb

awesome!

show FPS hide FPS share 1 remix fullscreen

tobias

function u(t) {

r=Math.random
x.fillStyle=`hsl(${r()*360},90%,77%)`
x.filter="blur(1px)"
x.drawImage(c,0,0)
x.filter="none"
x.fillRect(r()*2e3,r()*1e3,1,1)

Jul 16 2018 5:35 PM UTC

}// 139/140

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

u/robbyg

120 chars for more room to play: r=Math.random;with(x)fillStyle=hsl(${r()*360},90%,77%,filter='blur(1px',fillRect(r()*2e3,r()*1e3,1,1),drawImage(c,0,0)
u/micahcowan

(Fixed formatting) r=Math.random;with(x)fillStyle=`hsl(${r()*360},90%,77%`,filter='blur(1px',fillRect(r()*2e3,r()*1e3,1,1),drawImage(c,0,0)
u/elochimsiemasz

Duuude

show FPS hide FPS share fullscreen

tobias

function u(t) {

if(!t)y=w=960,z=h=710
for(i=0;i++<99;)C=C*3%2e9||1,x.fillRect(y=y/2+(w+606*(C%3-1))/2,z=z/2+(h-(++C%3+~C%3)*350)/2,1,1)

Jul 15 2018 7:23 PM UTC

}// 119/140

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

u/iverjo

#sierpinski

show FPS hide FPS share fullscreen

mvs202

function u(t) {

c.width|=0
r=220+180*C(t/8)
l=t*100%(2*r)-r
a=b=l
s=2*r
do{
x.beginPath()
x.arc(a,b,r,0,6)
x.fill()
a+=s
if(a>2320){a=l;b+=s}
}while(b<1480)

Jul 15 2018 4:05 AM UTC

}// 140/140

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

u/iverjo

#dots

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

b=["screen","difference"]
for(i=99;i--;x.globalCompositeOperation=b[i%2])x.fillStyle="#74"+i,x.fillRect(600+500*S(t+i),500+500*C(i+t),i*7,i)

Jul 13 2018 4:18 PM UTC

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

robbyg

remix of d/8828 by u/UnacceptableUse

function u(t) {

for(i=12;i--;)with(x)beginPath(),strokeStyle=`hsla(${S(i+t/9)*360},50%,50%,.2`,arc(t*90%2e3-40,i*99+S(t)*99,50,0,7),stroke()

Jul 13 2018 4:02 PM UTC

}// 124/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 1 remix fullscreen

Xen

function u(t) {

x.globalCompositeOperation="xor"
x.fillRect(1e3,5e2,3e3*C(t*.7)/2,3e3*S(t*.3))
x.fillStyle=`hsl(${t*99},90%,40%)`

Jul 10 2018 5:41 PM UTC

}// 113/140

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

Color-Test

u/joeytwiddle

And now I need an eye-test!

show FPS hide FPS share 1 remix fullscreen

keithclark

remix of d/8806 by u/keithclark

function u(t) {

for(Z=L=52,c.width=L*4;Q=Z--/9;)for(Y=X=L;X>-L;x.fillRect(X--/Q*9+99,L+U/Q,9/Q,L))Y+=7*C(X/2^Q*2+t*9),x.fillStyle=R(U=Y<L?Y:L,Q*L+U,U/L<<8)

Jul 9 2018 10:15 PM UTC

}// 139/140

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

Managed to create a flat sea. Had to trade off the nice distance fog effect.

Show more comments…
u/joeytwiddle

Awesome infinite #landscape
u/lionleaf

Amazing!
u/jylikangas

Love it! Well done!
u/iverjo

Wow!
u/lionleaf

#minecraft
u/zanella

Replace Y<L?Y:L with Y and you'll understand how the flat sea effect was achieved. Nice one. ;)
u/Conjuror

love it
u/vain

OMG - really hot shit :D

show FPS hide FPS share fullscreen

Xen

remix of d/8829 by u/UnacceptableUse

function u(t) {

for(x.beginPath(c.width=-1,i=299);i--;x.arc(150,85,t*t%i,i-t,t));x.stroke()

Jul 8 2018 6:14 PM UTC

}// 75/140

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

Reality-Traverse

u/magna

Nice!
u/DataMeta

Cool! Just keeps on giving
u/micahcowan

#Rlyeh

show FPS hide FPS share 1 remix fullscreen

nabbydude

remix of d/8811 by u/nabbydude

function u(t) {

x.fillStyle=R(a=w*!x.getImageData(...P).data[0])
d+=!a||3
x.fillRect(...P)
P[j=d%2]+=(d%4<2||h*w-1)*5
P[j]%=(j?h:w)*2}{P=[d=w=960,h=540,5,5]

Jul 5 2018 4:27 PM UTC

}// 140/140

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

Golfed my Langton's ant enough to fit in some scaling

Show more comments…
u/nabbydude

(and fix the aspect ratio)
u/aleamb

#cellular #automaton
u/alien

Hi there what is this part doing a=w*!x. ? :)
u/BalintCsala

@alien I think that gets the image data at the current position and if it's red, makes the fillStyle black and vice-versa
u/nabbydude

@alien @BalintCsala is right, x.blahblah is 0 if the pixel is black and 255 if its red, inverting it makes 0 into 1 and 255 into 0, and then we multiply by w because its a big number (>255) to make the color more visible
u/nabbydude

@alien @BalintCsala is right, x.blahblah is 0 if the pixel is black and 255 if its red, inverting it makes 0 into 1 and 255 into 0, and then we multiply by w because its a big number (>255) to make the color more visible

dwitter.net | robbyg (49846)