Dweets awesomed by u/agshapiro

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

for(i=c.width|=0;r=S(k=--i>>6)**2;x[i%64?'fillRect':'clearRect'](7-k/4,0,r,r))x.setTransform(99,0,0,42,960,32*k+(i%64*r||3)),x.rotate(3*t+k)

Jun 7 2019 6:27 AM UTC

}// 140/140

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

#box #tornado #d3

u/aleamb

amazing!
u/donbright

how the....
u/KilledByAPixel

❒
u/vain

hard to believe... top!

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(i=4;i--;fill())for(beginPath(j=4),fillStyle=i?R(a=128+50*S(~i%3+13*t),a,a):'#868';a=j--/.64;)arc(960,536-~i%3*5,i<3?300:3e3,a,a)

Jun 6 2019 4:36 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 Perpetual Diamond #illusion

Show more comments…
u/pavel

Contrast Reversals Along Thin Edges Create the Appearance of Motion in Objects
u/pavel

https://doi.org/10.1177/2041669518815708
u/katkip

Wow
u/metamero

beautiful!!! #opticalillusion
u/SMON

It's grest but cannot hold a candle to some of your other works. :)
u/agshapiro

love it!

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭸⹦楬汒散琨〬〬㉥㌬㉥㌩㭸⹴牡湳污瑥⠹㘰ⰵ㐰⤻景爨椽㌵〻椭ⴻ⥸⹦楬汓瑹汥㵠桳氨⑻椫琪㤹紬㠵┬㘵┩怬砮牯瑡瑥⠱⭴⼹㤩ⱸ⹦楬汒散琨椫㄰〬〬㌬椭㌵〩`.replace(/u(..)/g,"$1%")))

May 27 2019 1:35 AM UTC

}// 124/140

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

HypnoCycle #colors #hypnotic

u/KilledByAPixel

👍 Cool
u/aaaaaz

Nice one

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁥👮🐾𫠦𞀿𞀭𫠥𞀺𫠥𞀬𨰮𭱩𩁴𪀽𪐽𜠱𝰶𞱪👩𛐭🠾𝰻𨑲𨰨𝠶𜀫𩐨𪠫𜰩𚠶𝐬𜰴𜀫𩐨𪠭𜐩𚠴𝐫𫀫𭀥𜠪𝐰𛐱𜀰𛰨𜐫𞐪𚠨𪠭𭀥𜠪𞐩𚐬𝐰𛑩𙐲𚠲𜀬𨐽𪐥𝀯𛠶𝀬𨐩𚑬👩𙐱𜠸𛁧𫁯𨡡𫁁𫁰𪁡🐱𛑬𚠪𛠲𛰲𛠶𜰬𪐥𝁼𯁢𩑧𪑮𤁡𭁨𚁦𪑬𫀨𚐩`.replace(/u../g,'')))

May 25 2019 6:04 AM UTC

}// 140/140

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

Columns #beesandbombs

u/KilledByAPixel

Yes👍
u/Xen

smooth
u/pavel

194 with(x)for(e=n=>n&8?8-n%8:n%8,c.width=i=2176;j=i-->>7;arc(660+e(j+3)*65,340+e(j-1)*45+l+t%2*50-100/(1+9**(j-t%2*9)),50-i%2*20,a=i%4/.64,a))l=i%128,globalAlpha=1-l**.2/2.63,i%4||beginPath(fill())
u/KilledByAPixel

60 fps looping gif https://imgur.com/gallery/0JBsfyV

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=t%=i=6;i--;x.lineTo(960+1e3*X*C(A)/z,3e3*(1+t/6-S(a))/z))X=3*C(a=i%2*3.142/(1+1e4**(i-t)))-1,z=6+t+X*S(A=(i+t/4)/.477);x.fill()

May 21 2019 9:58 AM UTC

}// 140/140

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

Let's see what unfolds

Show more comments…
u/jylikangas

Clever!
u/katkip

im shocked #genius
u/aleamb

wow!
u/donbright

so great
u/eph_aim

beautiful!
u/katkip

#infinite #loop
u/magna

#pavel
u/KilledByAPixel

