Hot dweets by u/LimeLaser

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: #Opposites

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

for(i=2304;i--;){y=i*t%256
b=i%192-95
r=i%256-127
x.fillStyle=R(y+1.475*r,y-.165*b-.572*r,y+1.881*b)
x.fillRect(i%64*30,(i/64|0)*30,30,30)}

Aug 7 2021 7:14 AM UTC

}// 139/140

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

Approximate YCbCr BT.2020 Color Conversion Test

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

y=2.2
f=60*t|0
v=f/480
e=f%2
r=(1-v)**(1/y)**e
g=v**(1/y)**e
x.fillStyle=`RGB(${255*r},${255*g},0)`
x.fillRect(4*f,540*e,8,500)

Jul 21 2021 11:45 PM UTC

}// 127/140

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

Linear RGB vs "sRGB" Color Interpolation (with adjustable gamma, y)

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

r=Math.random
x.fillStyle=`HSLA(${1e7*t%25e8+61e8},99%,50%,.2)`
for(i=6;i--;)x.fillRect(2e3*r(),2e3*r(),960*r()-480,540*r()-270)

Jul 12 2021 2:32 AM UTC

}// 128/140

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

Three Hues (61e8 to 86e8 degrees)

u/LimeLaser

This seems to only be a phenomena on Firefox browsers: only the colors red, cyan, and black are shown.

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

for(i=768;i--;){p=(61*window.p+53)%2304+1||1
X=--p%64
Y=p/64|0
x.fillStyle=`HSL(${180*S(X)*S(Y)+t*t},75%,50%)`
x.fillRect(30*X,30*Y,30,30)}

Dec 26 2019 7:13 AM UTC

}// 139/140

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

64x36 20FPS Random Sampling Renderer

u/LimeLaser

My attempt to implement per-pixel rendering at interactive rates. Using a Linear Congruential Generator, the pixels to render are chosen psuedo-randomly. It takes 3 frames to render all 2304 pixels, so the actual FPS is 20.

show FPS hide FPS share 2 remixes fullscreen

LimeLaser

function u(t) {

with(x){globalAlpha=.007
fillStyle="#fff"
fillRect(0,0,2e3,2e3)
fillStyle=R()
r=Math.random
for(i=187;i--;)fillRect(1820*r(),980*r(),99,99)}

Nov 27 2019 10:45 PM UTC

}// 140/140

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

Fragile, Morphing Fabric (or Paint To Cover Graffiti)

u/Xen

very cool idea
u/Xen

(not graffiti part, thats art)
u/LimeLaser

Sorry, I meant that as a description. My friend said it reminded him of those single-color rectangles of paint they cover graffiti with. I don't know the name for them.

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

for(i=2304;i--;){X=i%64;Y=i/64|0
x.fillStyle=`HSL(${ 72*(X%Y|3*t) },99%,50%)`
x.fillRect(30*X,30*Y,30,30)}

Nov 15 2019 11:38 PM UTC

}// 106/140

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

Woah I Tried To Make The Graphics Render But I Think Something Went Wrong

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

r=Math.random
x.fillText(r(x.fillStyle=`HSL(75,35%,${99*r(x.font=480*r(x.textAlign="center")+"pt t")}%)`).toString(36)[2],1920*r(),1080*r())

Oct 10 2019 2:45 AM UTC

}// 140/140

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

Random Green Characters

u/taupelink

I like!

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

r=Math.random
x.textAlign="center"
x.font=240*r()+"pt t"
x.fillStyle=`HSL(0,99%,${99*r()}%)`
x.fillText(r().toString(36),1920*r(),1080*r())

Oct 10 2019 2:43 AM UTC

}// 139/140

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

The codes, WHAT DO THEY MEAN?!

show FPS hide FPS share 1 remix fullscreen

LimeLaser

function u(t) {

X=o=>960+500*C(t+o)
Y=o=>540+500*S(t+o)
x.beginPath()
x.moveTo(X(1),Y(2))
x.bezierCurveTo(X(4),Y(8),X(16),Y(32),X(64),Y(128))
x.stroke()

Sep 1 2019 8:31 AM UTC

}// 136/140

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

Curved Geometry Drawer

u/LimeLaser

This uses the bezierCurveTo method with different values to see what shapes it can draw.
u/marmph

slap a few sines and cosines together and BAM ART

show FPS hide FPS share fullscreen

LimeLaser

remix of d/15597 by u/LimeLaser

function u(t) {

X=s=>960+500*C(s*t)
Y=s=>540+500*S(s*t)
x.beginPath()
x.moveTo(X(1),Y(2))
x.bezierCurveTo(X(4),Y(8),X(16),Y(32),X(64),Y(128))
x.stroke()

Sep 1 2019 8:35 AM UTC

}// 136/140

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

Curved Geometry Drawer (Alternative Version)

u/LimeLaser

I use the same values as last time, but treat them as scales rather than offsets.

dwitter.net | LimeLaser (249)