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 fullscreen

cantelope

function u(t) {

eval(unescape(escape`景爨砮晩汬剥捴⠰ⰰⱩ㵣⹷楤瑨㴹㘰Ⱪ⤬眽椯㈻椭ⴻ砮獴牯步却祬攽✣晦昧⥛ㄵⰰⰱ崮浡瀨欽㹻朽椭欬砮汩湥呯⡷⭓⡱㵧⼨栽ㄵ㈮㠩⭴⼳⤪⡚㵃⡰㵧⼲⸳㠷㌩⬵⤯⡚㵃⡱⤪娭㤩⩷Ⱘ匨瀩ⴳ⤯娪眩紩㭸⹳瑲潫攨⤻`.replace(/u(..)/g,"$1%")))

Aug 23 2018 2:56 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

for(x.fillRect(0,0,i=c.width=960,i),w=i/2;i--;x.strokeStyle='#fff')[15,0,1].map(k=>{g=i-k,x.lineTo(w+S(q=g/(h=152.8)+t/3)*(Z=C(p=g/2.3873)+5)/(Z=C(q)*Z-9)*w,(S(p)-3)/Z*w)});x.stroke();

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

eval(unescape(escape`景爨砮晩汬剥捴⠰ⰰⱩ㵣⹷楤瑨簽〬椩㭩ⴭ㭸⹦楬汓瑹汥㵠桳污⠤筩⼲⵴⨵㐰紬㔰┬㠰┬⸰㕠ⱸ⹦楬汒散琨⡧㴱攳⤫匨吽椯⸹㔵⭓⡨⤪术椪匨琩⵴⤪⡤㵩⩩⽧⤭猯㈬㔴〫䌨吩⩤⵳⼲ⱳⱳ⤩猽椪椯ㅥ㌪匨栽琯㔩`.replace(/u(..)/g,"$1%")))

Aug 22 2018 1:35 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/joeytwiddle

Redux of cantelope's rainbow spiral
u/joeytwiddle

oops >_<
u/firegodjr

Reminds me of that one phone game Smash Hit
u/katkip

Yeah, kinda of

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(w=(i=c.height=c.width=4e3)/2;i--;x.fillRect(w+X/Z*w,(25+S(t*5)*4+S(d/300-t*5)*4)/Z*w,s=500/Z,s))X=i%(v=64)-32,Z=-32+i/v|0,d=X*X+Z*Z,Z+=v

Aug 5 2018 10:39 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/lionleaf

#fabric #particles

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(c.width|=i=12;i--;x.stroke())x[i-5?'lineTo':'moveTo']((w=990)+(C(q=i<6?-t:3-t)+S(p=2.513*i+t)*S(t))/(Z=S(q)+3+S(p)*C(t))*w,540+C(p)/Z*w)

Aug 29 2017 8:11 PM UTC

}// 140/140

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

Xen golfed the last 5 bytes. Cheers!

Show more comments…
u/Xen

not a problem ;) you golfed all the first ones... :D
u/donbright

wireframe king
u/cantelope

@donbright, are you challenging me to make something different? I accept!
u/donbright

we are not worthy
u/cantelope

oh u
u/cantelope

@donbright, i did not mean for my statement regarding a challenge to sound arrogant, but I see it came across that way. I just meant, you are correct that i do a lot of wireframe dweets, and I'm enthusiastic about trying something new! I hope we're good. Love your work!
u/Xen

its hard to figure the emotion behind a comment sometimes, which is why i ALWAYS spam mine with smileys ;-)
u/donbright

no its fine, my words dont come across in ASCII very well
u/donbright

i am in awe of everyone here, my mind constantly boggles at the skill and techniques of all of the people here. i have a special affinity for wireframe for some reason.
u/donbright

i mean i like looking at wire frame, but im not that good at making it, so its cool to see it.
u/cantelope

ah <3

show FPS hide FPS share fullscreen

cantelope

remix of d/3008 by u/New_Core

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(X=Y=0,i=d=350;i--;x.clearRect(X*Z+960,Y*Z+540,Z*4,Z*4))Z=d/(9+d-t*i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 5 2017 5:55 AM UTC

}// 139/140

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

