Dweets awesomed by u/Xaviaro

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

cantelope

function u(t) {

for(w=(c.width|=i=17)/2,x.lineWidth=5;i--;x.stroke())x.lineTo(w+(S(p=1.57*i-t+(i/4|0)*4.71)/1.4)/(Z=2+C(p)/1.4)*w,540+(((i/4|0)%2)-.5)/Z*w)

Sep 6 2017 4:19 AM UTC

}// 139/140

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

A version with 2 axis roation + color https://codegolf.tk/a/167

u/joeytwiddle

Damnit cantelope. My wireframe cube is still > 200 chars!
u/joeytwiddle

Very nice anyway :)
u/cantelope

:) thanks joeytwiddle
u/joeytwiddle

#wireframe #cube

show FPS hide FPS share fullscreen

cantelope

function u(t) {

if(!t){w=1080;p=0.618;s=1.5708}with(x)lineWidth/=p,strokeRect(0,0,w,w),arc(w,w,w,s*2,s*3),stroke(),translate(w+w*p,0),rotate(s),scale(p,p)

Aug 21 2017 12:51 AM UTC

}// 138/140

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

best fullscreen. Couldn't have done it without the help of the dark knight, who prefers to remain anonymous. :)

u/donbright

yeahhhhh!!!!! cool
u/cantelope

there's an odd bug in chrome where if hardware acceleration is disabled, or the dweet appears far down the page, the arcs close their paths and create unwelcome diagonal lines. I have a more robust version but it does not fit in 140b.
u/katkip

#fibonacci

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/3028 by u/cantelope

function u(t) {

for(x.fillRect(0,0,2e3,2e3),W=960,j=99;--j;)for(i=9;i--;x.clearRect(W+S(p=.7*i+j/4-6.03*V)/Z*W-Z*9,540+C(p)/Z*W,s=99/Z,s))Z=j-t*6+(V=t*6|0)

Aug 7 2017 3:56 AM UTC

}// 139/140

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

change C(p) to C(i) for kicks

u/New_Core

try this... for(x.fillRect(0,0,2e3,2e3),Z=V=W=960,j=950;--j;Z=j%98-t*6+(V=t*6|0))x.clearRect(W+S(p=t+j/4-6.03*V)/Z*W-Z*9,540+C(p)/Z*W,s=99/Z,s)

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2948 by u/cantelope

function u(t) {

for(x.globalAlpha=.05,x.fillRect(0,0,g=i=2e3,2e3);i--;x.clearRect(960+l*S(i/3e2+t)*g/Z,540+C(p)*i/Z*g,s=5e8/Z/Z,s))l=S(p=i+t)*i,Z=g*4-l*C(t)

Jul 27 2017 8:40 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/Rybar

love this render method. globalAlpha + erasing holes is a new trick for me
u/sigveseb

good style!
u/iverjo

Really nice!

show FPS hide FPS share 2 remixes fullscreen

cantelope

remix of d/2309 by u/cantelope

function u(t) {

x.fillRect(0,0,i=2e3,2e3);for(g=i/2;i--;x.clearRect(960+l*S(t)*g/Z,540+C(p)*i/Z*g,s=2e8/Z/Z,s))l=S(p=i*2.1+t*(i<1e3?-1:1))*i,Z=g*4.5-l*C(t)

Jul 27 2017 6:43 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/sigveseb

kewl
u/iverjo

stylish

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,i=(W=960)*2,i);i--;)x.clearRect(W+W/(Z=6+C(p=i/200+S(t)/(V=i/W*((Y=(i/50+t)%4-1)-3)/(2+Y))+t)*V)*S(p)*V,540+W*Y/Z,9,9)

Jul 15 2017 6:49 PM UTC

}// 137/140

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

Special thanks to p01 for helping to golf this. <3

u/sigveseb

looks good!
u/donbright

fine work
u/joeytwiddle

#organic

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2845 by u/cantelope

function u(t) {

A=960,B=540,x.fillRect(0,0,D=2e3,D)
for(i=D;i--;)x.clearRect(A+1/(Z=2.5+C(p=i*C(t/2)/40)*S(q=i/628))*(X=S(p)*S(q))*A,B+C(q)/Z*A,s=69/Z/Z,s)

Jul 10 2017 4:43 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 more comments…
u/lionleaf

That's really neat!
u/Polyducks

This is amazing! What's the concept behind it? How are you getting the sphere?
u/cantelope

@Polyducks, it's a golfed version of the equation of a sphere [x=sin(p1)*sin(p2);z=cos(p2);z=cos(p1)*sin(p2);] combined with a tiny 3D projector, X=cx+1/z*x*cx; Y=cy+y/z*cx, where cx/cy is center screen, and x/y/z are the 3D coordinates. Hope that makes sense! :)
u/cantelope

*equation of a sphere: [x=sin(p1)*sin(p2);y=cos(p2);z=cos(p1)*sin(p2);]
u/alien

thanks for that, is projector a mathematical construct? does it have other names?
u/cantelope

@alien it's my own invention, the product of years of research into geometry. I wrote a tutorial with a (very ungolfed) version here https://cantelope.org/3D
u/alien

*__*
u/alien

All the lienar algebra and vectorial calculus in my bachelor finnally comes to life in my head... this is soooo cool @cantelope...
u/donbright

bravo... bravo

show FPS hide FPS share fullscreen

cantelope

function u(t) {

F=(v)=>("0"+((.5+v/2)*255|0).toString(16)).slice(-2)
for(i=1e3;i--;x.fillStyle="#"+F(S(v=i/70-t*4))+F(C(v))+F(-S(v)))x.fillRect(5*i,0,5,2e3)

Jun 27 2017 11:55 PM UTC

}// 140/140

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

I'm sure some of you can shorten this considerably.

u/alien

good sir what does F=(v)=> are you doing some functional programming here?
u/joeytwiddle

🏳️‍🌈
u/cantelope

@alien the F=(v)=> is indeed a function, using the short ES6 arrow syntax. Its purpose is to return a hex value between 0 and 255, (with a preceding 0 when value is less than 16). the hex code is then combined with 2 other hex codes to form a complete, valid color code in the form of #000000. There is a shorter way to do this but it results in exponentially fewer colors. sorry for delayed response.
u/New_Core

Using rgb colors instead of hex you dont need to struggel with converting. a=130;for(i=1e3;i--;x.fillStyle=R(a*S(v=i/70-t*4)+a,a*C(v)+a,-a*S(v)+a))x.fillRect(5*i,0,5,2e3) a here uses 130 of the 255 colors to match the same colors.
u/alien

thank you for the response @catelope

show FPS hide FPS share fullscreen

cantelope

remix of d/2554 by u/cantelope

function u(t) {

w=960,v=340,x.fillRect(0,0,w*2,v*4)
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t),Y=2+S(i/5)*S(j/5+t*3),x.clearRect(w+1/j*X*w,v+Y/j*w,s=99/j,s)

Apr 22 2017 6:43 PM 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 3 remixes fullscreen

cantelope

function u(t) {

cx=(c.width|=0)/2,cy=340
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillRect(cx+1/j*X*cx,cy+Y/j*cx,s=99/j,s)

Apr 22 2017 6:28 PM UTC

}// 133/140

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

u/innovati

🌊🏄
u/joeytwiddle

Beautiful
u/cantelope

innovati, i can't tell what those emojis are. lel.
u/Renaud___

great

dwitter.net | Xaviaro (5383)