Dweets awesomed 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 1 remix fullscreen

pavel

remix of d/19550 by u/tomxor

function u(t) {

for(c.width=w=127,i=9087;i--;t?p&u[r=i+w+r%3]<1&&--u[i]&++u[r]:u[i]=r)x.fillRect(X=i&w,Y=i>>7,.5,p=u[i]),v=Y-36,r=(X/3-21)**4>v*v?2:i*t|Y<30

Sep 10 2021 2:03 AM UTC

}// 140/140

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

Overfilled #hourglass

u/pavel

#time
u/rep_movsd

Amazing!
u/tomxor

Excellent! makes me wonder what else we can do with this stuff...

show FPS hide FPS share 4 remixes fullscreen

pavel

function u(t) {

for(i=420;r=--i>>2;i&3||x.beginPath(x.fill()))x.fillStyle=`hsl(177,42%,${90-3*r}%`,x.arc(960,580,24*r,a=(i*2-.5+(~r%2|1)*C(t-r/9))/.9549,a)

Sep 8 2021 11:34 PM UTC

}// 139/140

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

3x33 [A] by twitter.com/tequibo

u/rodrigo.siqueira

What is Pavel's Twitter account?
u/pavel

twitter.com/pavelbahilov I have plans to post but I don't currently

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

ArthurThuczsec

remix of d/16349 by u/bencoveney

function u(t) {

for(i=200;i--;x.fillStyle=R(C(q)*i,S(-q)*i,S(q)*i))x.fillRect(980-i*4+C(q=i*t/9*t+i)*i,540-i*3+S(q)*i,8*i,6*i);

Aug 26 2021 6:17 PM UTC

}// 111/140

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

dwitter.net | LimeLaser (3131)