Top 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) {

m="-.. .-- .. - - . .-." // DWITTER
r="replaceAll"
x.fillStyle=m[r]("-","xx ")[r](".","x ")[2*t|0]=="x"?"#fff":R()
x.fillRect(0,0,2e3,2e3)

Aug 9 2021 12:04 AM UTC

}// 138/140

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

Morse Code Blinking (with customizable message)

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

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.

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

x.beginPath(s=800,d=3)
p=[[0,1,d],[C(t),1,S(t)+d],[C(t),-1,S(t)+d],[0,-1,d]]
p.map(v=>x.lineTo(960+s*v[0]/v[2],540-s*v[1]/v[2]))
x.stroke()

Aug 29 2019 4:06 AM UTC

}// 139/140

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

3D Cylinder Sketch

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

r=m=>m*Math.random()|0
x.fillStyle=R(r(32)*8,r(64)*4,r(32)*8)
for(i=9;i--;)x.fillRect(r(32)*60,r(18)*60,50,50)

May 21 2019 5:01 AM UTC

}// 110/140

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

High Color Pixels (R5G6B5)

u/donbright

hahaha awesome
u/donbright

these colors are wonderful

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

f=60*t|0
c.style=`transform:rotate3d(0,.6,.8,${f}deg)`
x.fillStyle=R(255-f%255,127,f%255)
x.fillRect(910+400*C(t),490-400*S(t),99,99)

Sep 25 2021 10:48 PM UTC

}// 133/140

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

3D Rotation With CSS

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

r=Math.random
u=r(v=r())
if(u+v>1){u=1-u
v=1-v}
y=v=>255*v**.45
x.fillStyle=R(y(v),y(1-u-v),y(u))
x.fillRect(456+1e3*(u+v/2),1036-1e3*v,9,9)

Aug 26 2021 10:04 PM UTC

}// 140/140

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

Uniform Random Sampling Within A Triangle

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

h=(o,y)=>255*[1,1-t%1,0,0,t%1,1][((t|0)+o)%6]**(1/2.2)**y
for(v=2;v--;){x.fillStyle=R(h(0,v),h(4,v),h(2,v))
x.fillRect(60*t|0,540*v,1,500)}

Aug 11 2021 6:40 PM UTC

}// 139/140

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

Comparison of Linear and "sRGB" Rainbows

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?!

dwitter.net | LimeLaser (249)