just made a few small changes.. loved this one and wanted to see it with colors inverted :D

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

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𪠽𚁭👓𚁴𚠲𚐪𜠩🠱🰱𞡭🀰🰰𞡭𛁩👣𛡷𪑤𭁨🐳𝠰𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𜐸𜀫𚁓𚁶👯𛱱𚡩𚐪𪠫𚁡𚰨𤰨𬰽𫰪𚀱𚱮𚐩𛑡𚐯𬐪𫀩𚡫𚐪𬐬𞐹𚰨𠰨𭠩𚡪𚰨𠰨𬀩𚰨𠰨𬰩𛑃𚁰𚐩𛱱𚡬𚐪𪰩𚡱𛀲𛀲𚐩𫀽𪐥𚁱🐶𜀩𛁯🐱𛠰𝐬𪰽𜐭𪠬𫠽𪐯𬑼𜀬𨐽𤰨𬀽𫰪𫠩`.replace(/u../g,'')))

Nov 5 2024 8:43 PM UTC

}// 140/140

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

interpolated shapes

u/tomxor

Neat!
u/fentbiggesthater

chinese code, ccp? report ban spying on american citizens😡💢👼🏿

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁩🐳𩐴𛁩𚐻𪐭𛐻𮀮𨱬𩑡𬡒𩑣𭀨𪐥𞐪𚁨🐲𝐰𚐫𦀯𚁚👃𚁰𚐪𩀫𞐩𚡨𛀨𪐥𝐫𦐯𦠩𚡨𛀴𛀴𚐩𦀽𤰨𬀽𚁁👍𨑴𪀮𨑴𨑮𜠩𚁘👓𚁩𚐭𜰬𜀩𚱩𚡩𚐪𚁤🐨𢀽𣑡𭁨𛡨𮑰𫱴𚐨𦀬𜀩𚐬𦐽𤰨𬀽𠐨𦐽𠰨𪐩𛁚👃𚁰𚐪𩀩𚱴𚱩𙐹𚐪𚁤👈𚁙𛁚𚐩`.replace(/u../g,'')))

Oct 13 2024 11:13 PM UTC

}// 140/140

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

torus 4

Show more comments…
u/lewdev

These donut things are great but are so slow on my computer. Anyone else have this problem?
u/cantelope

lewdev, there's known performance glitches with canvas in Firefox on Linux. Guessing that's your stack. Try Chromium?
u/tomxor

I actually always found Firefox canvas way faster than chrome, on Linux at least. Including this one, 30 FPS in chrome, but 60 FPS in Firefox, I got a new laptop this year so probably even slower in chrome on older computers.
u/tomxor

@cantelope You might be thinking of the subpixel aliasing issue on Firefox that appeared when they flipped hardware rendering on by default. That affected a lot of dweet rendering, I reported it a while back and it's been fixed in release since v128
u/cantelope

whatever causes the firefox+canvas+linux thing, somehow i always correctly guess the stack... whatever that means
u/lewdev

I was on win11 on my laptop, but it was slow on both Chrome & Firefox. It's smooth on my desktop Win11, which is much more powerful.
u/cantelope

well there you have it, bunk lappy

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁷🐲𩐳𛁷𚐬𢀽𝐴𜀻𥠽𚁘𛁙𚐽🡸𛡣𫁥𨑲𤡥𨱴𚀹𝠰𚱘𚡬𚱘𛰨𩀽𚁘𚡘𚱙𚡙𚐯𢀩𚡳𚠨𪀽𜐭𫀩𛁈𚱙𚡬𚱙𛱤𚡳𚡨𛀹𛀹𚐻𩡯𬠨𫐽𜐲𞱭𛐭𞰩𩡯𬠨𬰽𝠰𛁬👓𚁴𚱭𛰴𚐪𜐫𜐮𜐳𛁩👳𚠲𞱩𛐭𞱖𚁳𛁡𚐩𥠨𨠽𪐭𬰬𛑳𚐬𥠨𨠬𬰩𛁖𚀭𬰬𨐽𬰭𪐩`.replace(/u../g,'')))

Aug 17 2022 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).

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀽𝀰𜀬𪀽𜐱𜠬𫐽𜀻𫐼𭰻𫐫𚰬𮀮𬱴𬡯𪱥𚀩𚑻𫐥𜠱𯁼𮀮𨡥𩱩𫡐𨑴𪀨𬐽𚁭𛱷𚠲𜁼𜀩𛰴𚐬𦀽𤰨𬀽𜰮𜐴𜐵𞐯𭰪𝀰𚡭𚐪𬐬𦠽𠰨𬀩𚡱𛁤🐨𦀪𦀫𦠪𦠩𚠪𛠶𛁚𚰽𝰮𝐬𮀮𫁩𫡥𥁯𚁷𛰲𚱘𛱚𚠲𜀰𛁨𚰨𤰨𩀭𭀪𝠩𛑓𚀭𭀪𝠭𝐩𚐯𦠪𜠰𜀩𯐻`.replace(/u../g,'')))

Jul 26 2022 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).

inspired by d/25880

dwitter.net | cantelope (3062)