103:I[86326,["/_next/static/chunks/0h2qsuyze9ds1.js","/_next/static/chunks/1j52kcwpo0qx_.js","/_next/static/chunks/3ur2lb9durxks.js","/_next/static/chunks/3olowgk5xptf7.js","/_next/static/chunks/3obfj6qsndi13.js","/_next/static/chunks/1t0wt245lp-cl.js","/_next/static/chunks/1fsqdaifrjfzw.js","/_next/static/chunks/2n3unobojcxck.js","/_next/static/chunks/0-guvgj-njr1i.js","/_next/static/chunks/2ifz9yl5osqnc.js","/_next/static/chunks/1budjerofh_3q.js","/_next/static/chunks/0-ctpgnwk3nkf.js","/_next/static/chunks/33dvrha49w9j5.js"],"CodeTabsInner"] b9:["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],4]}] ba:["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-3)"},"children":"acceleration"}],["$","span","2",{"style":{"color":"var(--ch-7)"},"children":":"}]," ",["$","span","4",{"style":{"color":"var(--ch-2)"},"children":"number"}]," ",["$","span","6",{"style":{"color":"var(--ch-1)"},"children":"// 加速度（px/s²）"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}] bb:["$","div","5,5",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],5]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-3)"},"children":"property"}],["$","span","2",{"style":{"color":"var(--ch-7)"},"children":"?:"}]," ",["$","span","4",{"style":{"color":"var(--ch-3)"},"children":"PropertySetter"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] bc:["$","div","6,6",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],6]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"onComplete"}],["$","span","2",{"style":{"color":"var(--ch-7)"},"children":"?:"}]," ",["$","span","4",{"style":{"color":"var(--ch-4)"},"children":"()"}]," ",["$","span","6",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","8",{"style":{"color":"var(--ch-2)"},"children":"void"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] bd:["$","div","7,7",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],7]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"}"}]],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] be:["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],3]}]}],["$","div",null,{"children":["\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}] bf:["$","div","4,4",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],4]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-7)"},"children":"for"}]," ",["$","span","3",{"style":{"color":"var(--ch-4)"},"children":"("}],["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"let"}]," ",["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"i"}]," ",["$","span","8",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","10",{"style":{"color":"var(--ch-2)"},"children":"0"}],["$","span","11",{"style":{"color":"var(--ch-4)"},"children":"; i"}]," ",["$","span","13",{"style":{"color":"var(--ch-7)"},"children":"<"}]," ",["$","span","15",{"style":{"color":"var(--ch-4)"},"children":"bounces."}],["$","span","16",{"style":{"color":"var(--ch-2)"},"children":"length"}],["$","span","17",{"style":{"color":"var(--ch-4)"},"children":"; i"}],["$","span","18",{"style":{"color":"var(--ch-7)"},"children":"++"}],["$","span","19",{"style":{"color":"var(--ch-4)"},"children":") {"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c0:["$","div","5,5",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],5]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-7)"},"children":"const"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"distance"}]," ",["$","span","5",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","7",{"style":{"color":"var(--ch-4)"},"children":"bounces[i]"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c1:["$","div","6,6",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],6]}]}],["$","div",null,{"children":["\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c2:["$","div","7,7",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],7]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-1)"},"children":"// 下落阶段：从当前位置加速落到地面"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c3:["$","div","8,8",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],8]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-7)"},"children":"await new"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"Promise"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","5",{"style":{"color":"var(--ch-2)"},"children":"void"}],["$","span","6",{"style":{"color":"var(--ch-4)"},"children":">(("}],["$","span","7",{"style":{"color":"var(--ch-3)"},"children":"resolve"}],["$","span","8",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","10",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","12",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c4:["$","div","9,9",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],9]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-7)"},"children":"const"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"startPos"}]," ",["$","span","5",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","7",{"style":{"color":"var(--ch-4)"},"children":"pos"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c5:["$","div","10,10",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],10]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"currentCancel"}]," ",["$","span","3",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","5",{"style":{"color":"var(--ch-5)"},"children":"animateGravity"}],["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"({"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c6:["$","div","11,11",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],11]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"el,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c7:["$","div","12,12",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],12]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"target: distance,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c8:["$","div","13,13",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],13]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"acceleration,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] c9:["$","div","14,14",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],14]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"property"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ("}],["$","span","3",{"style":{"color":"var(--ch-3)"},"children":"value"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","6",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","8",{"style":{"color":"var(--ch-5)"},"children":"setter"}],["$","span","9",{"style":{"color":"var(--ch-4)"},"children":"(startPos"}]," ",["$","span","11",{"style":{"color":"var(--ch-7)"},"children":"+"}]," ",["$","span","13",{"style":{"color":"var(--ch-4)"},"children":"value),"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] ca:["$","div","15,15",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],15]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"onComplete"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ()"}]," ",["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] cb:["$","div","16,16",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],16]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"pos"}]," ",["$","span","3",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","5",{"style":{"color":"var(--ch-4)"},"children":"ground"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] cc:["$","div","17,17",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],17]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"resolve"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":"()"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] cd:["$","div","18,18",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],18]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"},"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] ce:["$","div","19,19",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],19]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"})"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] cf:["$","div","20,20",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],20]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"})"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d0:["$","div","21,21",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],21]}]}],["$","div",null,{"children":["\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d1:["$","div","22,22",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],22]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-7)"},"children":"if"}]," ",["$","span","3",{"style":{"color":"var(--ch-4)"},"children":"(i"}]," ",["$","span","5",{"style":{"color":"var(--ch-7)"},"children":">="}]," ",["$","span","7",{"style":{"color":"var(--ch-4)"},"children":"bounces."}],["$","span","8",{"style":{"color":"var(--ch-2)"},"children":"length"}]," ",["$","span","10",{"style":{"color":"var(--ch-7)"},"children":"-"}]," ",["$","span","12",{"style":{"color":"var(--ch-2)"},"children":"1"}],["$","span","13",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","15",{"style":{"color":"var(--ch-7)"},"children":"break"}]," ",["$","span","17",{"style":{"color":"var(--ch-1)"},"children":"// 最后一段不弹起"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d2:["$","div","23,23",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],23]}]}],["$","div",null,{"children":["\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d3:["$","div","24,24",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],24]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-1)"},"children":"// 弹起阶段：从地面减速弹起"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d4:["$","div","25,25",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],25]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-7)"},"children":"const"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"bounceHeight"}]," ",["$","span","5",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","7",{"style":{"color":"var(--ch-4)"},"children":"bounces[i"}]," ",["$","span","9",{"style":{"color":"var(--ch-7)"},"children":"+"}]," ",["$","span","11",{"style":{"color":"var(--ch-2)"},"children":"1"}],["$","span","12",{"style":{"color":"var(--ch-4)"},"children":"]"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d5:["$","div","26,26",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],26]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-7)"},"children":"await new"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"Promise"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":"<"}],["$","span","5",{"style":{"color":"var(--ch-2)"},"children":"void"}],["$","span","6",{"style":{"color":"var(--ch-4)"},"children":">(("}],["$","span","7",{"style":{"color":"var(--ch-3)"},"children":"resolve"}],["$","span","8",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","10",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","12",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d6:["$","div","27,27",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],27]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"currentCancel"}]," ",["$","span","3",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","5",{"style":{"color":"var(--ch-5)"},"children":"animateGravity"}],["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"({"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d7:["$","div","28,28",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],28]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"el,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d8:["$","div","29,29",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],29]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"target: bounceHeight,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] d9:["$","div","30,30",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],30]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"acceleration,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] da:["$","div","31,31",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],31]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"curve: easeOut,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] db:["$","div","32,32",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],32]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"property"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ("}],["$","span","3",{"style":{"color":"var(--ch-3)"},"children":"value"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","6",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","8",{"style":{"color":"var(--ch-5)"},"children":"setter"}],["$","span","9",{"style":{"color":"var(--ch-4)"},"children":"(ground"}]," ",["$","span","11",{"style":{"color":"var(--ch-7)"},"children":"-"}]," ",["$","span","13",{"style":{"color":"var(--ch-4)"},"children":"value),"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] dc:["$","div","33,33",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],33]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"onComplete"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ()"}]," ",["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] dd:["$","div","34,34",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],34]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"pos"}]," ",["$","span","3",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","5",{"style":{"color":"var(--ch-4)"},"children":"ground"}]," ",["$","span","7",{"style":{"color":"var(--ch-7)"},"children":"-"}]," ",["$","span","9",{"style":{"color":"var(--ch-4)"},"children":"bounceHeight"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] de:["$","div","35,35",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],35]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"resolve"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":"()"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] df:["$","div","36,36",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],36]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"},"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] e0:["$","div","37,37",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],37]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"})"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] e1:["$","div","38,38",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],38]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"})"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] e2:["$","div","39,39",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],39]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"}"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] e3:["$","div","40,40",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],40]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"}"}]],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] e5:["$","span","5",{"style":{"color":"var(--ch-4)"},"children":"({"}] e6:["$","div","2,2",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],2]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"el: ball,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] e7:["$","div","3,3",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],3]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"bounces:"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"BOUNCES"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] e8:["$","div","4,4",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],4]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"acceleration:"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"ACCELERATION"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] e9:["$","div","5,5",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],5]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"property"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ("}],["$","span","3",{"style":{"color":"var(--ch-3)"},"children":"value"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","6",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","8",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] ea:["$","div","6,6",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],6]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"ball.style.transform"}]," ",["$","span","3",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","5",{"style":{"color":"var(--ch-8)"},"children":"`translateY(${"}],["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"value"}],["$","span","7",{"style":{"color":"var(--ch-8)"},"children":"}px)`"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] eb:["$","div","7,7",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],7]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"},"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] ec:["$","div","8,8",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],8]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"onComplete"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ()"}]," ",["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] ed:["$","div","9,9",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],9]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"cancelRef.current"}]," ",["$","span","3",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","5",{"style":{"color":"var(--ch-2)"},"children":"null"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] ee:["$","div","10,10",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],10]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"},"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] ef:["$","div","11,11",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],11]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"})"}]],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] f1:["$","span","5",{"style":{"color":"var(--ch-4)"},"children":"({"}] f2:["$","div","2,2",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],2]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"el: ball,"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] f3:["$","div","3,3",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],3]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"height:"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"200"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] f4:["$","div","4,4",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],4]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"acceleration:"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"980"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] f5:["$","div","5,5",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],5]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"loss:"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"0.35"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","6",{"style":{"color":"var(--ch-1)"},"children":"// 每次落地损耗 35% 能量"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] f6:["$","div","6,6",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],6]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"minVelocity:"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"20"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","6",{"style":{"color":"var(--ch-1)"},"children":"// 速度低于该值就停止"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] f7:["$","div","7,7",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],7]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"onComplete"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ()"}]," ",["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] f8:["$","div","8,8",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],8]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"cancelRef.current"}]," ",["$","span","3",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","5",{"style":{"color":"var(--ch-2)"},"children":"null"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] f9:["$","div","9,9",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],9]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"},"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] fa:["$","div","10,10",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],10]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"})"}]],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 104:T7b3,'use client' import { useRef } from 'react' import { animateBounce } from './animate' import Button from '@keepzml/ui/zmui/button' const GROUND = 200 const ACCELERATION = 980 const BOUNCES = [200, 80, 30, 10] const BALL_SIZE = 24 // size-6 = 24px const START_Y = 20 // pt-5 = 20px const GROUND_Y = START_Y + BALL_SIZE + GROUND // ball 底部落地位置 export default function App() { const ballRef = useRef(null) const cancelRef = useRef<(() => void) | null>(null) function start() { if (cancelRef.current) return const ball = ballRef.current if (!ball) return cancelRef.current = animateBounce({ el: ball, bounces: BOUNCES, acceleration: ACCELERATION, property: (value) => { ball.style.transform = `translateY(${value}px)` }, onComplete: () => { cancelRef.current = null }, }) } function reset() { cancelRef.current?.() cancelRef.current = null if (ballRef.current) { ballRef.current.style.transform = 'translateY(0px)' } } return (

