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

remix of d/31675 by u/LimeLaser

function u(t) {

u=t**3/5e3
v=1-u
w=(a,b,c,d)=>255*(a*v**3+3*v*u*(b*v+c*u)+d*u**3)
x.fillStyle=R(w(0,0,1,1),w(0,.7,1,0),w(.2,1,0,0))
x.fillRect(0,60*t,2e3,1)

May 9 2024 4:23 AM UTC

}// 140/140

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

Bezier Sunset Gradient - Fixed

u/LimeLaser

This version has a proper cubic Bezier evaluation function (w) and uses a non-linear ramping for u and t.
u/aaaaaz

#gradient

show FPS hide FPS share 1 remix fullscreen

LimeLaser

function u(t) {

f=60*t|0
u=f/1080
v=1-u
w=(b,c,d)=>255*(3*v*v*u*b+3*v*u*u*c+u**3*d)
x.fillStyle=R(w(0,1,1),w(.7,1,0),w(1,0,0))
x.fillRect(0,f,2e3,1)

Apr 28 2024 4:35 AM UTC

}// 132/140

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

Bezier Sunset Gradient

u/cantelope

"bezier" tho? 🤔
u/andrea270872

Perhaps the function w is based on a Bezier curve between 4 points?
u/andrea270872

(like they say here... https://javascript.info/bezier-curve )?
u/LimeLaser

Yeah, the w function should be a cubic Bezier evaluation, but I had to cut out the a*v**3 term to fit the character limit.

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

x.globalAlpha=.02
x.fillRect(0,0,2e3,2e3)
f=60*t|0
n=t/3|0
for(i=1e3;i--;)
x.clearRect(960+960*S(n*f+101*i),540+540*S(n*f+n*i),2,2)

Feb 9 2024 5:22 AM UTC

}// 131/140

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

A New Pattern Every 3 Seconds

u/Aeholbrook

love the slow burn

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

c.width|=0
for(i=500;i--;){a=((2*t+i*i)%6.28/3.14-1)**3*3.14
b=S(i+t)/5
x.fillRect(960-2*i*(S(a)+b),540-i*(C(a)+b),8,8)}

Oct 30 2021 6:49 PM UTC

}// 120/140

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

Whirlwind

u/marmph

breh

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

f=(60*t|0)%1e3
x.fillStyle=`HSL(${f},99%,50%)`
x.fillRect(1.7*f,f,99,99)
x.translate(960,540)
x.rotate(0.1)
x.translate(-960,-540)

Sep 11 2021 6:23 AM UTC

}// 130/140

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

Color Spiral

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

for(i=540;i--;){x.fillStyle=`HSL(${2*(i+t)},99%,75%)`
x.fillRect(960+C(t/2+i/31)*i,540+S(t/5+i/31)*i,4,4)}

Aug 9 2021 5:45 AM UTC

}// 106/140

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

Rotating Colors

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)

dwitter.net | LimeLaser (249)