Dweets awesomed by u/electric-skeptic

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

keithclark

remix of d/14444 by u/keithclark

function u(t) {

for(o=[c.width=i=320];i--;o[i]=[C(t+=w=99),S(t),S(i)]);for([Z,X,Y]of o.sort())x.font=`${5+Z--*3|0}px a`,x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)

Jun 6 2019 12:16 PM UTC

}// 139/140

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

Depth sorting: Cylinder

u/keithclark

144 - sphere: for(o=[c.width=i=320];i--;o[i]=[C(t+=w=99)*C(i),S(t)*C(i),S(i)]);for([Z,X,Y]of o.sort())x.font=4+Z--+'pt a',x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)

show FPS hide FPS share 4 remixes fullscreen

keithclark

remix of d/13682 by u/pavel

function u(t) {

for(c.width=i=460,o=[w=190];i--;o[i]=[C(a=.279*i+t/2)*C(i),S(a)*C(i),S(i)]);for([Z,X,Y]of o.sort())Z-=2,x.fillText('🔵',230+w*X/Z,140+w*Y/Z)

Jun 5 2019 3:52 PM UTC

}// 139/140

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

Depth sorted balls. Iteration of a dweet by Pavel

u/Xen

nice
u/keithclark

155, with scaling - for(c.width=i=320,o=[w=99];i--;o[i]=[C(a=t+w*i)*C(i),S(a)*C(i),S(i)]);for([Z,X,Y]of o.sort())x.font=${5+Z--*3|0}px a,x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)
u/aleamb

amazing!

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

function u(t) {

for(j=0;j++<29;)for(Z=i=192;i--;J=j*4-Z,Y=i/17|0,i==54||x.fillRect(i%17*2*Z*1.1+J-(Y&1)*Z,Y*Z*1.15+J,2*Z,Z))x.fillStyle=R(j**3/109,Q=70-i,Q)

Jun 2 2019 6:00 PM UTC

}// 140/140

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

Another Brick in the Wall

u/13thptr

woah
u/13thptr

instant awesome for the reference and the dweet itself
u/katkip

Slavery be like
u/rnbw

"for the love of god please help me"
u/aleamb

amazing!!

show FPS hide FPS share fullscreen

magna

remix of d/14070 by u/magna

function u(t) {

T.valueOf=Math.random
for(i=1e4;i--;s=a[3],x.fillRect(a[0]+=C(z=a[2]+=T-.5)*s,a[1]+=S(z)*s,s,s))u[i]=(a=u[i]||[T*2e3,T*2e3,T*7,T])

May 22 2019 12:18 PM UTC

}// 130/140

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

Lots of #walkers. #waitforit #texture

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/14069 by u/magna

function u(t) {

T.valueOf=Math.random
for(i=99;i--;s=a[3],x.fillRect(a[0]+=C(z=a[2]+=T-.5)*s,a[1]+=S(z)*s,s,s))u[i]=(a=u[i]||[T*2e3,T*2e3,T*7,T*2])

May 22 2019 12:07 PM UTC

}// 131/140

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

#walkers with perspective

u/katkip

now its #d3
u/Qwitter

cool.

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/14034 by u/robbyg

function u(t) {

T.valueOf=Math.random
for(i=99;i--;x.fillRect(a[0]+=C(z=a[2]+=T-.5)*2,a[1]+=S(z)*2,s=a[3],s))u[i]=(a=u[i]||[T*2e3,T*2e3,T*7,T*3])

May 22 2019 11:59 AM UTC

}// 129/140

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

#walkers with variable size

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

f=b=>`${b?'clear':'fill'}Rect`
c.width|=0
x[f(t&2)](0,0,2e3,2e3)
for(i=18;i--;)x[f(i&1)](400+i*50+S(t)*300,400,50,200)

May 15 2019 5:01 AM UTC

}// 118/140

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

#default

u/rnbw

that's a really clever way to alternate functions!
u/katkip

nice method

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/7856 by u/iverjo

function u(t) {

X=S(S(t*4)*1.5),x.lineTo(960+110*X*X*X,480-546*C(t)+294*C(2*t)),t<7&&x.fill();x.clearRect(278+(t|0)*90,155,15,15)

May 12 2019 12:32 PM UTC

}// 113/140

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

Catwoman, golfed with a little help from joeytwiddle

u/pavel

(t|0) === ~~t
u/KilledByAPixel

ｓｌｅｎｄｅｒｍａｎ
u/vinca

It's great to create complex shapes from simple code O_o

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

dwitter.net | electric-skeptic (3582)