for(_='le~.~ft=QSe~ctO"+N:NKa.J0%G],F=0DinB()@",??q.$er#$bord#!heightsitionte+"/3deg)onmouse,b.vmB])[A]([T]entargettransvalue=E@,[i]forty~moverota \\"="[p]absolu?b[S]..Bn#HTMLXK=@=>i=-P;i<P;i+=P/205)XN20*M.sB(i*R[(M=Math,Ed.creaE~m("div"),CIYBput?L<NY+` type=range max=7 D mBD sp=.2 =U@></`+Y><br/>?bLYKLZKL,AappendChild?bI),P=M.PI,Ss?Tm?ppo?H=C[SFus#Onone?=p#spective100vh?ov#flowhidden?f5G?H.top=HQf,HH.mSpres#ve-3d?H Y(0)?bC),mDdownm=1upmD=a=>{(Jt==JcurrT||null==Jt.)&&m&&(t=getCompudS(C),H X(N-JmY Y(NJmXNt)},R=[0,0,0FX=[Fq=X[SFqqQq.topcalc(5G - 4)$width=q.8$backgroundhsl(Nirad,7G,7G)!Radius5G!.1 solid$tra=T .1s?CX);S{(.sla3d(0,1,2)"},U{(u=d.qu#yOorAll(Y),iD;3>i;++i)R=u.;IR[0] YKR[1] ZKR[2FS@},U@;';G=/[^ "%->ACEHILMPR-}]/.exec(_);)with(_.split(G))_=join(shift());eval(_)
Zm9yKF89J2xlfi5+ZnQ9UVNlfmN0TyIrTjpOS2EuSjAlR10sRj0wRGluQigpQCIsPz9xLiRlciMkYm9yZCMhaGVpZ2h0H3NpdGlvbh50ZR0rIhwvMxxkZWcpG29ubW91c2UaLGIuGhl2bUIYXSkcGBdbQV0oFltUXRVlbnQUYXJnZXQTdHJhbnMSdmFsdWURPUVALBBbaV0PZm9yDnR5fgxtb3ZlC3JvdGEdCVxcIgg9IgdbcF0HYWJzb2x1HT8GYltTXS4FLkJuI0hUTUwHWEsEPUA9PgNpPS1QO2k8UDtpKz1QLzIwNSlYDwJOMjAqTS5zQihpKlJbAQ4oTT1NYXRoLEUDZC5jcmVhHUV+bRQoImRpdiIpLEMQSRBZB0JwdXQ/TAc8TlkrYCB0eXBlPQhyYW5nZQggbWF4PTcgEUQgbUJEIHMdcD0ILjIIIBoLPQhVQAg+PC9gK1kcPjxici8+P2IETBxZS0wcWktMLEEHYXBwZW5kQ2hpbGQ/YhZJKSxQPU0uUEksUwdzDD9UBxIObT9wB3BvHj9IPUNbU0YFdXMjTwdub25lPwUfPQVwI3NwZWN0aXZlBzEwMHZoPwVvdiNmbG93B2hpZGRlbj9mBzVHP0gudG9wPUhRZixIBkguEg5tUwwHcHJlcyN2ZS0zZD9IFQcJWSgwKT9iFkMpLG1EGWRvd24DbT0xGXVwA21EGQs9YT0+eyhKdBM9PUpjdXJyFFQTfHxudWxsPT1KdBMuESkmJm0mJih0PWdldENvbXB1HWRTDChDKRUsSBUHIAlYKE4tSgttFFkbIAlZKE5KC20UWBtOdCl9LFI9WzAsMCwwRlg9W0YCEHE9WA9bU0ZxBnFRcS50b3AHY2FsYyg1RyAtIDQYKSR3aWR0aD1xLh8HOBgkYmFja2dyb3VuZAdoc2woTmkccmFkLDdHLDdHKSFSYWRpdXMHNUchBy4xGCBzb2xpZCR0cmEePVQcIC4xcz9DFlgPKTtTA3sOKAIucwwVBxJsYR0zZCgBMBcsATEXLAEyFykifSxVA3sOKHU9ZC5xdSN5T29yQWxsKFkpLGlEOzM+aTsrK2kpUg89dQ8uETtJBFJbMF0cIFlLUlsxXRwgWktSWzJGU0B9LFVAOyc7Rz0vW14gIiUtPkFDRUhJTE1QUi19XS8uZXhlYyhfKTspd2l0aChfLnNwbGl0KEcpKV89am9pbihzaGlmdCgpKTtldmFsKF8p
M=Math;
E=a=>d.createElement('div');
C=E();
F=E();
j='input';
J='<'+j+' type="range" max=7 value=0 min=0 step=".2" onmousemove="U()"></'+j+'><br/>';
b.innerHTML='X:'+J+'Y:'+J+'Z:'+J;
A='appendChild';
b[A](F);
P=M.PI;
S='style';
T='transform';
p='position';
B=C[S];
b[S].userSelect='none';
b[S].height=b[S].perspective='100vh';
b[S].overflow='hidden';
f='50%';
B.top=B.left=f;
B[p]='absolute';
//B.border='solid 40px';
B.transformStyle='preserve-3d';
B[T]='rotateY(0)';
b[A](C);
m=0;
b.onmousedown=e=>m=1;
b.onmouseup=e=>m=0;
b.onmousemove=e=> {
if((e.target == e.currentTarget || e.target.value==undefined) && m)
{
t =getComputedStyle(C)[T];
B[T] = ' rotateX(' + (-e.movementY / 3) + 'deg) rotateY(' + (e.movementX / 3) + 'deg)' + t;
}
};
N=[0,0,0];
Q=[];
for(i=-P;i<P;i+=P/205)
{
Q[i]=E();
q=Q[i][S];
q[p]='absolute';
q.left=q.top='calc(50% - 4vmin)';
q.width=q.height='8vmin';
q.background='hsl('+i+'rad,70%,70%)';
q.borderRadius='50%';
q.border='.1vmin solid';
q.trasition=T+' .1s';
C[A](Q[i]);
}
S=e=>{
for(i=-P;i<P;i+=P/205)
{
Q[i].style[T] = 'translate3d('+M.sin(i*N[0])*20+'vmin,'+M.sin(i*N[1])*20+'vmin,'+M.sin(i*N[2])*20+'vmin)';
}
}
U=e=>
{
u=d.querySelectorAll(j);
for(i=0;i<3;++i)
{
N[i]=u[i].value;
}
F.innerHTML='X:'+N[0]+' Y:'+N[1]+' Z:'+N[2];
S();
}
U();