Hot 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 fullscreen

pavel

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡣⹷楤瑨簽樽㠻欽樭ⴻ汩湥坩摴栽⸱⬴⩃⡴⼴⭯⨱⸶⤪⨳〬獴牯步⠩⥦潲⡢敧楮偡瑨⡯㵪㰴⤻欼㈰㭫⬽㌫漩汩湥呯⡘㴹㘰⭃⡡㵫⼮㔴㔷⤪⡶㴵〰⩃⡡⼷⭴⤩ⱙ㴵㐰⭓⡡⤪瘩ⱸ⹦楬汒散琨堭㐬夭㐬㠬㠩`.replace(/u(..)/g,"$1%")))

Dec 10 2018 8:51 AM UTC

}// 140/140

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

Connecting the dots

u/13thptr

this one is clearly underrated

show FPS hide FPS share fullscreen

pavel

remix of d/11314 by u/pavel

function u(t) {

for(x.fillRect(j=11,0,2e3,2e3);k=20*--j;)for(i=241;i--;)x.clearRect(i*(8-j/6)+k,600-k-300/j*S(i*(2*j-1)/76.4)*S(j*t),s=12-j,s)

Dec 6 2018 8:47 AM UTC

}// 126/140

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

Standing waves #beesandbombs

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=64,x.scale(16,16);i--;)x.fillRect(X=i%8*8+30,Y=i&-8,X+Y&8,i+64-"@JDN_nu{q`Q".charCodeAt(t%12|0)?8:x.fillText('♞',X-1,Y+8))

Dec 6 2018 7:41 AM UTC

}// 138/140

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

Knight's Tour v0 #chess

u/donbright

nice work

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11280 by u/pavel

function u(t) {

for(c.width|=i=36;j=60*(--i>>2);x.fillRect(-j,0,2*j,u>0||9))x.setTransform(u=C(a=(i/2+t/8)*Math.PI),v=S(a),0,4,960+j*v,256+j/2-j*u)

Dec 5 2018 4:20 AM UTC

}// 131/140

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

#pyramid v2

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11279 by u/marc8

function u(t) {

with(x)for(c.width|=j=9;j--;fillStyle=j%2?'red':'blue',fill('evenodd'))for(beginPath(i=6);i--;arc(960,540,2.6**p,a=(6*i+p)*71/113,a))p=j+t%2

Dec 4 2018 5:18 AM UTC

}// 140/140

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

355/113 is a famous approximation of pi and here we need pi/5 which is perfect as 5 divides 355 giving 71/113

Show more comments…
u/marc8

Great remix
u/sigveseb

.628 works too, and is a little shorter :)
u/pavel

Yeah I didn't need the precision but it was an interesting coincidence and I had extra chars :)
u/donbright

wondrful
u/pavel

#uncompressed
u/katkip

#pemtagram
u/katkip

#tagfail #pentagram

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=23,x.globalAlpha=.1;j=99*(i-->>1);x.fillRect(-j,0,2*j,99))x.setTransform(u=-C(a=(i%2-t/3%1)*1.57),v=S(a),0,1,960+j*v,j/2-j*u)

Dec 4 2018 12:21 AM UTC

}// 140/140

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

#pyramid

u/pavel

Messing around with setTransform

show FPS hide FPS share 2 remixes fullscreen

pavel

function u(t) {

for(c.width|=i=1e3;i--;x.fill(p=new Path2D,p.arc(960+380*C(a=t+i/222)+r*C(11*a),540+380*S(a)+r*S(11*a),r<1||r**.5,0,7)))r=i*i/7e3

Dec 2 2018 8:21 AM UTC

}// 129/140

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

Swirler #beesandbombs

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=11;--i;)for(j=i*4;j--;x.fill(x.arc(960+r*C(a=j/i*11/7+15*t/1.7**i),540+r*S(a),12+r/60,0,7)))x.beginPath(r=30*i**1.2)

Dec 2 2018 7:03 AM UTC

}// 131/140

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

Spinning dots #beesandbombs

show FPS hide FPS share fullscreen

pavel

remix of d/11221 by u/pavel

function u(t) {

for(k=9;k--;x.fillRect(4*(i+j+s*C(A=(f-s%2?f+a:f-a)*22/7)),540+4*s*S(A),4,4))t?a<1?a+=.3/s:(a=0,x[j=i]=i+=i<++s|x[i-s]?s:-s):j=i=a=s=0,f=i>j

Dec 2 2018 1:31 AM UTC

}// 140/140

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

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;j=i-->>5;x.arc(98*(28-k*63+i%32*(4*k-2)+(j|t)%2+t%1/2+(.5-j%2)/(1+9e9**(j/9-t%1))),(j-k)*170,98,3*!k,3*k))k=i>>4&1
x.fill()

Nov 29 2018 12:18 AM UTC

}// 140/140

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

MORE disks >:) #beesandbombs

u/anotherkitten

stop being so good
u/katkip

i love your beesandbombs dweets
u/pavel

I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
u/pavel

I use 1/(1+9e9**x) to smooth step but even rows step twice in one cycle which is done by adding (j|t)%2 as offset.
u/pavel

In hindsight ~~x+(x%1)**9 is better for multi-smooth-step animations.

dwitter.net | pavel (7290)