Top dweets 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: #Opposites

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

eval(unescape(escape`𩡯𬠨𮁛𩰽𙱦𪑬𫁒𩑣𭀧𧐨𜀬𜀬𨰮𭱩𩁴𪀽𚁷🐹𝠰𚐪𜠬𪐽𭰪𜰩𞱩𛐭𞱸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𛠱𝐪𪑽𛀹𞐥𛀶𜀥𨀬𮁛𩱝𚁷𚰨𤰨𬐽𪐯𜰸𜐫𠰨𭀯𜠩𚠳𚐪𦠩𛰨𦠽𠰨𬐩𚡚𛐷𚐪𭰬𝐴𜀫𤰨𬀩𚡶𛱚𚡷𛁳🐱𚰲𜀰𛱚𛱚𛁳𚐩𦠽𠰨𬀽𪐯𝠳𛠶𝰫𭀩𚠨𭠽𪐥𞀯𞀫𜐩𚰳`.replace(/u../g,'')))

Jan 22 2019 12:24 AM UTC

}// 140/140

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

for(x[g='fillRect'](0,0,c.width=(w=960)*2,i=w*3);i--;x.fillStyle=hsl(${.15*i},99%,60%,x[g](w+(S(q=i/381+C(t/2)*3)*Z)/(Z=C(q)*Z-7)*w,540+S(p)*v/Z*w,s=1+200/Z/Z,s))Z=C(p=i/63.67+t)*(v=i%8/8+1)+3

u/cantelope

testing out the new compressor :D
u/metamero

cool!!
u/katkip

I like that there is a cat and a mouse emoji in your code
u/iverjo

#colorful

show FPS hide FPS share 2 remixes fullscreen

cantelope

remix of d/9906 by u/anotherkitten

function u(t) {

with(x)fillStyle=`hsl(${t*=350},90%,${t%99}%`,beginPath(fill()),arc(960,540,5,0,7),X=S(t*=6)*5,Y=C(t)*5,drawImage(c,X-80,Y-45,2080+X,1170+Y)

Sep 18 2018 5:15 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/katkip

this is really crazy skill
u/yonatan

I'm not sure why this looks as good as it does.
u/cantelope

my fiance says this looks like "mind control"
u/Noah

That's so raven
u/anotherkitten

man you made this much more cool
u/aemkei

Wow! And I love to play with the number. eg t*=t*3 or t*=97 gives some nice effects.

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,w=2e3,w),h=i=540;i--;)x.clearRect(960+(S(p=i/35+S(t/2)*60)*S(q=(i/57|0)*h))/(Z=C(p)*S(q)+2+S(t))*h,h+C(q)/Z*h,s=20/Z,s)

Nov 12 2021 8:04 PM UTC

}// 138/140

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

#spherechallenge

u/taupelink

nice!
u/sigveseb

awesome indeed!
u/vain

very cool and smooth

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`景爨硛焽❦楬汓瑹汥❝㴧⌰〱㈧ⱸ孬㴧晩汬剥捴❝⠰ⰰⱩ㴳攳Ⱪ⤻椭ⴻ硛煝㵠桳氨⑻楽ⰹ〥Ⱔ筩⨹┹㥽╠ⱸ孬崨㤶〫匨瀽椯㤹┷⭴⼴⤪⡶㴨⸰㌫椪椯㤹㤥ㄩ⽚⨹㤩ⰵ㐰⭃⡰⤪瘬猽⸳⽚ⱳ⤩娽⸲⴨椯㤮㈫琯㌵⤥⸲`.replace(/u(..)/g,"$1%")))

Sep 19 2018 1:51 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/iverjo

Wow! #starfield
u/384.cz

Awesome

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁷🐲𩐳𛁷𚐬𪐽𞀱𞱩𛐭𞰩𩡯𬠨𪠽𞐻𪠭𛐻𮀮𨱬𩑡𬡒𩑣𭀨𞐶𜀫𤰨𭀪𜠫𪠯𝠩𚠲𛱚𚠨𪀽𝐴𜀩𛁨𚱙𛱚𚡨𛁳🐹𞐯𦠯𦠬𬰩𚑙👓𚁰👍𨑴𪀮𨑴𨑮𜠨𦐽𪐥𞐯𝀭𜐬𦠽𚁩𛰹𯀰𚐯𝀭𜐩𚱓𚁴𚱪𛰳𜀩𚠴𚐪𚁤👍𨑴𪀮𪁹𬁯𭀨𦐬𦠩𚐬𦠽𠰨𬀩𚡤𛐳`.replace(/u../g,'')))

Dec 28 2022 9:33 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/vain

F*cking cool rubber/morphing cube. Never saw this kind of fx before. Fantastic!
u/cantelope

😂
u/NiekD

where do you get the inspiration for cool effects from
u/cantelope

dweets are sometimes harder to be ultra specific with a goal, due to the obvious constraints, but a big piece of my whole graphics repertoire is 3D math, sooo myself? haha not sure
u/tomxor

So true. More often it's just the gradual emergence of "what if"... then after a while it may or may not fit, or by the time you've played with it long enough something else tangentially related emerges. It's all part of the fun.
u/rep_movsd

Sometimes what you end up with is nothing like what you planned

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(W=(c.width=1e3)/2,i=16;i--;x.stroke())for(j=17;j--;x.lineTo(W+S(p)*S(q)/Z*W,275+C(q)/Z*W))Z=C(p=.785*(i>8?j:i)+t)*S(q=.39*(i>8?i-8:j))-3

Aug 11 2017 6:18 PM UTC

}// 140/140

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

Made a tutorial for this: https://cantelope.org/sphereGolfed

Show more comments…
u/kimber

Your website is an inspiration. Thanks.
u/cantelope

<3 @kimber
u/FireFly

Nice wireframe sphere! :D
u/alien

omg you did it !!!!!
u/cantelope

To give credit where it is due, qfox helped me shave off the last ~10 bytes.
u/donbright

:O:O:O
u/iverjo

That's really impressive. Kudos!
u/n0va

Awesome!
u/joeytwiddle

#sphere #wireframe

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

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 fullscreen

cantelope

function u(t) {

r=q=>x[q?"lineTo":"moveTo"](w+(X-21)/Z*w,1.5/Z*w);for(w=500,i=c.width=1e3;i--;r(Z++),r(X--))X=(i+t)%40,Z=1+(i/40|0)-t*5%1,r();x.stroke()

Nov 6 2017 7:27 AM UTC

}// 136/140

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

u/mmastrac

so cool
u/joeytwiddle

retro and futuristic at the same time
u/jdspugh

Very cool

dwitter.net | cantelope (2788)