fix: save

src/App.jsx

@@ -20,7 +20,8 @@ import Section12 from "./view/Section12";
 import Section13 from "./view/Section13";
 import Section14 from "./view/Section14";
 import Section15 from "./view/Section15";
-
+import Section16 from "./view/Section16";
+import Section17 from "./view/Section17";
 import { useControls } from "leva";
 
 gsap.registerPlugin(ScrollTrigger);
@@ -34,7 +35,15 @@ let resizeTimer = null;
 
 function App() {
   const container = useRef();
-  const { debug } = useControls({ debug: false });
+  const { debug, scrollSpeed } = useControls({
+    debug: false,
+    scrollSpeed: {
+      value: 0.66,
+      min: 0,
+      max: 1,
+      step: 0.01,
+    },
+  });
   const handlerResize = () => {
     clearTimeout(resizeTimer);
     resizeTimer = setTimeout(function () {
@@ -88,6 +97,8 @@ function App() {
       <Section13 debug={debug} />
       <Section14 debug={debug} />
       <Section15 debug={debug} />
+      <Section16 debug={debug} />
+      <Section17 debug={debug} />
     </div>
   );
 }

src/view/Section11.jsx

@@ -4,7 +4,7 @@ import Viewer from "../components/Viewer";
 
 import { TimeLineLabelText } from "../components/TimeLineText";
 
-export default function Section10(props) {
+export default function Section11(props) {
   // eslint-disable-next-line react/prop-types
   const debug = props.debug || false;
   return (

src/view/Section12.jsx

@@ -4,7 +4,7 @@ import Viewer from "../components/Viewer";
 
 import { TimeLineLabelText } from "../components/TimeLineText";
 
-export default function Section10(props) {
+export default function Section12(props) {
   // eslint-disable-next-line react/prop-types
   const debug = props.debug || false;
   return (

src/view/Section13.jsx

@@ -4,7 +4,7 @@ import Viewer from "../components/Viewer";
 
 import { TimeLineLabelText } from "../components/TimeLineText";
 
-export default function Section10(props) {
+export default function Section13(props) {
   // eslint-disable-next-line react/prop-types
   const debug = props.debug || false;
   return (

src/view/Section14.jsx

@@ -4,7 +4,7 @@ import Viewer from "../components/Viewer";
 
 import { TimeLineLabelText } from "../components/TimeLineText";
 
-export default function Section10(props) {
+export default function Section14(props) {
   // eslint-disable-next-line react/prop-types
   const debug = props.debug || false;
   return (

src/view/Section15.jsx

@@ -4,7 +4,7 @@ import Viewer from "../components/Viewer";
 
 import { TimeLineLabelText } from "../components/TimeLineText";
 
-export default function Section10(props) {
+export default function Section15(props) {
   // eslint-disable-next-line react/prop-types
   const debug = props.debug || false;
   return (

src/view/Section16.jsx

@@ -4,12 +4,13 @@ import Viewer from "../components/Viewer";
 
 import { TimeLineLabelText } from "../components/TimeLineText";
 
-export default function Section10(props) {
+export default function Section16(props) {
   // eslint-disable-next-line react/prop-types
   const debug = props.debug || false;
   return (
     <Viewer
       height={"300vh"}
+      debug={debug}
       name="Dictionary Render"
       path="dictionary-steadi-10fps-873-rev1"
       frameCount={45}

src/view/Section17.jsx

@@ -0,0 +1,35 @@
+import { Action } from "../action";
+import { Style } from "../style/section";
+import Viewer from "../components/Viewer";
+
+import { TimeLineLabelText } from "../components/TimeLineText";
+
+export default function Section4(props) {
+  // eslint-disable-next-line react/prop-types
+  const debug = props.debug || false;
+  return (
+    <Viewer
+      height={"1300vh"}
+      name="rsy"
+      path="rsy"
+      frameCount={297}
+      debug={debug}
+      enterTween={Action.crossFadeIn}
+      exitTween={Action.pinForExit}
+    >
+      <TimeLineLabelText
+        fade={0.01}
+        verticalOffset={"83vh"}
+        duration={0.3}
+        progressPosition={0.05}
+      >
+        <div css={Style.LabelStyle}>
+          <div>
+            测试文案： 四维时代致力于人工智能三维数字化技术的.
+            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
+          </div>
+        </div>
+      </TimeLineLabelText>
+    </Viewer>
+  );
+}

src/view/Section4.jsx

@@ -9,7 +9,7 @@ export default function Section4(props) {
   const debug = props.debug || false;
   return (
     <Viewer
-      height={"800vh"}
+      height={"1300vh"}
       name="Vessel Render"
       path="vessel-render-10fps-873-rev1"
       frameCount={125}