| Server IP : 127.0.0.1 / Your IP : 216.73.216.109 Web Server : Apache/2.4.54 (Win64) OpenSSL/1.1.1q PHP/8.1.10 System : Windows NT DESKTOP-E5T4RUN 10.0 build 19045 (Windows 10) AMD64 User : SERVERWEB ( 0) PHP Version : 8.1.10 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Users/SERVERWEB/AppData/Local/Microsoft/OneDrive/26.074.0420.0001/WebAssets/ |
Upload File : |
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Star Field</title><script src="/static/platform/vibe-telemetry.js"></script><script src="/static/platform/od4-fetch.js"></script><script src="/static/platform/ecs.js"></script><script src="/static/view-lib/sql.js"></script><link rel="stylesheet" href="/static/tokens/scrollbar.css"><style>*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden}canvas{display:block}.controls{position:fixed;bottom:20px;right:20px;z-index:10;user-select:none}.controls-toggle{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);border-radius:6px;padding:6px 12px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s}.controls-toggle:hover{background:rgba(255,255,255,.14);color:rgba(255,255,255,.8)}.controls-panel{background:rgba(10,10,10,.85);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;margin-bottom:8px;backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:12px;min-width:220px}.controls-panel.hidden{display:none}.control-row{display:flex;flex-direction:column;gap:4px}.control-label{display:flex;justify-content:space-between;font-size:var(--font-size-caption-2);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;color:rgba(255,255,255,.5)}.control-value{color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.12);outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#7b9dff;cursor:pointer}.pause-hint{font-size:10px;color:rgba(255,255,255,.3);text-align:center;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000;color:#888;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-size:14px;z-index:20;transition:opacity .8s}#loading.hidden{opacity:0;pointer-events:none}</style><script src="/static/view-lib/theme-sync.js"></script><script src="/static/view-lib/user-activity.js"></script><script>ViewLib.ThemeSync.applyDirFromParent()</script></head><body><canvas id="c"></canvas><div id="loading">Loading photos...</div><div class="controls"><div class="controls-panel" id="panel"><div class="control-row"><div class="control-label"><span>Crawl Speed</span> <span class="control-value" id="speed-val">120</span></div><input type="range" id="speed" min="20" max="500" value="120"></div><div class="control-row"><div class="control-label"><span>Min Photo Size</span> <span class="control-value" id="min-size-val">80</span></div><input type="range" id="min-size" min="30" max="300" value="80"></div><div class="control-row"><div class="control-label"><span>Max Photo Size</span> <span class="control-value" id="max-size-val">260</span></div><input type="range" id="max-size" min="60" max="500" value="260"></div><div class="control-row"><div class="control-label"><span>Star Speed</span> <span class="control-value" id="star-speed-val">1.0</span></div><input type="range" id="star-speed" min="0" max="30" value="10" step="1"></div><div class="control-row"><div class="control-label"><span>Star Count</span> <span class="control-value" id="star-count-val">2000</span></div><input type="range" id="star-count" min="200" max="6000" value="2000" step="100"></div><div class="control-row"><div class="control-label"><span>Photo Count</span> <span class="control-value" id="count-val">50</span></div><input type="range" id="photo-count" min="10" max="120" value="50"></div><div class="control-row"><label style="display:flex;align-items:center;gap:8px;cursor:pointer"><input type="checkbox" id="frames-toggle"> <span style="font-size:var(--font-size-caption-2);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;color:rgba(255,255,255,.5)">Picture Frames</span></label></div><div class="pause-hint">Space to pause</div></div><button class="controls-toggle" id="toggle-btn">Controls</button></div><script src="/static/platform/icon.js"></script><script src="/static/view-lib/thumbnail.js"></script><script>!function(){"use strict";const t=document.getElementById("c"),e=t.getContext("2d");let n=120,a=80,o=260,l=1,i=50,h=!1,s=!1;const r=350,d=32*Math.PI/180,c=Math.cos(d),m=Math.sin(d),g=3200,u=2400,f=["rgba(255,255,255,","rgba(255,250,240,","rgba(235,245,255,","rgba(255,220,200,","rgba(200,220,255,"];let M=2e3;const p=3e3,b=5e3,T=[];function v(){return{x:(Math.random()-.5)*b,y:(Math.random()-.5)*b,z:3e3*Math.random()+20,tint:Math.floor(Math.random()*f.length),prevSx:0,prevSy:0,hasPrev:!1}}for(let t=0;t<M;t++)T.push(v());const y=[];let x=!1,w=[];function P(){return a+Math.random()*(o-a)}function I(t){const e=y.length>0?Math.floor(Math.random()*y.length):0;return{planeX:2400*(Math.random()-.5),planeY:t?80+3120*Math.random():g+200*Math.random(),size:P(),speedMult:.6+.8*Math.random(),imgIdx:e,opacity:1}}function z(){t.width=window.innerWidth,t.height=window.innerHeight}window.addEventListener("resize",z),z();let E=0;let B=0;function S(t,e,n,a,o,l){t.moveTo(e+l,n),t.lineTo(e+a-l,n),t.arcTo(e+a,n,e+a,n+l,l),t.lineTo(e+a,n+o-l),t.arcTo(e+a,n+o,e+a-l,n+o,l),t.lineTo(e+l,n+o),t.arcTo(e,n+o,e,n+o-l,l),t.lineTo(e,n+l),t.arcTo(e,n,e+l,n,l),t.closePath()}const L=document.getElementById("panel"),C=document.getElementById("toggle-btn");let Y=!0;function A(t,e,n,a){const o=document.getElementById(t),l=document.getElementById(e);o.addEventListener("input",()=>{const t=parseFloat(o.value);n(t),l.textContent=a?a(t):t})}C.addEventListener("click",()=>{Y=!Y,L.classList.toggle("hidden",!Y)}),A("speed","speed-val",t=>{n=t}),A("min-size","min-size-val",t=>{a=t,o<t&&(o=t,document.getElementById("max-size").value=t,document.getElementById("max-size-val").textContent=t)}),A("max-size","max-size-val",t=>{o=t,a>t&&(a=t,document.getElementById("min-size").value=t,document.getElementById("min-size-val").textContent=t)}),A("star-speed","star-speed-val",t=>{l=t/10},t=>(t/10).toFixed(1)),A("star-count","star-count-val",t=>{M=Math.round(t),function(){for(;T.length<M;)T.push(v());for(;T.length>M;)T.pop()}()}),A("photo-count","count-val",t=>{i=Math.round(t),function(){for(;w.length<i;)w.push(I(!0));for(;w.length>i;)w.pop()}()}),document.getElementById("frames-toggle").addEventListener("change",t=>{h=t.target.checked}),window.addEventListener("keydown",t=>{"Space"===t.code&&t.target===document.body&&(t.preventDefault(),s=!s,s||(B=0))}),async function(){try{const t=await fetch(ViewLib.Thumbnail.buildThumbnailListUrl(0,200)),e=await t.json();let n=0;const a=e.items.filter(t=>t.thumbnailId).length;for(const t of e.items){if(!t.thumbnailId)continue;const e={img:new Image,loaded:!1};e.img.onload=()=>{e.loaded=!0,n++,n>=Math.min(20,a)&&(x=!0,document.getElementById("loading").classList.add("hidden"))},e.img.src=ViewLib.Thumbnail.buildThumbnailUrl(t.thumbnailId),y.push(e)}0===a&&(x=!0,document.getElementById("loading").classList.add("hidden"))}catch(t){document.getElementById("loading").textContent="Failed to load photos"}}().then(()=>{!function(){w=[];for(let t=0;t<i;t++)w.push(I(!0))}()}),requestAnimationFrame(function a(o){requestAnimationFrame(a);const i=B?Math.min((o-B)/1e3,.1):0;if(B=o,s)return;E+=i;const d=t.width,M=t.height,v=d/2+function(t){const e=.12*t;return Math.sin(.13*E)*e+Math.sin(.07*E+1.5)*e*.6+Math.sin(.03*E+3)*e*.3}(d),I=.88*M+function(t){const e=.03*t;return Math.sin(.09*E+2)*e+Math.sin(.05*E+.7)*e*.5}(M);e.clearRect(0,0,d,M),function(t,a,o,i,h){const s=n*l*.6,d=.5*h;for(const n of T){const l=n.z;if(n.z-=s*t,n.z<1){n.z=p+500*Math.random(),n.x=(Math.random()-.5)*b,n.y=(Math.random()-.5)*b,n.tint=Math.floor(Math.random()*f.length),n.hasPrev=!1;continue}const h=r/n.z,c=i+n.x*h,m=d+n.y*h;if(c<-50||c>a+50||m<-50||m>o+50){n.hasPrev=!1;continue}const g=Math.min(1,200/n.z),u=f[n.tint];if(n.hasPrev&&s>10){const t=r/l,a=i+n.x*t,o=d+n.y*t;Math.sqrt((c-a)**2+(m-o)**2)>1.5&&(e.beginPath(),e.moveTo(a,o),e.lineTo(c,m),e.strokeStyle=u+.5*g+")",e.lineWidth=Math.max(.5,Math.min(1.5,.8*h*10)),e.stroke())}const M=Math.max(.5,1.4*h);M<1?(e.globalAlpha=.7*g,e.fillStyle=u+"1)",e.fillRect(c-.5,m-.5,1,1)):(e.globalAlpha=g,e.fillStyle=u+"1)",e.beginPath(),e.arc(c,m,Math.min(M,2),0,2*Math.PI),e.fill(),g>.4&&(e.globalAlpha=.15*g,e.beginPath(),e.arc(c,m,3*M,0,2*Math.PI),e.fill())),n.prevSx=c,n.prevSy=m,n.hasPrev=!0}e.globalAlpha=1}(i,d,M,v,I),x&&y.length>0&&function(t,a,o,l,i){for(const e of w)e.planeY-=n*e.speedMult*t,e.planeY<16&&(e.planeY=g+300*Math.random(),e.planeX=(Math.random()-.5)*u,e.size=P(),e.speedMult=.6+.8*Math.random(),e.imgIdx=Math.floor(Math.random()*y.length));const s=[...w].sort((t,e)=>e.planeY-t.planeY);for(const t of s){const n=y[t.imgIdx%y.length];if(!n||!n.loaded)continue;const s=t.planeY,d=t.planeX,g=-s*c,u=s*m+40;if(u<10)continue;const f=r/u,M=l+d*f,p=i+g*f,b=t.size*f,T=b*(n.img.naturalHeight/n.img.naturalWidth||.75);if(b<3)continue;if(M+b<0||M-b>a)continue;if(p+T<-20||p-T>o+20)continue;const v=Math.min(1,(s-16)/64),x=Math.min(1,(3500-s)/400),w=Math.max(0,Math.min(1,v*x));if(w<=0)continue;e.save(),e.globalAlpha=w;const P=M-b/2,I=p-T/2;if(h&&b>12){const t=Math.max(3,.08*b),a=Math.max(2,.06*b),o=Math.max(1,.25*t),l=P-a-t,i=I-a-t,h=b+2*(a+t),s=T+2*(a+t);e.shadowColor="rgba(0,0,0,0.6)",e.shadowBlur=Math.max(6,.1*b),e.shadowOffsetY=Math.max(2,.02*b),e.fillStyle="#1a1208",e.fillRect(l,i,h,s),e.shadowColor="transparent",e.shadowBlur=0,e.shadowOffsetY=0,e.fillStyle="rgba(255,240,200,0.12)",e.beginPath(),e.moveTo(l,i),e.lineTo(l+h,i),e.lineTo(l+h-o,i+o),e.lineTo(l+o,i+o),e.closePath(),e.fill(),e.beginPath(),e.moveTo(l,i),e.lineTo(l+o,i+o),e.lineTo(l+o,i+s-o),e.lineTo(l,i+s),e.closePath(),e.fill(),e.fillStyle="rgba(0,0,0,0.25)",e.beginPath(),e.moveTo(l,i+s),e.lineTo(l+h,i+s),e.lineTo(l+h-o,i+s-o),e.lineTo(l+o,i+s-o),e.closePath(),e.fill(),e.beginPath(),e.moveTo(l+h,i),e.lineTo(l+h,i+s),e.lineTo(l+h-o,i+s-o),e.lineTo(l+h-o,i+o),e.closePath(),e.fill();const r=l+t,d=i+t,c=h-2*t,m=s-2*t,g=Math.max(1,.6*o);e.fillStyle="rgba(0,0,0,0.2)",e.beginPath(),e.moveTo(r,d),e.lineTo(r+c,d),e.lineTo(r+c-g,d+g),e.lineTo(r+g,d+g),e.closePath(),e.fill(),e.beginPath(),e.moveTo(r,d),e.lineTo(r+g,d+g),e.lineTo(r+g,d+m-g),e.lineTo(r,d+m),e.closePath(),e.fill(),e.fillStyle="#f5f0e8",e.fillRect(P-a,I-a,b+2*a,T+2*a),e.drawImage(n.img,P,I,b,T)}else{e.shadowColor="rgba(80, 130, 255, 0.25)",e.shadowBlur=Math.max(4,.08*b);const t=Math.max(2,.03*b);e.beginPath(),S(e,P,I,b,T,t),e.clip(),e.drawImage(n.img,P,I,b,T),e.shadowColor="transparent",e.globalAlpha=.35*w,e.strokeStyle="#fff",e.lineWidth=Math.max(1,.015*b),e.beginPath(),S(e,P,I,b,T,t),e.stroke()}e.restore()}}(i,d,M,v,I)})}()</script></body></html>