Perfect loop 60 fps #GIF for you https://imgur.com/gallery/5kY1gNX
u/Ath0r

just wow
u/artfarnaa

Best dwitter

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0,s=120;Y=--i>>4;x.fillRect(0,-60,s,s))x.setTransform(1,0,C(o=(S(e=S(d=S(b=S(t-=44)+t)+b)+d)+e)/4+.78)/4,S(o),i%16*s,s*Y-60)

May 18 2019 5:22 AM UTC

}// 139/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

remix of d/13276 by u/pavel

function u(t) {

for(i=c.width|=f=g=>(i%12-6)*g(t)+(i/144-6|0)*g(t+8);i--;z>.8&&x.fillRect(960-s/2+(i/12%12-6|0)*540/z,460+f(S)*540/z,s,s))z=1+f(C),s=150/z/z

May 11 2019 6:53 AM UTC

}// 140/140

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

#uncompressed

u/pavel

f defines Y and Z and rotates them by angle t. Really efficient.

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵯㵛椽眽㤶そ㭩ⴭ㬩潛楝㵛㈮ㄫ䌨愽椫琯㤩⩃⡢㵩⨲〩ⱓ⡡⤪䌨戩ⱓ⡢⤬恨獬⠤筩紬㘹┬㔰╠崻景爨孚ⱘⱙⱸ⹦楬汓瑹汥嵯映漮獯牴⠩⹲敶敲獥⠩⥸⹦楬汒散琨眫眪堯娬㔴〫眪夯娬猽㔰⽚⽚ⱳ⤻`.replace(/u(..)/g,"$1%")))

May 8 2019 7:09 AM UTC

}// 139/140

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

Depth demo

Show more comments…
u/pavel

181 for(c.width|=o=[i=w=960];i--;)o[i]=[2.1+C(a=i+t/9)*C(b=i*20),S(a)*C(b),S(b),`hsl(${i},69%,50%`];for([Z,X,Y,x.fillStyle]of o.sort().reverse())x.fillRect(w+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/pavel

Notice how the objects 'in front' are always drawn 'in front'
u/pavel

This requires a bunch more chars and is only needed when objects have unique colors, which requires more. It seems impossible to do this without compression.
u/pavel

Pretty simple technique, when generating the 3d points instead of directly drawing them, store them in an array, sort it by depth back to front, then draw.
u/keithclark

175. Removed need for reverse() by reversing the projection (far points are painted near and vice-versa): for(c.width|=o=[i=w=960];i--;)o[i]=[C(a=i-t/9)*C(b=i*20),S(a)*C(b),S(b),hsl(${i},69%,50%];for([Z,X,Y,x.fillStyle]of o.sort())x.fillRect(w+w*X/(j=2.1-Z),540+w*Y/j,s=50/j/j,s)
u/keithclark

158 - for(c.width|=o=[i=w=708];i--;o[i]=[C(a=i+t)*C(b=i*20),S(a)*C(b),S(b),R(a)]);for([Z,X,Y,x.fillStyle]of o.sort())Z-=2,x.fillRect(960+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/Joachim

#d3 #ball

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/12115 by u/pavel

function u(t) {

for(i=c.width|=h=1065/226;q=--i%3-1,a=q?i:i*h+h/2;x.fillRect(960+S(a+t)*800/r/z,540+(q||T(i))*800/z,s=70/z/z,s))r=S(a%h),z=4+C(a+t)/r,z*=z>1

Apr 16 2019 5:01 PM UTC

}// 140/140

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

#d3 #cube #perspective #wireframe

u/pavel

#uncompressed
u/KilledByAPixel

rad

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=h=1.5708;Y=i--%3-1||S(i);x.fillRect(960+S(a+t)*800/r/z,540+Y*800/z,s=60/z/z,s))a=i%3?i:i*h,r=(a%2?S:T)(a%h+h/2),z=3+C(a+t)/r

Apr 12 2019 7:45 AM UTC

}// 139/140

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

Butterfly box #d3 #cube #perspective

u/Jezza

Woah!
u/KilledByAPixel

Well done.
u/lionleaf

That's wild! Love it #butterfly

dwitter.net | agshapiro (316)