{/* 地面线：与球底部落地位置重合 */}

弹跳效果

) } 105:T7b3,'use client' import { useRef } from 'react' import { animateBounce } from './animate' import Button from '@keepzml/ui/zmui/button' const GROUND = 200 const ACCELERATION = 980 const BOUNCES = [200, 80, 30, 10] const BALL_SIZE = 24 // size-6 = 24px const START_Y = 20 // pt-5 = 20px const GROUND_Y = START_Y + BALL_SIZE + GROUND // ball 底部落地位置 export default function App() { const ballRef = useRef(null) const cancelRef = useRef<(() => void) | null>(null) function start() { if (cancelRef.current) return const ball = ballRef.current if (!ball) return cancelRef.current = animateBounce({ el: ball, bounces: BOUNCES, acceleration: ACCELERATION, property: (value) => { ball.style.transform = `translateY(${value}px)` }, onComplete: () => { cancelRef.current = null }, }) } function reset() { cancelRef.current?.() cancelRef.current = null if (ballRef.current) { ballRef.current.style.transform = 'translateY(0px)' } } return (

{/* 地面线：与球底部落地位置重合 */}

弹跳效果

) } 106:Tc2b,import { nextFrame, cancelFrame } from './compat' import { easeIn, easeOut, type CurveFunction } from './easing' export type PropertySetter = (value: number) => void interface GravityOptions { el: HTMLElement target: number // 下落距离（px） acceleration: number // 加速度（px/s²） curve?: CurveFunction // 默认 easeIn（匀加速），弹起时用 easeOut property?: PropertySetter onComplete?: () => void } function defaultProperty(el: HTMLElement): PropertySetter { return (value: number) => { el.style.transform = `translateY(${value}px)` } } export function animateGravity(options: GravityOptions) { const { el, target, acceleration, curve = easeIn, property, onComplete, } = options const duration = Math.sqrt(2 * Math.abs(target) / acceleration) * 1000 const setter = property ?? defaultProperty(el) const startTime = Date.now() let frameId: number | null = null function tick() { const elapsed = Date.now() - startTime const progress = Math.min(elapsed / duration, 1) const value = target * curve(progress) setter(value) if (progress < 1) { frameId = nextFrame(tick) } else { onComplete?.() } } frameId = nextFrame(tick) return () => { if (frameId !== null) cancelFrame(frameId) } } // ---- 弹跳动画 ---- interface BounceOptions { el: HTMLElement bounces: number[] // 弹跳高度序列，如 [200, 80, 30, 10] acceleration: number // 加速度（px/s²） property?: PropertySetter onComplete?: () => void } export function animateBounce(options: BounceOptions) { const { el, bounces, acceleration, property, onComplete } = options const ground = bounces[0] const setter = property ?? defaultProperty(el) let currentCancel: (() => void) | null = null let cancelled = false async function run() { let pos = 0 for (let i = 0; i < bounces.length; i++) { if (cancelled) return const distance = bounces[i] // 下落阶段：从当前位置加速落到地面 await new Promise((resolve) => { const startPos = pos currentCancel = animateGravity({ el, target: distance, acceleration, property: (value) => setter(startPos + value), onComplete: () => { pos = ground resolve() }, }) }) // 最后一段不弹起 if (i >= bounces.length - 1) break if (cancelled) return // 弹起阶段：从地面减速弹起 const bounceHeight = bounces[i + 1] await new Promise((resolve) => { currentCancel = animateGravity({ el, target: bounceHeight, acceleration, curve: easeOut, property: (value) => setter(ground - value), onComplete: () => { pos = ground - bounceHeight resolve() }, }) }) } if (!cancelled) { onComplete?.() } } run() return () => { cancelled = true currentCancel?.() } } 107:Tc2b,import { nextFrame, cancelFrame } from './compat' import { easeIn, easeOut, type CurveFunction } from './easing' export type PropertySetter = (value: number) => void interface GravityOptions { el: HTMLElement target: number // 下落距离（px） acceleration: number // 加速度（px/s²） curve?: CurveFunction // 默认 easeIn（匀加速），弹起时用 easeOut property?: PropertySetter onComplete?: () => void } function defaultProperty(el: HTMLElement): PropertySetter { return (value: number) => { el.style.transform = `translateY(${value}px)` } } export function animateGravity(options: GravityOptions) { const { el, target, acceleration, curve = easeIn, property, onComplete, } = options const duration = Math.sqrt(2 * Math.abs(target) / acceleration) * 1000 const setter = property ?? defaultProperty(el) const startTime = Date.now() let frameId: number | null = null function tick() { const elapsed = Date.now() - startTime const progress = Math.min(elapsed / duration, 1) const value = target * curve(progress) setter(value) if (progress < 1) { frameId = nextFrame(tick) } else { onComplete?.() } } frameId = nextFrame(tick) return () => { if (frameId !== null) cancelFrame(frameId) } } // ---- 弹跳动画 ---- interface BounceOptions { el: HTMLElement bounces: number[] // 弹跳高度序列，如 [200, 80, 30, 10] acceleration: number // 加速度（px/s²） property?: PropertySetter onComplete?: () => void } export function animateBounce(options: BounceOptions) { const { el, bounces, acceleration, property, onComplete } = options const ground = bounces[0] const setter = property ?? defaultProperty(el) let currentCancel: (() => void) | null = null let cancelled = false async function run() { let pos = 0 for (let i = 0; i < bounces.length; i++) { if (cancelled) return const distance = bounces[i] // 下落阶段：从当前位置加速落到地面 await new Promise((resolve) => { const startPos = pos currentCancel = animateGravity({ el, target: distance, acceleration, property: (value) => setter(startPos + value), onComplete: () => { pos = ground resolve() }, }) }) // 最后一段不弹起 if (i >= bounces.length - 1) break if (cancelled) return // 弹起阶段：从地面减速弹起 const bounceHeight = bounces[i + 1] await new Promise((resolve) => { currentCancel = animateGravity({ el, target: bounceHeight, acceleration, curve: easeOut, property: (value) => setter(ground - value), onComplete: () => { pos = ground - bounceHeight resolve() }, }) }) } if (!cancelled) { onComplete?.() } } run() return () => { cancelled = true currentCancel?.() } } ff:["$","$L103",null,{"highlighteds":[{"meta":"index.tsx -c","value":"$104","lang":"tsx","code":"$105","tokens":[["'use client'","var(--ch-8)"],"\n\n",["import","var(--ch-7)"]," ",["{ useRef }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'react'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["{ animateBounce }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'./animate'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["Button","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'@keepzml/ui/zmui/button'","var(--ch-8)"],"\n\n",["const","var(--ch-7)"]," ",["GROUND","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["200","var(--ch-2)"],"\n",["const","var(--ch-7)"]," ",["ACCELERATION","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["980","var(--ch-2)"],"\n",["const","var(--ch-7)"]," ",["BOUNCES","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["[","var(--ch-4)"],["200","var(--ch-2)"],[",","var(--ch-4)"]," ",["80","var(--ch-2)"],[",","var(--ch-4)"]," ",["30","var(--ch-2)"],[",","var(--ch-4)"]," ",["10","var(--ch-2)"],["]","var(--ch-4)"],"\n",["const","var(--ch-7)"]," ",["BALL_SIZE","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["24","var(--ch-2)"]," ",["// size-6 = 24px","var(--ch-1)"],"\n",["const","var(--ch-7)"]," ",["START_Y","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["20","var(--ch-2)"]," ",["// pt-5 = 20px","var(--ch-1)"],"\n",["const","var(--ch-7)"]," ",["GROUND_Y","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["START_Y","var(--ch-2)"]," ",["+","var(--ch-7)"]," ",["BALL_SIZE","var(--ch-2)"]," ",["+","var(--ch-7)"]," ",["GROUND","var(--ch-2)"]," ",["// ball 底部落地位置","var(--ch-1)"],"\n\n",["export default function","var(--ch-7)"]," ",["App","var(--ch-5)"],["()","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["ballRef","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["useRef","var(--ch-5)"],["<","var(--ch-4)"],["HTMLDivElement","var(--ch-3)"],[">(","var(--ch-4)"],["null","var(--ch-2)"],[")","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["cancelRef","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["useRef","var(--ch-5)"],["<(()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],[")","var(--ch-4)"]," ",["|","var(--ch-7)"]," ",["null","var(--ch-2)"],[">(","var(--ch-4)"],["null","var(--ch-2)"],[")","var(--ch-4)"],"\n\n ",["function","var(--ch-7)"]," ",["start","var(--ch-5)"],["() {","var(--ch-4)"],"\n ",["if","var(--ch-7)"]," ",["(cancelRef.current)","var(--ch-4)"]," ",["return","var(--ch-7)"],"\n ",["const","var(--ch-7)"]," ",["ball","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["ballRef.current","var(--ch-4)"],"\n ",["if","var(--ch-7)"]," ",["(","var(--ch-4)"],["!","var(--ch-7)"],["ball)","var(--ch-4)"]," ",["return","var(--ch-7)"],"\n\n ",["cancelRef.current","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["animateBounce","var(--ch-5)"],["({","var(--ch-4)"],"\n ",["el: ball,","var(--ch-4)"],"\n ",["bounces:","var(--ch-4)"]," ",["BOUNCES","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["acceleration:","var(--ch-4)"]," ",["ACCELERATION","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["property","var(--ch-5)"],[": (","var(--ch-4)"],["value","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["ball.style.transform","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["`translateY(${","var(--ch-8)"],["value","var(--ch-4)"],["}px)`","var(--ch-8)"],"\n ",["},","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],[": ()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["cancelRef.current","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["null","var(--ch-2)"],"\n ",["},","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["function","var(--ch-7)"]," ",["reset","var(--ch-5)"],["() {","var(--ch-4)"],"\n ",["cancelRef.","var(--ch-4)"],["current","var(--ch-5)"],["?.()","var(--ch-4)"],"\n ",["cancelRef.current","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["null","var(--ch-2)"],"\n ",["if","var(--ch-7)"]," ",["(ballRef.current) {","var(--ch-4)"],"\n ",["ballRef.current.style.transform","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["'translateY(0px)'","var(--ch-8)"],"\n ",["}","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["return","var(--ch-7)"]," ",["(","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'space-y-4 p-4'","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'relative h-72 border border-dashed border-gray-300 dark:border-gray-600 rounded-sm overflow-hidden'","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["{","var(--ch-7)"],["/* 地面线：与球底部落地位置重合 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"],"\n ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'absolute left-0 right-0 border-t-2 border-dashed border-gray-300 dark:border-gray-600'","var(--ch-8)"],"\n ",["style","var(--ch-2)"],["={","var(--ch-7)"],["{ top:","var(--ch-4)"]," ",["`${","var(--ch-8)"],["GROUND_Y","var(--ch-2)"],["}px`","var(--ch-8)"]," ",["}","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["/>","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'flex justify-center pt-5'","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"],"\n ",["ref","var(--ch-2)"],["={","var(--ch-7)"],["ballRef","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'size-6 rounded-full bg-blue-500 shadow-md'","var(--ch-8)"],"\n ",["/>","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["span","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'absolute bottom-2 right-3 text-xs text-gray-400 dark:text-gray-500'","var(--ch-8)"],[">弹跳效果","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'flex items-center gap-3'","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["Button","var(--ch-6)"]," ",["primary onClick","var(--ch-2)"],["={","var(--ch-7)"],["start","var(--ch-4)"],["}","var(--ch-7)"],[">开始弹跳","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["Button","var(--ch-6)"]," ",["onClick","var(--ch-2)"],["={","var(--ch-7)"],["reset","var(--ch-4)"],["}","var(--ch-7)"],[">重置","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",[")","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n"],"annotations":[],"themeName":"github-from-css","style":{"color":"var(--ch-4)","background":"var(--ch-16)","colorScheme":"var(--ch-0)"}},{"meta":"animate.ts -c","value":"$106","lang":"typescript","code":"$107","tokens":[["import","var(--ch-7)"]," ",["{ nextFrame, cancelFrame }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'./compat'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["{ easeIn, easeOut,","var(--ch-4)"]," ",["type","var(--ch-7)"]," ",["CurveFunction }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'./easing'","var(--ch-8)"],"\n\n",["export type","var(--ch-7)"]," ",["PropertySetter","var(--ch-3)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["value","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],"\n\n",["interface","var(--ch-7)"]," ",["GravityOptions","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["el","var(--ch-3)"],[":","var(--ch-7)"]," ",["HTMLElement","var(--ch-3)"],"\n ",["target","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 下落距离（px）","var(--ch-1)"],"\n ",["acceleration","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 加速度（px/s²）","var(--ch-1)"],"\n ",["curve","var(--ch-3)"],["?:","var(--ch-7)"]," ",["CurveFunction","var(--ch-3)"]," ",["// 默认 easeIn（匀加速），弹起时用 easeOut","var(--ch-1)"],"\n ",["property","var(--ch-3)"],["?:","var(--ch-7)"]," ",["PropertySetter","var(--ch-3)"],"\n ",["onComplete","var(--ch-5)"],["?:","var(--ch-7)"]," ",["()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],"\n",["}","var(--ch-4)"],"\n\n",["function","var(--ch-7)"]," ",["defaultProperty","var(--ch-5)"],["(","var(--ch-4)"],["el","var(--ch-3)"],[":","var(--ch-7)"]," ",["HTMLElement","var(--ch-3)"],[")","var(--ch-4)"],[":","var(--ch-7)"]," ",["PropertySetter","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["return","var(--ch-7)"]," ",["(","var(--ch-4)"],["value","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["el.style.transform","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["`translateY(${","var(--ch-8)"],["value","var(--ch-4)"],["}px)`","var(--ch-8)"],"\n ",["}","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n\n",["export function","var(--ch-7)"]," ",["animateGravity","var(--ch-5)"],["(","var(--ch-4)"],["options","var(--ch-3)"],[":","var(--ch-7)"]," ",["GravityOptions","var(--ch-3)"],[") {","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["el","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["target","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["acceleration","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["curve","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["easeIn,","var(--ch-4)"],"\n ",["property","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["onComplete","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["}","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["options","var(--ch-4)"],"\n\n ",["const","var(--ch-7)"]," ",["duration","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["sqrt","var(--ch-5)"],["(","var(--ch-4)"],["2","var(--ch-2)"]," ",["*","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["abs","var(--ch-5)"],["(target)","var(--ch-4)"]," ",["/","var(--ch-7)"]," ",["acceleration)","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["1000","var(--ch-2)"],"\n\n ",["const","var(--ch-7)"]," ",["setter","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["property","var(--ch-4)"]," ",["??","var(--ch-7)"]," ",["defaultProperty","var(--ch-5)"],["(el)","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["startTime","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Date.","var(--ch-4)"],["now","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["let","var(--ch-7)"]," ",["frameId","var(--ch-4)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["|","var(--ch-7)"]," ",["null","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["null","var(--ch-2)"],"\n\n ",["function","var(--ch-7)"]," ",["tick","var(--ch-5)"],["() {","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["elapsed","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Date.","var(--ch-4)"],["now","var(--ch-5)"],["()","var(--ch-4)"]," ",["-","var(--ch-7)"]," ",["startTime","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["progress","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["min","var(--ch-5)"],["(elapsed","var(--ch-4)"]," ",["/","var(--ch-7)"]," ",["duration,","var(--ch-4)"]," ",["1","var(--ch-2)"],[")","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["value","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["target","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["curve","var(--ch-5)"],["(progress)","var(--ch-4)"],"\n\n ",["setter","var(--ch-5)"],["(value)","var(--ch-4)"],"\n\n ",["if","var(--ch-7)"]," ",["(progress","var(--ch-4)"]," ",["<","var(--ch-7)"]," ",["1","var(--ch-2)"],[") {","var(--ch-4)"],"\n ",["frameId","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["nextFrame","var(--ch-5)"],["(tick)","var(--ch-4)"],"\n ",["}","var(--ch-4)"]," ",["else","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],["?.()","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["frameId","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["nextFrame","var(--ch-5)"],["(tick)","var(--ch-4)"],"\n\n ",["return","var(--ch-7)"]," ",["()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["if","var(--ch-7)"]," ",["(frameId","var(--ch-4)"]," ",["!==","var(--ch-7)"]," ",["null","var(--ch-2)"],[")","var(--ch-4)"]," ",["cancelFrame","var(--ch-5)"],["(frameId)","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n\n",["// ---- 弹跳动画 ----","var(--ch-1)"],"\n\n",["interface","var(--ch-7)"]," ",["BounceOptions","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["el","var(--ch-3)"],[":","var(--ch-7)"]," ",["HTMLElement","var(--ch-3)"],"\n ",["bounces","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"],["[]","var(--ch-4)"]," ",["// 弹跳高度序列，如 [200, 80, 30, 10]","var(--ch-1)"],"\n ",["acceleration","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 加速度（px/s²）","var(--ch-1)"],"\n ",["property","var(--ch-3)"],["?:","var(--ch-7)"]," ",["PropertySetter","var(--ch-3)"],"\n ",["onComplete","var(--ch-5)"],["?:","var(--ch-7)"]," ",["()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],"\n",["}","var(--ch-4)"],"\n\n",["export function","var(--ch-7)"]," ",["animateBounce","var(--ch-5)"],["(","var(--ch-4)"],["options","var(--ch-3)"],[":","var(--ch-7)"]," ",["BounceOptions","var(--ch-3)"],[") {","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["{","var(--ch-4)"]," ",["el","var(--ch-2)"],[",","var(--ch-4)"]," ",["bounces","var(--ch-2)"],[",","var(--ch-4)"]," ",["acceleration","var(--ch-2)"],[",","var(--ch-4)"]," ",["property","var(--ch-2)"],[",","var(--ch-4)"]," ",["onComplete","var(--ch-2)"]," ",["}","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["options","var(--ch-4)"],"\n\n ",["const","var(--ch-7)"]," ",["ground","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["bounces[","var(--ch-4)"],["0","var(--ch-2)"],["]","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["setter","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["property","var(--ch-4)"]," ",["??","var(--ch-7)"]," ",["defaultProperty","var(--ch-5)"],["(el)","var(--ch-4)"],"\n ",["let","var(--ch-7)"]," ",["currentCancel","var(--ch-4)"],[":","var(--ch-7)"]," ",["(()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],[")","var(--ch-4)"]," ",["|","var(--ch-7)"]," ",["null","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["null","var(--ch-2)"],"\n ",["let","var(--ch-7)"]," ",["cancelled","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["false","var(--ch-2)"],"\n\n ",["async function","var(--ch-7)"]," ",["run","var(--ch-5)"],["() {","var(--ch-4)"],"\n ",["let","var(--ch-7)"]," ",["pos","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["0","var(--ch-2)"],"\n\n ",["for","var(--ch-7)"]," ",["(","var(--ch-4)"],["let","var(--ch-7)"]," ",["i","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["0","var(--ch-2)"],["; i","var(--ch-4)"]," ",["<","var(--ch-7)"]," ",["bounces.","var(--ch-4)"],["length","var(--ch-2)"],["; i","var(--ch-4)"],["++","var(--ch-7)"],[") {","var(--ch-4)"],"\n ",["if","var(--ch-7)"]," ",["(cancelled)","var(--ch-4)"]," ",["return","var(--ch-7)"],"\n ",["const","var(--ch-7)"]," ",["distance","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["bounces[i]","var(--ch-4)"],"\n\n ",["// 下落阶段：从当前位置加速落到地面","var(--ch-1)"],"\n ",["await new","var(--ch-7)"]," ",["Promise","var(--ch-2)"],["<","var(--ch-4)"],["void","var(--ch-2)"],[">((","var(--ch-4)"],["resolve","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["startPos","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["pos","var(--ch-4)"],"\n ",["currentCancel","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["animateGravity","var(--ch-5)"],["({","var(--ch-4)"],"\n ",["el,","var(--ch-4)"],"\n ",["target: distance,","var(--ch-4)"],"\n ",["acceleration,","var(--ch-4)"],"\n ",["property","var(--ch-5)"],[": (","var(--ch-4)"],["value","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["setter","var(--ch-5)"],["(startPos","var(--ch-4)"]," ",["+","var(--ch-7)"]," ",["value),","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],[": ()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["pos","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["ground","var(--ch-4)"],"\n ",["resolve","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["},","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n\n ",["// 最后一段不弹起","var(--ch-1)"],"\n ",["if","var(--ch-7)"]," ",["(i","var(--ch-4)"]," ",[">=","var(--ch-7)"]," ",["bounces.","var(--ch-4)"],["length","var(--ch-2)"]," ",["-","var(--ch-7)"]," ",["1","var(--ch-2)"],[")","var(--ch-4)"]," ",["break","var(--ch-7)"],"\n ",["if","var(--ch-7)"]," ",["(cancelled)","var(--ch-4)"]," ",["return","var(--ch-7)"],"\n\n ",["// 弹起阶段：从地面减速弹起","var(--ch-1)"],"\n ",["const","var(--ch-7)"]," ",["bounceHeight","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["bounces[i","var(--ch-4)"]," ",["+","var(--ch-7)"]," ",["1","var(--ch-2)"],["]","var(--ch-4)"],"\n ",["await new","var(--ch-7)"]," ",["Promise","var(--ch-2)"],["<","var(--ch-4)"],["void","var(--ch-2)"],[">((","var(--ch-4)"],["resolve","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["currentCancel","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["animateGravity","var(--ch-5)"],["({","var(--ch-4)"],"\n ",["el,","var(--ch-4)"],"\n ",["target: bounceHeight,","var(--ch-4)"],"\n ",["acceleration,","var(--ch-4)"],"\n ",["curve: easeOut,","var(--ch-4)"],"\n ",["property","var(--ch-5)"],[": (","var(--ch-4)"],["value","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["setter","var(--ch-5)"],["(ground","var(--ch-4)"]," ",["-","var(--ch-7)"]," ",["value),","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],[": ()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["pos","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["ground","var(--ch-4)"]," ",["-","var(--ch-7)"]," ",["bounceHeight","var(--ch-4)"],"\n ",["resolve","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["},","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["if","var(--ch-7)"]," ",["(","var(--ch-4)"],["!","var(--ch-7)"],["cancelled) {","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],["?.()","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["run","var(--ch-5)"],["()","var(--ch-4)"],"\n\n ",["return","var(--ch-7)"]," ",["()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["cancelled","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["true","var(--ch-2)"],"\n ",["currentCancel","var(--ch-5)"],["?.()","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n"],"annotations":[],"themeName":"github-from-css","style":{"color":"var(--ch-4)","background":"var(--ch-16)","colorScheme":"var(--ch-0)"}},{"meta":"easing.ts -c","value":"export type CurveFunction = (t: number) => number\n\nexport const easeIn: CurveFunction = (t) => t * t\n\nexport const easeOut: CurveFunction = (t) => 1 - (1 - t) * (1 - t)\n","lang":"typescript","code":"export type CurveFunction = (t: number) => number\n\nexport const easeIn: CurveFunction = (t) => t * t\n\nexport const easeOut: CurveFunction = (t) => 1 - (1 - t) * (1 - t)\n","tokens":[["export type","var(--ch-7)"]," ",["CurveFunction","var(--ch-3)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["t","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["number","var(--ch-2)"],"\n\n",["export const","var(--ch-7)"]," ",["easeIn","var(--ch-5)"],[":","var(--ch-7)"]," ",["CurveFunction","var(--ch-3)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["t","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["t","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["t","var(--ch-4)"],"\n\n",["export const","var(--ch-7)"]," ",["easeOut","var(--ch-5)"],[":","var(--ch-7)"]," ",["CurveFunction","var(--ch-3)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["t","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["1","var(--ch-2)"]," ",["-","var(--ch-7)"]," ",["(","var(--ch-4)"],["1","var(--ch-2)"]," ",["-","var(--ch-7)"]," ",["t)","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["(","var(--ch-4)"],["1","var(--ch-2)"]," ",["-","var(--ch-7)"]," ",["t)","var(--ch-4)"],"\n"],"annotations":[],"themeName":"github-from-css","style":{"color":"var(--ch-4)","background":"var(--ch-16)","colorScheme":"var(--ch-0)"}}]}] 108:T826,'use client' import { useRef } from 'react' import { animateBounceByEnergy } from './animate' import Button from '@keepzml/ui/zmui/button' const HEIGHT = 200 const GROUND = HEIGHT const ACCELERATION = 980 const ENERGY_LOSS = 0.35 const MIN_VELOCITY = 20 const BALL_SIZE = 24 // size-6 = 24px const START_Y = 20 // pt-5 = 20px const GROUND_Y = START_Y + BALL_SIZE + GROUND // ball 底部落地位置 export default function App() { const ballRef = useRef(null) const cancelRef = useRef<(() => void) | null>(null) function start() { if (cancelRef.current) return const ball = ballRef.current if (!ball) return cancelRef.current = animateBounceByEnergy({ el: ball, height: HEIGHT, acceleration: ACCELERATION, loss: ENERGY_LOSS, minVelocity: MIN_VELOCITY, property: (value) => { ball.style.transform = `translateY(${value}px)` }, onComplete: () => { cancelRef.current = null }, }) } function reset() { cancelRef.current?.() cancelRef.current = null if (ballRef.current) { ballRef.current.style.transform = 'translateY(0px)' } } return (

{/* 地面线：与球底部落地位置重合 */}

能量损耗弹跳

) } 109:T826,'use client' import { useRef } from 'react' import { animateBounceByEnergy } from './animate' import Button from '@keepzml/ui/zmui/button' const HEIGHT = 200 const GROUND = HEIGHT const ACCELERATION = 980 const ENERGY_LOSS = 0.35 const MIN_VELOCITY = 20 const BALL_SIZE = 24 // size-6 = 24px const START_Y = 20 // pt-5 = 20px const GROUND_Y = START_Y + BALL_SIZE + GROUND // ball 底部落地位置 export default function App() { const ballRef = useRef(null) const cancelRef = useRef<(() => void) | null>(null) function start() { if (cancelRef.current) return const ball = ballRef.current if (!ball) return cancelRef.current = animateBounceByEnergy({ el: ball, height: HEIGHT, acceleration: ACCELERATION, loss: ENERGY_LOSS, minVelocity: MIN_VELOCITY, property: (value) => { ball.style.transform = `translateY(${value}px)` }, onComplete: () => { cancelRef.current = null }, }) } function reset() { cancelRef.current?.() cancelRef.current = null if (ballRef.current) { ballRef.current.style.transform = 'translateY(0px)' } } return (

