Dweets awesomed by u/cantelope

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

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 fullscreen

marc8

function u(t) {

c.width|=i=0
for(b=(m=80)+(f=m+(l=5*m));i<7;i++)"}P7WZOoQ_".charCodeAt(t%10)&2**i&&x.fillRect(i<3?m:i%2?0:f,i>4?b:i>2?m:i*f,r=i<3?l:m,f-r)

Apr 7 2017 1:23 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/magna

Awesome!

show FPS hide FPS share fullscreen

Jenky

function u(t) {

w=c.width=568;r=Math.random
t?0:(m=e=>z=[r()*w,r()*w/2])()
onmousemove=e=>{(e.x-z[0])**2+(e.y-z[1])**2<81?m():0}
x.arc(...z,9,0,7);x.fill()

Apr 7 2017 10:31 AM UTC

}// 139/140

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

Try to hover over the circle! Doesn't work in fullscreen :'(

u/Jenky

Did make a more game-like version that did work fullscreen at 190 bytes, kept score and everything, but couldn't golf it any lower
u/Jenky

Also this one only works in Chrome again, thanks to e.pageX/pageY being slightly too long
u/donbright

c.width=568 t?0:(m=e=>z=[f=frame%568,(f<<4)%250])() onmousemove=e=>{(e.pageX-z[0])**2+(e.pageY-z[1])**2<81?m():0} x.arc(...z,9,0,7);x.fill()
u/donbright

that is a firefox version :)

show FPS hide FPS share fullscreen

cantelope

function u(t) {

w=c.width
x.font=w/3+"px a"
x.fillStyle=R(w,w,0)
x.fillText('★★★',w/9,w/2.6)
c.style.transform=`perspective(300px)rotate3d(0,1,0,${t/3}turn`

Apr 7 2017 1:14 AM 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

Thanks! ;)

show FPS hide FPS share fullscreen

magna

remix of d/2425 by u/cantelope

function u(t) {

t||(w=c.width=568)
with(x)onmousemove=e=>lineTo(C=e.pageX,S=e.pageY),fillStyle=R(S,C,S,.2),fillRect(0,0,w,w),beginPath(stroke()),moveTo(C,S)

Apr 6 2017 5: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).

Fixed the "X/Y is not defined" errors by hijacking S and C

u/brahimtim

hhjgj
u/cantelope

@magna, brilliant! :D
u/cantelope

as promised, 3 gold stars... https://www.dwitter.net/d/2434
u/magna

Thanks! :)
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2394 by u/Jenky

function u(t) {

t||(w=c.width=568)
with(x)onmousemove=e=>lineTo(X=e.pageX,Y=e.pageY),fillStyle=R(Y,X,Y,.2),fillRect(0,0,w,w),beginPath(stroke()),moveTo(X,Y)

Apr 6 2017 2:13 AM UTC

}// 140/140

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

If you set canvas.width to client.width, you can remove the bit that fixes the mouse position. This one only works at the default width (not fullscreen) because I had to hard-code the canvas width to make room for the fade effect. Nesting stroke inside beginPath saved 1 crucial byte. :)

u/cantelope

canvas.clientWidth rather
u/cantelope

i will give 3 gold stars to anyone who can fix the initial "Y is not defined" error :D
u/magna

Since your dweet doesn't use trig, we can hijack C and S as declared variables: https://www.dwitter.net/d/2429
u/magna

Can save another 2 bytes by: R(Y,X,fillRect(0,0,w,w),.2,beginPath(stroke()),moveTo(X,Y))

show FPS hide FPS share 1 remix fullscreen

shapes

remix of d/2423 by u/shapes

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=Math.PI/1.3;φ>-a;φ-=1/r){λ+=a/9;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+φ/r)*S(t)+S(r)*C(φ)*C(λ-t))*r+r)}x.stroke()

Apr 6 2017 2:08 AM UTC

}// 139/140

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

u/cantelope

amazing!
u/shapes

Thanks, most credit goes to mxfh though, I'm just fuckin' around with his code to find cool shapes :)

show FPS hide FPS share 1 remix fullscreen

shapes

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=Math.PI/1.99;φ>-a;φ-=1/r){λ+=a;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+φ/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Apr 6 2017 1:54 AM UTC

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

magna

remix of d/2419 by u/magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;s=S(t),X=i%5+j*10+s*30,Y=i/5|0,x.fillRect(400+X*10,400+Y*10,10,10,x.fillStyle=R(k=T(X^Y)*255,k,k)));

Apr 5 2017 9:59 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/sfz

looks like masking!
u/magna

#default
u/sigveseb

Had to come back to say this one rocks!
u/magna

Thanks!

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width|=0;for(i=m=118;i--;c=m&(1<<i%7)?54:4,X=i*100,x.fillRect(X-c/2,700,c,220),x.fillRect(X-2,920,4,m));

Apr 5 2017 6:37 PM UTC

}// 106/140

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

Piano keys prototype

u/recursive

golfed it by 12: https://www.dwitter.net/d/2439
u/magna

#piano

dwitter.net | cantelope (61702)