Hugging Face's logo

Spaces:
faradayfuture
/
SampleViewer
Running

App Files Community
faradayfuture commited on
Commit
cc048df
·
verified ·
1 Parent(s): c2ac7dc

Tactile panel title fits one line (peak value already shown in the legend)

Browse files
Files changed (6) hide show
  1. ep0/viewer.html +1 -1
  2. ep1/viewer.html +1 -1
  3. ep2/viewer.html +1 -1
  4. ep3/viewer.html +1 -1
  5. ep4/viewer.html +1 -1
  6. ep5/viewer.html +1 -1
ep0/viewer.html CHANGED
@@ -271,7 +271,7 @@ let HW=372, HH=210, HSC=Math.min(HH/BBOX.h,(HW/2-8)/BBOX.w);
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
- document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip pads + 25 palm \u00b7 peak '+TAC_PEAK;
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
 
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
+ document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip + 25 palm';
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
ep1/viewer.html CHANGED
@@ -271,7 +271,7 @@ let HW=372, HH=210, HSC=Math.min(HH/BBOX.h,(HW/2-8)/BBOX.w);
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
- document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip pads + 25 palm \u00b7 peak '+TAC_PEAK;
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
 
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
+ document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip + 25 palm';
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
ep2/viewer.html CHANGED
@@ -271,7 +271,7 @@ let HW=372, HH=210, HSC=Math.min(HH/BBOX.h,(HW/2-8)/BBOX.w);
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
- document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip pads + 25 palm \u00b7 peak '+TAC_PEAK;
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
 
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
+ document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip + 25 palm';
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
ep3/viewer.html CHANGED
@@ -271,7 +271,7 @@ let HW=372, HH=210, HSC=Math.min(HH/BBOX.h,(HW/2-8)/BBOX.w);
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
- document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip pads + 25 palm \u00b7 peak '+TAC_PEAK;
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
 
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
+ document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip + 25 palm';
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
ep4/viewer.html CHANGED
@@ -271,7 +271,7 @@ let HW=372, HH=210, HSC=Math.min(HH/BBOX.h,(HW/2-8)/BBOX.w);
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
- document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip pads + 25 palm \u00b7 peak '+TAC_PEAK;
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
 
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
+ document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip + 25 palm';
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
ep5/viewer.html CHANGED
@@ -271,7 +271,7 @@ let HW=372, HH=210, HSC=Math.min(HH/BBOX.h,(HW/2-8)/BBOX.w);
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
- document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip pads + 25 palm \u00b7 peak '+TAC_PEAK;
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){
 
271
  cHand.style.width=HW+'px'; cHand.style.height=HH+'px';
272
  document.getElementById('tacGrad').style.background='linear-gradient(90deg,'+RAMP.map(c=>`rgb(${c[0]},${c[1]},${c[2]})`).join(',')+')';
273
  document.getElementById('tacPeakLbl').textContent=TAC_PEAK;
274
+ document.getElementById('tacInfo').textContent='\u00b7 5\u00d716 fingertip + 25 palm';
275
  let _hit=[], _frame=0;
276
  function rr(ctx,x,y,w,h,r){ctx.beginPath();ctx.moveTo(x+r,y);ctx.arcTo(x+w,y,x+w,y+h,r);ctx.arcTo(x+w,y+h,x,y+h,r);ctx.arcTo(x,y+h,x,y,r);ctx.arcTo(x,y,x+w,y,r);ctx.closePath();}
277
  function drawTactile(i){