Dweets by u/pavel

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

pavel

remix of d/23084 by u/New_Core

function u(t) {

for(c.width=960,A=[9*S(t),i=0,15+C(t)];i++<60*t;A[3-3*S(i**9)>>1]+=S(i*i)>0||-1)s=250/A[2],s>0&&x.lineTo(480+A[0]*s,270+A[1]*s);x.stroke()

Jun 10 2021 9:52 PM UTC

}// 138/140

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

u/miratcan

HOW!!!!????
u/pavel

S(i*i)>0||-1 is shorter as 1|S(i*i)-1
u/pavel

I tried thinking of a way to make it never double-back but its hard to fit. Special sequence that looks random and has this property?
u/donbright

!!!!

show FPS hide FPS share fullscreen

pavel

remix of d/22643 by u/Xor

function u(t) {

for(c.width|=i=11;i--;){
x.beginPath()
x.setLineDash([n=2**(i+t%1)])
x.lineWidth=n
x.lineTo(0,h=3*n/2)
x.lineTo(2e3,h)
x.stroke()
}

Apr 28 2021 7:59 PM UTC

}// 131/140

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

Using setLineDash as otherwise its too slow to draw all the squares

u/Xor

Neat!

show FPS hide FPS share 3 remixes fullscreen

pavel

remix of d/21114 by u/magna

function u(t) {

c.width=512
for(let i=23e3;i--;)i/1e3-12>T(T(S(i%80/13)*S(i/1e3-4*t)))&&x.fillRect(i%80,i/80,1,1)
for(i=6;i--;)x.drawImage(c,80,0)

Jan 3 2021 12:39 AM UTC

}// 130/140

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

4x resolution from leveraging periodicity

u/magna

Smart! And a lot more beautiful! :)

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=m=[h=1080];i--;)m[i]=i**3%h
m.sort((a,b)=>(t-=1/h)>0&&a-b).map((n,i)=>x.fillRect(i,h-n,1,n,x.fillStyle=`hsl(${n/9},69%,50%`))

Dec 22 2020 11:33 PM UTC

}// 140/140

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

Visualizing Array.sort

u/pavel

This probably works and is probably merge #sort :)
u/ciaccodavide

Nice!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/21012 by u/pavel

function u(t) {

with(x)for(c.width|=i=710;i--;beginPath(fill(ellipse(40+18*C(a=++t%3.1416),0,w=S(a),!rotate(i*49+w/3),a,0,7))))setTransform(9,0,0,9,960,540)

Dec 17 2020 3: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).

Torus Study #2

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

with(x)for(fillRect(i=-710,i,i*=-2,i);i--;clearRect(20+9*S(a=i+t),2,w=C(a),w>0))setTransform(16,0,0,16,960,540),rotate(i/226)

Dec 15 2020 11:04 PM UTC

}// 125/140

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

Torus Study #1

u/magna

WOW!
u/vovanmozg

fantastic!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(w=i=c.width|=0,x.globalAlpha=.15;i--;x.fillText('❄',-4,-4))x.setTransform(s=i*i%63/7,0,0,s,(i+s*w/(1+9**C(t/3)))%w,(s/5*t+T(i*i))%2*600)

Dec 6 2020 4:36 AM UTC

}// 140/140

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

Snowstorm

u/donbright

lovely
u/KilledByAPixel

#snowflake

show FPS hide FPS share fullscreen

pavel

remix of d/20901 by u/pavel

function u(t) {

for(i=c.width|=p=g=>(g(0)?k&3:k/4)*200+130*g(.8+(~~k+k/4&1||-1)*(i%120*41/13+5*t));k=--i/120;)x.fillRect(560+p(S),240+p(C),9,9)

Dec 4 2020 9:12 PM UTC

}// 127/140

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

Moving #illusion

u/pavel

Discovered this randomly when golfing the original. Not sure why it happens.
u/danny@hille.dk

cool effect: the "feature" is caused by not truncating k=--i/120 -> k=--i/120|0 disables this feature :-)
u/KilledByAPixel

👍
u/danny@hille.dk

better solution: for(i=c.width|=p=g=>(g(0)?k&3:~~k/4)*200+150*g((k&1||-1)*(i%120*41/13+5*t));k=--i/120;)x.fillRect(560+p(S),240+p(C),9,9)

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x.fillRect(X,540+200*C(a),-150,7))X=i%960*2,x.fillStyle=`hsl(${q=X/8+60*t},69%,${42+32*S(a=(q/32%1+(i>960))/.32)}%`

Dec 4 2020 8:45 PM UTC

}// 136/140

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

Ribbons

u/pavel

Dynamically swapping the draw order to get proper overlapping. Change i>960 to 1 or 0 to see how this works.
u/Qwitter

cool, and thanks!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/20898 by u/cantelope

function u(t) {

for(c.width=i=640;i--;T=!T&&!x.beginPath(x.stroke()))j=i/16-T*i&30,r=(j+4)/12<<6,x.arc(320+r*C(a=j/1.91+t),180+r*S(a),i&30?0:32,0,7)

Dec 4 2020 3:01 AM UTC

}// 132/140

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

Metatron's Cube

Show more comments…
u/pavel

Golfed this one a little bit :) #symmetry
u/pavel

i=[4 bits for start circle index][4 bits for end circle index offset from start circle][1 bit to decide start vs end]
u/pavel

That's 2**9=512 which is too small for power-of-two circle sizes but start clicle index wraps around so larger i is only redundant.
u/pavel

end-circle-offset == 0 is easy to check and means start and end are same circle, so draw that circle.
u/pavel

Otherwise draw the current circle with radius 0 which is same as lineTo.
u/pavel

T=!T&&!x.beginPath(x.stroke()) starts/strokes the path every two circles.
u/pavel

Here is a version before all the bit hacking for(c.width=640,i=16;i--;)for(j=16;j--;x.beginPath(x.stroke()))for(k=2;k--;)q=(i+j*k)%16,r=((q+2)/6|0)*64,x.arc(320+r*C(a=Math.PI/3*q+t),180+r*S(a),!j*32,0,7)

dwitter.net | pavel (7289)