{/* 地面线：与球底部落地位置重合 */}

能量损耗弹跳

) } 10a:Te98,import { nextFrame, cancelFrame } from './compat' import { easeIn, easeOut, type CurveFunction } from './easing' export type PropertySetter = (value: number) => void interface GravityOptions { el: HTMLElement target: number // 下落距离（px） acceleration: number // 加速度（px/s²） curve?: CurveFunction // 默认 easeIn（匀加速），弹起时用 easeOut property?: PropertySetter onComplete?: () => void } function defaultProperty(el: HTMLElement): PropertySetter { return (value: number) => { el.style.transform = `translateY(${value}px)` } } export function animateGravity(options: GravityOptions) { const { el, target, acceleration, curve = easeIn, property, onComplete, } = options const duration = Math.sqrt(2 * Math.abs(target) / acceleration) * 1000 const setter = property ?? defaultProperty(el) const startTime = Date.now() let frameId: number | null = null function tick() { const elapsed = Date.now() - startTime const progress = Math.min(elapsed / duration, 1) const value = target * curve(progress) setter(value) if (progress < 1) { frameId = nextFrame(tick) } else { onComplete?.() } } frameId = nextFrame(tick) return () => { if (frameId !== null) cancelFrame(frameId) } } // ---- 弹跳动画 ---- interface BounceEnergyOptions { el: HTMLElement height: number // 初始下落高度（px） acceleration: number // 加速度（px/s²） loss: number // 每次落地后的能量损耗比例（0~1） minVelocity?: number // 速度低于该值则停止（px/s） maxBounces?: number // 兜底上限，防止 loss=0 时无限循环 property?: PropertySetter onComplete?: () => void } export function animateBounceByEnergy(options: BounceEnergyOptions) { const { el, height, acceleration, loss, minVelocity = 1, maxBounces = 60, property, onComplete, } = options const ground = height const setter = property ?? defaultProperty(el) let currentCancel: (() => void) | null = null let cancelled = false const safeLoss = Math.min(Math.max(loss, 0), 1) async function run() { let pos = 0 let currentHeight = height let bounces = 0 while (!cancelled && currentHeight > 0 && bounces < maxBounces) { // 下落阶段：从当前位置加速落到地面 await new Promise((resolve) => { const startPos = pos currentCancel = animateGravity({ el, target: currentHeight, acceleration, property: (value) => setter(startPos + value), onComplete: () => { pos = ground resolve() }, }) }) if (cancelled) return // 计算碰撞速度，并按能量损耗得到新速度 const impactVelocity = Math.sqrt(2 * acceleration * currentHeight) const nextVelocity = impactVelocity * Math.sqrt(1 - safeLoss) if (nextVelocity <= minVelocity) break const nextHeight = (nextVelocity * nextVelocity) / (2 * acceleration) // 弹起阶段：从地面减速弹起 await new Promise((resolve) => { currentCancel = animateGravity({ el, target: nextHeight, acceleration, curve: easeOut, property: (value) => setter(ground - value), onComplete: () => { pos = ground - nextHeight resolve() }, }) }) currentHeight = nextHeight bounces += 1 } if (!cancelled) { onComplete?.() } } run() return () => { cancelled = true currentCancel?.() } } 10b:Te98,import { nextFrame, cancelFrame } from './compat' import { easeIn, easeOut, type CurveFunction } from './easing' export type PropertySetter = (value: number) => void interface GravityOptions { el: HTMLElement target: number // 下落距离（px） acceleration: number // 加速度（px/s²） curve?: CurveFunction // 默认 easeIn（匀加速），弹起时用 easeOut property?: PropertySetter onComplete?: () => void } function defaultProperty(el: HTMLElement): PropertySetter { return (value: number) => { el.style.transform = `translateY(${value}px)` } } export function animateGravity(options: GravityOptions) { const { el, target, acceleration, curve = easeIn, property, onComplete, } = options const duration = Math.sqrt(2 * Math.abs(target) / acceleration) * 1000 const setter = property ?? defaultProperty(el) const startTime = Date.now() let frameId: number | null = null function tick() { const elapsed = Date.now() - startTime const progress = Math.min(elapsed / duration, 1) const value = target * curve(progress) setter(value) if (progress < 1) { frameId = nextFrame(tick) } else { onComplete?.() } } frameId = nextFrame(tick) return () => { if (frameId !== null) cancelFrame(frameId) } } // ---- 弹跳动画 ---- interface BounceEnergyOptions { el: HTMLElement height: number // 初始下落高度（px） acceleration: number // 加速度（px/s²） loss: number // 每次落地后的能量损耗比例（0~1） minVelocity?: number // 速度低于该值则停止（px/s） maxBounces?: number // 兜底上限，防止 loss=0 时无限循环 property?: PropertySetter onComplete?: () => void } export function animateBounceByEnergy(options: BounceEnergyOptions) { const { el, height, acceleration, loss, minVelocity = 1, maxBounces = 60, property, onComplete, } = options const ground = height const setter = property ?? defaultProperty(el) let currentCancel: (() => void) | null = null let cancelled = false const safeLoss = Math.min(Math.max(loss, 0), 1) async function run() { let pos = 0 let currentHeight = height let bounces = 0 while (!cancelled && currentHeight > 0 && bounces < maxBounces) { // 下落阶段：从当前位置加速落到地面 await new Promise((resolve) => { const startPos = pos currentCancel = animateGravity({ el, target: currentHeight, acceleration, property: (value) => setter(startPos + value), onComplete: () => { pos = ground resolve() }, }) }) if (cancelled) return // 计算碰撞速度，并按能量损耗得到新速度 const impactVelocity = Math.sqrt(2 * acceleration * currentHeight) const nextVelocity = impactVelocity * Math.sqrt(1 - safeLoss) if (nextVelocity <= minVelocity) break const nextHeight = (nextVelocity * nextVelocity) / (2 * acceleration) // 弹起阶段：从地面减速弹起 await new Promise((resolve) => { currentCancel = animateGravity({ el, target: nextHeight, acceleration, curve: easeOut, property: (value) => setter(ground - value), onComplete: () => { pos = ground - nextHeight resolve() }, }) }) currentHeight = nextHeight bounces += 1 } if (!cancelled) { onComplete?.() } } run() return () => { cancelled = true currentCancel?.() } } 102:["$","$L103",null,{"highlighteds":[{"meta":"index.tsx -c","value":"$108","lang":"tsx","code":"$109","tokens":[["'use client'","var(--ch-8)"],"\n\n",["import","var(--ch-7)"]," ",["{ useRef }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'react'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["{ animateBounceByEnergy }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'./animate'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["Button","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'@keepzml/ui/zmui/button'","var(--ch-8)"],"\n\n",["const","var(--ch-7)"]," ",["HEIGHT","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["200","var(--ch-2)"],"\n",["const","var(--ch-7)"]," ",["GROUND","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["HEIGHT","var(--ch-2)"],"\n",["const","var(--ch-7)"]," ",["ACCELERATION","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["980","var(--ch-2)"],"\n",["const","var(--ch-7)"]," ",["ENERGY_LOSS","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["0.35","var(--ch-2)"],"\n",["const","var(--ch-7)"]," ",["MIN_VELOCITY","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["20","var(--ch-2)"],"\n",["const","var(--ch-7)"]," ",["BALL_SIZE","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["24","var(--ch-2)"]," ",["// size-6 = 24px","var(--ch-1)"],"\n",["const","var(--ch-7)"]," ",["START_Y","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["20","var(--ch-2)"]," ",["// pt-5 = 20px","var(--ch-1)"],"\n",["const","var(--ch-7)"]," ",["GROUND_Y","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["START_Y","var(--ch-2)"]," ",["+","var(--ch-7)"]," ",["BALL_SIZE","var(--ch-2)"]," ",["+","var(--ch-7)"]," ",["GROUND","var(--ch-2)"]," ",["// ball 底部落地位置","var(--ch-1)"],"\n\n",["export default function","var(--ch-7)"]," ",["App","var(--ch-5)"],["()","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["ballRef","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["useRef","var(--ch-5)"],["<","var(--ch-4)"],["HTMLDivElement","var(--ch-3)"],[">(","var(--ch-4)"],["null","var(--ch-2)"],[")","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["cancelRef","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["useRef","var(--ch-5)"],["<(()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],[")","var(--ch-4)"]," ",["|","var(--ch-7)"]," ",["null","var(--ch-2)"],[">(","var(--ch-4)"],["null","var(--ch-2)"],[")","var(--ch-4)"],"\n\n ",["function","var(--ch-7)"]," ",["start","var(--ch-5)"],["() {","var(--ch-4)"],"\n ",["if","var(--ch-7)"]," ",["(cancelRef.current)","var(--ch-4)"]," ",["return","var(--ch-7)"],"\n ",["const","var(--ch-7)"]," ",["ball","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["ballRef.current","var(--ch-4)"],"\n ",["if","var(--ch-7)"]," ",["(","var(--ch-4)"],["!","var(--ch-7)"],["ball)","var(--ch-4)"]," ",["return","var(--ch-7)"],"\n\n ",["cancelRef.current","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["animateBounceByEnergy","var(--ch-5)"],["({","var(--ch-4)"],"\n ",["el: ball,","var(--ch-4)"],"\n ",["height:","var(--ch-4)"]," ",["HEIGHT","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["acceleration:","var(--ch-4)"]," ",["ACCELERATION","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["loss:","var(--ch-4)"]," ",["ENERGY_LOSS","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["minVelocity:","var(--ch-4)"]," ",["MIN_VELOCITY","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["property","var(--ch-5)"],[": (","var(--ch-4)"],["value","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["ball.style.transform","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["`translateY(${","var(--ch-8)"],["value","var(--ch-4)"],["}px)`","var(--ch-8)"],"\n ",["},","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],[": ()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["cancelRef.current","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["null","var(--ch-2)"],"\n ",["},","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["function","var(--ch-7)"]," ",["reset","var(--ch-5)"],["() {","var(--ch-4)"],"\n ",["cancelRef.","var(--ch-4)"],["current","var(--ch-5)"],["?.()","var(--ch-4)"],"\n ",["cancelRef.current","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["null","var(--ch-2)"],"\n ",["if","var(--ch-7)"]," ",["(ballRef.current) {","var(--ch-4)"],"\n ",["ballRef.current.style.transform","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["'translateY(0px)'","var(--ch-8)"],"\n ",["}","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["return","var(--ch-7)"]," ",["(","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'space-y-4 p-4'","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'relative h-72 border border-dashed border-gray-300 dark:border-gray-600 rounded-sm overflow-hidden'","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["{","var(--ch-7)"],["/* 地面线：与球底部落地位置重合 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"],"\n ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'absolute left-0 right-0 border-t-2 border-dashed border-gray-300 dark:border-gray-600'","var(--ch-8)"],"\n ",["style","var(--ch-2)"],["={","var(--ch-7)"],["{ top:","var(--ch-4)"]," ",["`${","var(--ch-8)"],["GROUND_Y","var(--ch-2)"],["}px`","var(--ch-8)"]," ",["}","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["/>","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'flex justify-center pt-5'","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"],"\n ",["ref","var(--ch-2)"],["={","var(--ch-7)"],["ballRef","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'size-6 rounded-full bg-blue-500 shadow-md'","var(--ch-8)"],"\n ",["/>","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["span","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'absolute bottom-2 right-3 text-xs text-gray-400 dark:text-gray-500'","var(--ch-8)"],[">能量损耗弹跳","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["'flex items-center gap-3'","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["Button","var(--ch-6)"]," ",["primary onClick","var(--ch-2)"],["={","var(--ch-7)"],["start","var(--ch-4)"],["}","var(--ch-7)"],[">开始弹跳","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["Button","var(--ch-6)"]," ",["onClick","var(--ch-2)"],["={","var(--ch-7)"],["reset","var(--ch-4)"],["}","var(--ch-7)"],[">重置","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",[")","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n"],"annotations":[],"themeName":"github-from-css","style":{"color":"var(--ch-4)","background":"var(--ch-16)","colorScheme":"var(--ch-0)"}},{"meta":"animate.ts -c","value":"$10a","lang":"typescript","code":"$10b","tokens":[["import","var(--ch-7)"]," ",["{ nextFrame, cancelFrame }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'./compat'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["{ easeIn, easeOut,","var(--ch-4)"]," ",["type","var(--ch-7)"]," ",["CurveFunction }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'./easing'","var(--ch-8)"],"\n\n",["export type","var(--ch-7)"]," ",["PropertySetter","var(--ch-3)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["value","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],"\n\n",["interface","var(--ch-7)"]," ",["GravityOptions","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["el","var(--ch-3)"],[":","var(--ch-7)"]," ",["HTMLElement","var(--ch-3)"],"\n ",["target","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 下落距离（px）","var(--ch-1)"],"\n ",["acceleration","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 加速度（px/s²）","var(--ch-1)"],"\n ",["curve","var(--ch-3)"],["?:","var(--ch-7)"]," ",["CurveFunction","var(--ch-3)"]," ",["// 默认 easeIn（匀加速），弹起时用 easeOut","var(--ch-1)"],"\n ",["property","var(--ch-3)"],["?:","var(--ch-7)"]," ",["PropertySetter","var(--ch-3)"],"\n ",["onComplete","var(--ch-5)"],["?:","var(--ch-7)"]," ",["()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],"\n",["}","var(--ch-4)"],"\n\n",["function","var(--ch-7)"]," ",["defaultProperty","var(--ch-5)"],["(","var(--ch-4)"],["el","var(--ch-3)"],[":","var(--ch-7)"]," ",["HTMLElement","var(--ch-3)"],[")","var(--ch-4)"],[":","var(--ch-7)"]," ",["PropertySetter","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["return","var(--ch-7)"]," ",["(","var(--ch-4)"],["value","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["el.style.transform","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["`translateY(${","var(--ch-8)"],["value","var(--ch-4)"],["}px)`","var(--ch-8)"],"\n ",["}","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n\n",["export function","var(--ch-7)"]," ",["animateGravity","var(--ch-5)"],["(","var(--ch-4)"],["options","var(--ch-3)"],[":","var(--ch-7)"]," ",["GravityOptions","var(--ch-3)"],[") {","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["el","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["target","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["acceleration","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["curve","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["easeIn,","var(--ch-4)"],"\n ",["property","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["onComplete","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["}","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["options","var(--ch-4)"],"\n\n ",["const","var(--ch-7)"]," ",["duration","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["sqrt","var(--ch-5)"],["(","var(--ch-4)"],["2","var(--ch-2)"]," ",["*","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["abs","var(--ch-5)"],["(target)","var(--ch-4)"]," ",["/","var(--ch-7)"]," ",["acceleration)","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["1000","var(--ch-2)"],"\n\n ",["const","var(--ch-7)"]," ",["setter","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["property","var(--ch-4)"]," ",["??","var(--ch-7)"]," ",["defaultProperty","var(--ch-5)"],["(el)","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["startTime","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Date.","var(--ch-4)"],["now","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["let","var(--ch-7)"]," ",["frameId","var(--ch-4)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["|","var(--ch-7)"]," ",["null","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["null","var(--ch-2)"],"\n\n ",["function","var(--ch-7)"]," ",["tick","var(--ch-5)"],["() {","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["elapsed","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Date.","var(--ch-4)"],["now","var(--ch-5)"],["()","var(--ch-4)"]," ",["-","var(--ch-7)"]," ",["startTime","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["progress","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["min","var(--ch-5)"],["(elapsed","var(--ch-4)"]," ",["/","var(--ch-7)"]," ",["duration,","var(--ch-4)"]," ",["1","var(--ch-2)"],[")","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["value","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["target","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["curve","var(--ch-5)"],["(progress)","var(--ch-4)"],"\n\n ",["setter","var(--ch-5)"],["(value)","var(--ch-4)"],"\n\n ",["if","var(--ch-7)"]," ",["(progress","var(--ch-4)"]," ",["<","var(--ch-7)"]," ",["1","var(--ch-2)"],[") {","var(--ch-4)"],"\n ",["frameId","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["nextFrame","var(--ch-5)"],["(tick)","var(--ch-4)"],"\n ",["}","var(--ch-4)"]," ",["else","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],["?.()","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["frameId","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["nextFrame","var(--ch-5)"],["(tick)","var(--ch-4)"],"\n\n ",["return","var(--ch-7)"]," ",["()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["if","var(--ch-7)"]," ",["(frameId","var(--ch-4)"]," ",["!==","var(--ch-7)"]," ",["null","var(--ch-2)"],[")","var(--ch-4)"]," ",["cancelFrame","var(--ch-5)"],["(frameId)","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n\n",["// ---- 弹跳动画 ----","var(--ch-1)"],"\n\n",["interface","var(--ch-7)"]," ",["BounceEnergyOptions","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["el","var(--ch-3)"],[":","var(--ch-7)"]," ",["HTMLElement","var(--ch-3)"],"\n ",["height","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 初始下落高度（px）","var(--ch-1)"],"\n ",["acceleration","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 加速度（px/s²）","var(--ch-1)"],"\n ",["loss","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 每次落地后的能量损耗比例（0~1）","var(--ch-1)"],"\n ",["minVelocity","var(--ch-3)"],["?:","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 速度低于该值则停止（px/s）","var(--ch-1)"],"\n ",["maxBounces","var(--ch-3)"],["?:","var(--ch-7)"]," ",["number","var(--ch-2)"]," ",["// 兜底上限，防止 loss=0 时无限循环","var(--ch-1)"],"\n ",["property","var(--ch-3)"],["?:","var(--ch-7)"]," ",["PropertySetter","var(--ch-3)"],"\n ",["onComplete","var(--ch-5)"],["?:","var(--ch-7)"]," ",["()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],"\n",["}","var(--ch-4)"],"\n\n",["export function","var(--ch-7)"]," ",["animateBounceByEnergy","var(--ch-5)"],["(","var(--ch-4)"],["options","var(--ch-3)"],[":","var(--ch-7)"]," ",["BounceEnergyOptions","var(--ch-3)"],[") {","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["el","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["height","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["acceleration","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["loss","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["minVelocity","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["1","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["maxBounces","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["60","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["property","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["onComplete","var(--ch-2)"],[",","var(--ch-4)"],"\n ",["}","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["options","var(--ch-4)"],"\n\n ",["const","var(--ch-7)"]," ",["ground","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["height","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["setter","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["property","var(--ch-4)"]," ",["??","var(--ch-7)"]," ",["defaultProperty","var(--ch-5)"],["(el)","var(--ch-4)"],"\n ",["let","var(--ch-7)"]," ",["currentCancel","var(--ch-4)"],[":","var(--ch-7)"]," ",["(()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["void","var(--ch-2)"],[")","var(--ch-4)"]," ",["|","var(--ch-7)"]," ",["null","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["null","var(--ch-2)"],"\n ",["let","var(--ch-7)"]," ",["cancelled","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["false","var(--ch-2)"],"\n\n ",["const","var(--ch-7)"]," ",["safeLoss","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["min","var(--ch-5)"],["(Math.","var(--ch-4)"],["max","var(--ch-5)"],["(loss,","var(--ch-4)"]," ",["0","var(--ch-2)"],["),","var(--ch-4)"]," ",["1","var(--ch-2)"],[")","var(--ch-4)"],"\n\n ",["async function","var(--ch-7)"]," ",["run","var(--ch-5)"],["() {","var(--ch-4)"],"\n ",["let","var(--ch-7)"]," ",["pos","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["0","var(--ch-2)"],"\n ",["let","var(--ch-7)"]," ",["currentHeight","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["height","var(--ch-4)"],"\n ",["let","var(--ch-7)"]," ",["bounces","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["0","var(--ch-2)"],"\n\n ",["while","var(--ch-7)"]," ",["(","var(--ch-4)"],["!","var(--ch-7)"],["cancelled","var(--ch-4)"]," ",["&&","var(--ch-7)"]," ",["currentHeight","var(--ch-4)"]," ",[">","var(--ch-7)"]," ",["0","var(--ch-2)"]," ",["&&","var(--ch-7)"]," ",["bounces","var(--ch-4)"]," ",["<","var(--ch-7)"]," ",["maxBounces) {","var(--ch-4)"],"\n ",["// 下落阶段：从当前位置加速落到地面","var(--ch-1)"],"\n ",["await new","var(--ch-7)"]," ",["Promise","var(--ch-2)"],["<","var(--ch-4)"],["void","var(--ch-2)"],[">((","var(--ch-4)"],["resolve","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["startPos","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["pos","var(--ch-4)"],"\n ",["currentCancel","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["animateGravity","var(--ch-5)"],["({","var(--ch-4)"],"\n ",["el,","var(--ch-4)"],"\n ",["target: currentHeight,","var(--ch-4)"],"\n ",["acceleration,","var(--ch-4)"],"\n ",["property","var(--ch-5)"],[": (","var(--ch-4)"],["value","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["setter","var(--ch-5)"],["(startPos","var(--ch-4)"]," ",["+","var(--ch-7)"]," ",["value),","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],[": ()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["pos","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["ground","var(--ch-4)"],"\n ",["resolve","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["},","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n\n ",["if","var(--ch-7)"]," ",["(cancelled)","var(--ch-4)"]," ",["return","var(--ch-7)"],"\n\n ",["// 计算碰撞速度，并按能量损耗得到新速度","var(--ch-1)"],"\n ",["const","var(--ch-7)"]," ",["impactVelocity","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["sqrt","var(--ch-5)"],["(","var(--ch-4)"],["2","var(--ch-2)"]," ",["*","var(--ch-7)"]," ",["acceleration","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["currentHeight)","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["nextVelocity","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["impactVelocity","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["Math.","var(--ch-4)"],["sqrt","var(--ch-5)"],["(","var(--ch-4)"],["1","var(--ch-2)"]," ",["-","var(--ch-7)"]," ",["safeLoss)","var(--ch-4)"],"\n\n ",["if","var(--ch-7)"]," ",["(nextVelocity","var(--ch-4)"]," ",["<=","var(--ch-7)"]," ",["minVelocity)","var(--ch-4)"]," ",["break","var(--ch-7)"],"\n\n ",["const","var(--ch-7)"]," ",["nextHeight","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["(nextVelocity","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["nextVelocity)","var(--ch-4)"]," ",["/","var(--ch-7)"]," ",["(","var(--ch-4)"],["2","var(--ch-2)"]," ",["*","var(--ch-7)"]," ",["acceleration)","var(--ch-4)"],"\n\n ",["// 弹起阶段：从地面减速弹起","var(--ch-1)"],"\n ",["await new","var(--ch-7)"]," ",["Promise","var(--ch-2)"],["<","var(--ch-4)"],["void","var(--ch-2)"],[">((","var(--ch-4)"],["resolve","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["currentCancel","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["animateGravity","var(--ch-5)"],["({","var(--ch-4)"],"\n ",["el,","var(--ch-4)"],"\n ",["target: nextHeight,","var(--ch-4)"],"\n ",["acceleration,","var(--ch-4)"],"\n ",["curve: easeOut,","var(--ch-4)"],"\n ",["property","var(--ch-5)"],[": (","var(--ch-4)"],["value","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["setter","var(--ch-5)"],["(ground","var(--ch-4)"]," ",["-","var(--ch-7)"]," ",["value),","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],[": ()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["pos","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["ground","var(--ch-4)"]," ",["-","var(--ch-7)"]," ",["nextHeight","var(--ch-4)"],"\n ",["resolve","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["},","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n\n ",["currentHeight","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["nextHeight","var(--ch-4)"],"\n ",["bounces","var(--ch-4)"]," ",["+=","var(--ch-7)"]," ",["1","var(--ch-2)"],"\n ",["}","var(--ch-4)"],"\n\n ",["if","var(--ch-7)"]," ",["(","var(--ch-4)"],["!","var(--ch-7)"],["cancelled) {","var(--ch-4)"],"\n ",["onComplete","var(--ch-5)"],["?.()","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["run","var(--ch-5)"],["()","var(--ch-4)"],"\n\n ",["return","var(--ch-7)"]," ",["()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["cancelled","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["true","var(--ch-2)"],"\n ",["currentCancel","var(--ch-5)"],["?.()","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n"],"annotations":[],"themeName":"github-from-css","style":{"color":"var(--ch-4)","background":"var(--ch-16)","colorScheme":"var(--ch-0)"}},{"meta":"easing.ts -c","value":"export type CurveFunction = (t: number) => number\n\nexport const easeIn: CurveFunction = (t) => t * t\n\nexport const easeOut: CurveFunction = (t) => 1 - (1 - t) * (1 - t)\n","lang":"typescript","code":"export type CurveFunction = (t: number) => number\n\nexport const easeIn: CurveFunction = (t) => t * t\n\nexport const easeOut: CurveFunction = (t) => 1 - (1 - t) * (1 - t)\n","tokens":[["export type","var(--ch-7)"]," ",["CurveFunction","var(--ch-3)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["t","var(--ch-3)"],[":","var(--ch-7)"]," ",["number","var(--ch-2)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["number","var(--ch-2)"],"\n\n",["export const","var(--ch-7)"]," ",["easeIn","var(--ch-5)"],[":","var(--ch-7)"]," ",["CurveFunction","var(--ch-3)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["t","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["t","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["t","var(--ch-4)"],"\n\n",["export const","var(--ch-7)"]," ",["easeOut","var(--ch-5)"],[":","var(--ch-7)"]," ",["CurveFunction","var(--ch-3)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["t","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["1","var(--ch-2)"]," ",["-","var(--ch-7)"]," ",["(","var(--ch-4)"],["1","var(--ch-2)"]," ",["-","var(--ch-7)"]," ",["t)","var(--ch-4)"]," ",["*","var(--ch-7)"]," ",["(","var(--ch-4)"],["1","var(--ch-2)"]," ",["-","var(--ch-7)"]," ",["t)","var(--ch-4)"],"\n"],"annotations":[],"themeName":"github-from-css","style":{"color":"var(--ch-4)","background":"var(--ch-16)","colorScheme":"var(--ch-0)"}}]}]