Dweets awesomed by u/Xen

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

Xen

function u(t) {

for(Y=99,Z=i=2e3;i--;x.fillRect(-Y+i*Y%Z,-Y+i%Z,Y,Y))x.fillStyle=`hsla(${i*8+C(i%t)*Y},99%,50%,.07)`

Sep 8 2018 2:24 PM UTC

}// 100/140

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

u/DataMeta

I do enjoy your adventures in hsl
u/donbright

this is super cool, unique look

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`儽⡰ⱱ⤽㹸⹦楬汒散琨眫堪瀯娪眭⡳㴱⬶〰⽚⽚⤯㈬栫太焯娪眭猯㈬猬猩㭦潲⡣⹷楤瑨簽眽椽⡨㴵〰⤪㈻椭ⴻ儨ㄬㄩⱑ⠭ㄬㄩⱑ⠭ㄬⴱ⤬儨ㄬⴱ⤩堽㐭⡩⽨⬱〰⤥㘬夽椯栭㈬瘽㜰⭓⡴⤪㘰簰ⱚ㵶⴨椫琪㘩┨瘭ㄩ`.replace(/u(..)/g,"$1%")))

Sep 8 2018 5:16 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/Xen

Yess!
u/iverjo

Interesting
u/donbright

dude ... so we are falling.. and then we are abt to hit ground... and then we are falling again...

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`景爨砮晩汬却祬攽怣㄰㌸怬砮晩汬剥捴⠰ⰰⱷ㴲攳ⱷ⤬椽㈰〬砮景湴㴧㜵灸⁡✻椭ⴻ砮晩汬呥硴⡓瑲楮朮晲潭䍯摥偯楮琨ㄲ㠱㔱⭩┹⤬⡶┱㜭ㄫ匨瀽⸳㔪瘩⨱⸵⤪ㄲ㠬⡶⼱㝼〩⨱㈸ⴲ㘴⭓⡰⤪ㄱ〩⥶㵩⭴⨸┱㠻`.replace(/u(..)/g,"$1%")))

Sep 8 2018 1:06 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/innovati

❤️🧡💛💚💙💜🖤❣️💕💞💓💗💖💘💝
u/iverjo

#hearts
u/donbright

wo;d
u/donbright

wild

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

if(!t){c.width^=0;for(i=-1;i++<63;)for(j=0;j++<36;)x.font="1.2cm n",x.fillText("◣◢◤◥"[Math.random()*4|0],i*30,j*30)}

Sep 7 2018 1:55 PM UTC

}// 116/140

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

Triangle #maze

u/donbright

cool use of unicode
u/Xen

Love it!

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

c.width=500
for(x.scale(i=5,5);i--;k=S(t*5),x[H]("⚪",S(T=(i?k>0:k<0)?k:0)*20+23+i*42,C(T)*20+30))x[H="fillText"]("⚪",30+i*7,50)

Sep 7 2018 8:45 AM UTC

}// 127/140

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

Newton's cadle

u/fujimotos

#physics

show FPS hide FPS share fullscreen

katkip

function u(t) {

var g=x.createRadialGradient(960,540,0,90,t*99,t*99);g.addColorStop(0,"#ff0");g.addColorStop(1,"#000");x.fillStyle=g;x.fillRect(0,0,2e3,2e3)

Sep 6 2018 6:12 AM UTC

}// 140/140

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

That's how to render a ball surface like a pro

u/Xen

nice
u/katkip

#sphere

show FPS hide FPS share fullscreen

f8f82804

remix of d/9674 by u/f8f82804

function u(t) {

with(x)for(i=c.width^=0;i--;beginPath(fill()))C(a=2*t-i)>0&&arc(960+((s=750+330*S(t))*i-i*i)**.5*S(a),s-i,18*C(a)*(1-(i*2/s-1)**2)**.5,0,7)

Sep 5 2018 10:40 PM UTC

}// 139/140

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

#sphere

u/donbright

thats cool... how does it work?
u/joeytwiddle

Very nice! #halftone
u/f8f82804

u/donbright: I used the parameterization from d/5600. I like it a lot because it keeps fairly even density of dots on the surface. It's based on cylindrical coordinates where each point is at a different vertical level and the points spiral around. The key is that not all values of i result in drawing a dot. We drop the back half of the sphere with C(a) >0, but we also implicitly drop points where s*i-i*i is negative
u/donbright

thanks... fascinating...

show FPS hide FPS share fullscreen

f8f82804

remix of d/9676 by u/f8f82804

function u(t) {

eval(unescape(escape`景爨椽挮睩摴桞㴰㭩ⴭ㭸⹢敧楮偡瑨⡸⹦楬氨⤩⥃⡡㵴⵩⤾〦♸⹥汬楰獥⠹㘰⬨堽⡩⨹㘰⵩⩩⤪⨮㔪匨愩⤬㘰⭩Ⱘ猽㈵⴨匨愭ㄩ⨨戽⠱⴨⡙㵩ⴴ㠰⤯㐸〩⨪㈩⨪⸵⤩⨪㐪㈴⤪䌨愩⩢ⱳⱍ慴栮慴慮⡙⽘⤬〬㜩`.replace(/u(..)/g,"$1%")))

Sep 5 2018 8:57 PM UTC

}// 138/140

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

#specular #d3 #sphere #animated #compressed

Show more comments…
u/f8f82804

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(a=t-i)>0&&x.ellipse(960+(X=(i*960-i*i)**.5*S(a)),60+i,(s=25-(S(a-1)*(b=(1-((Y=i-480)/480)**2)**.5))**4*24)*C(a)*b,s,Math.atan(Y/X),0,7)
u/joeytwiddle

I like how the circles become ellipses at the edges. https://codegolf.tk/a/254
u/magna

WHOA
u/f8f82804

u/joeytwiddle: that's the whole point of this demo, the lighting is just there because I had to compress it and had leftover space
u/f8f82804

you can see this concept implemented without compression in d/9676
u/iverjo

Very nice!
u/f8f82804

#fullhd

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/9666 by u/joeytwiddle

function u(t) {

for(x[f='fillRect'](0,0,c.width=99,j=299);q=j--/9;x[f](50+C(i)*s*6,26+C(i*8)*s,s,s))x.shadowColor=R(j,i=j*j/1e4+t,99),s=99/q,x.shadowBlur=q

Sep 5 2018 6:59 PM UTC

}// 139/140

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

Smokey 3D structure with joey's shadows

Show more comments…
u/sigveseb

Way amazing!
u/cantelope

epic!
u/donbright

O M G
u/donbright

this is .. is this even real or am i dreaming?
u/joeytwiddle

Wow! The 3D looks real, but the scene is dreamlike. #d3
u/aleamb

amazing
u/iverjo

So good!
u/joeytwiddle

#glow

show FPS hide FPS share fullscreen

acorv

function u(t) {

c.width=1920;for(i=1;i<400;i++)j=i%20,w=t*5+j*9+i/600,x.beginPath(),x.arc(960-940*S(w/7)*C(w/3),540-520*S(w/2)*C(w/9),i/20,0,7),x.fill();

Sep 5 2018 3:32 PM UTC

}// 137/140

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

u/donbright

i stare at this at night... i see gray trails!!!
u/joeytwiddle

Could be your monitor is old, or your eyes
u/fujimotos

Oh hey, I can see the gray tails too. It appears when I don't focus on an individual node and try to watch the whole screen.
u/katkip

It's not deep learning but I will #ai this.
u/iverjo

My cat reacts to this ^^ She tries to catch the "fishes"

dwitter.net | Xen (95841)