Dweets awesomed by u/13thptr

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: #Food

show FPS hide FPS share fullscreen

nystrand

remix of d/2727 by u/joeytwiddle

function u(t) {

c.width|=p=(X,Y=X,S=X,D=15,r=_=>C(t+=S++),k=_=>p(X+S*r(),Y+S*r()/3,S*.8,D-1))=>D&&x.fillRect(X,Y,S,S,x.fillStyle=R(k(),k(),S*D,.01));p(580)

May 16 2017 12:19 PM UTC

}// 139/140

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

u/yonatan

#clouds

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

c.width|=0,x.font='3in a';for(x.fillText("warped",Y=A=500,300);Y--;x.drawImage(c,0,Y,2e3,1,D/2,Y+A+C(Y*t/9)*4,2e3-D,4))D=S(Y/40*T(t))*A*C(t)

May 11 2017 1:16 PM 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 1 remix fullscreen

keithclark

function u(t) {

for(a=c.width|=0,G=36,J=S(t)/4;a--;'p}¶¼<¼¶}p'.charCodeAt(Y*C(t)+G-X*J&15)>>(X*C(t)+Y*J+t*G)%15&1&&x.fillRect(X*G,Y*G,G,G))X=a%53,Y=a>>6

May 3 2017 1:26 PM UTC

}// 138/140

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

fullscreen rotozoom

u/joeytwiddle

#spaceinvaders #rotozoom #alien
u/yonatan

3-char shorter transposed bitmap (just posting so I won't forget it): 'ĄǼͶ߿׽ԅØ'

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(a=1e4,c.width=$=127,J=S(t/=2)/7;a--;'p}¶¼<¼¶}p'.charCodeAt($+Y*C(t)-X*J&15)>>(X*C(t)+Y*J+$*t)%15&1&&x.fillRect(X,Y,1,1))X=a&$,Y=a>>7

May 3 2017 1:18 PM UTC

}// 138/140

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

rotozoomer

u/p01

:)
u/p01

Save 4 bytes using
u/p01

x.fillRect(X,Y,1'p}¶¼<¼¶}p'.charCodeAt($+Y*C(t)-X*J&15)>>(X*C(t)+Y*J+$*t)%15&1)

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(j=15;j--;){q=j*9;for(i=50;i--;)x.lineTo(i*(40+q),(99-j*5)*S(t*j*.5+i)+300+j*60);x.lineTo(0,a);x.lineTo(a*2,a);x.stroke()}

Apr 21 2017 12:08 PM UTC

}// 139/140

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

a quick paralx idea, ofcourse would been nicer filled in colors ;) wonder if it can be shorten enough for that.

u/donbright

remix https://www.dwitter.net/d/2547
u/lionleaf

Reminds me of https://www.dwitter.net/d/113
u/joeytwiddle

More sine waves here https://www.dwitter.net/d/1509 ;)
u/13thptr

#parallax

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(O=c.width|=Z=A=27;A--;O=.9+C(t)/Z)x.fillStyle=R(x.scale(A?O:1,A?O>1?Z:1.03:-O),Z,4*A,.2),x.fillText(u,A<2?M=7-t*4:-66,A<2?A*Z-18-S(M):Z)

Apr 7 2017 8:41 PM UTC

}// 140/140

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

u/magna

I was expecting this to happen one day...
u/magna

Wait. How the hell are you rendering the "ground"? I don't get it. Explanation please.
u/nystrand

It's the "(O" chars at the beginning of the code decreasingly scaled down from the large initial scale. I had to find a variable name that "looked good", - went with O which made coding confusing as it looks like a zero :)
u/magna

This is nuts!
u/joeytwiddle

#quine

show FPS hide FPS share 2 remixes fullscreen

codeslaw

function u(t) {

x.drawImage(c,-10+S(t)*4,0)
i=e=1900;while(i--)x[g='fillText'](['💭','🌎','🍁','👾','😂'][Math.abs(~~(5*S(C(i)*6)))],e-i%20,S(i+S(S(t)))*e)

Mar 29 2017 9:10 AM UTC

}// 134/140

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

Tapestry #1

u/z3vin

nice use of emoji as coloring
u/recursive

That's a very convincing woven rug.
u/sigveseb

very nice! also looks quite different from platform to platform (windows, mac, android, etc)
u/magna

Looks super great on Chrome on macOS.
u/joeytwiddle

#texture #colors #tartan #cloth #material

show FPS hide FPS share fullscreen

donbright

remix of d/2025 by u/@literallylara

function u(t) {

c.width^=余=C(t),正=S(t)
t?o.push({X:余+2,Y:5+正,Z:1}):o=[]
o.map((a)=>{({X,Y,Z}=a),a.X=余*X-正*Z,a.Z=余*Z+正*X,x.fillRect(1e3+X*99,Y*99-Z*33,3,3)})

Mar 14 2017 2:34 AM UTC

}// 140/140

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

also inspired by @Kalanchoe https://www.dwitter.net/d/1399

u/sfz

mmmm... spinny hyperdonut... drooool
u/donbright

fun fact.. i spent the most hours on this dweet and it has the lowest score of all my dweets lol
u/codeslaw

It's dope!

show FPS hide FPS share fullscreen

recursive

function u(t) {

t||(g=h=[])
for(n=i=960;--i+n;x.fillRect(i/d+n,(4-g)*99/d,9,99))h[i]=g=(g+h[i-1]+S(n*g)/9)/2||1,x.fillStyle=R(q=3*(t+9)*g,q,q*q>>7),d=1-t/30

Mar 13 2017 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).

Rough surface

u/IV

It's like watching Bob Ross: 'happy little trees; anywhere you feel like...'

show FPS hide FPS share 1 remix fullscreen

xem

function u(t) {

c.style='background:radial-gradient(red,blue);position:absolute;transform:rotateX('+t*99+'deg)rotateY('+t*50+'deg)rotateZ('+t*10+'deg)';

Mar 11 2017 11:13 AM UTC

}// 136/140

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

#thinkoutsidethecanvas

u/hypothete

Definitely a lot terser than gradients in the canvas. Color stop stuff gets wordy.

dwitter.net | 13thptr (20590)