问题标签 [gasp]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Scrollmagic & GASP 如何重启动画
我正在制作一本书的动画。页面应该快速转动(就像我在动画中所做的那样),但我希望它们在 e 滚动回触发范围后回到起始位置。下面是js代码和codepen链接。
jquery - gasp 没有在 safari 上工作
任何人都可以帮助我为什么这在 safari 上不起作用?它在 chrome 上效果很好。js脚本也适用于firefox,但有一些svg问题没有出现在正确的位置,但这是另一个问题......在调试器选项卡的safari中,我得到了这个:
http://codepen.io/Separator/pen/dGEdeP
下面是我使用 GASP 的 js 代码
javascript - 无法从脚本标签 html 中获取函数
超级新的 html 但我一直在尝试从这个 web 脚本中获取函数 TweenTo(elem,dur,style)
这是我想实现该功能的地方
我完全不知道为什么在图片上调用 onClick 时我无法运行此功能。感谢所有帮助:D
python - 如何在 Ubuntu 16.04 上安装 python-gasp?
我使用的是 Ubuntu 16.04 系统,我想安装gasp
for python。有人告诉我,以下命令可以帮助我安装python-gasp
:
我尝试了这些命令,但它似乎不起作用,因为当我运行时
它返回为
然后我$ whereis python-gasp
用来检查python-gasp
我安装的位置,它返回为/usr/share/python-gasp
我不知道发生了什么。怎样才能gasp
成功使用?
javascript - 不同窗口高度上的 ScrollMagic 偏移
我正在使用 ScrollMagic 来获得一些滚动动画。问题是我需要使用偏移量,以便动画在某个滚动点上触发,但这完全取决于窗口高度。
所以在我提供的例子中
您可以看到该框出现在滚动条上。https://tppr.me/RpkVa
注意窗口高度https://tppr.me/hoyhs尝试调整高度或预览面板的大小并运行。
所以在426px
窗口高度上,它工作得很好。以没有框的方式开始页面并在滚动时进行动画处理。
尝试增加高度并检查https://tppr.me/sYJ5a,该框出现在开头。同样,如果您降低高度,则该框仅在几次滚动后才会出现。
所以我想知道是否有任何方法可以使偏移值动态化,因此在任何窗口高度中,动画都从页面滚动的完全相同的点开始。
javascript - 我应该如何在 vue3 中使用 gsap.timeline()
我想通过在vue3中使用gsap来制作运动图。我遇到了一个问题。下面是一个例子。data()返回的对象类型变量(如 tl )默认转换为代理。当我稍后配置它时它不起作用。所以我尝试在setup()中定义一个变量而不使用reactive()。当我稍后配置它时它会起作用。
运行这个例子,我发现 tl1(define in setup without reactive()) 和 tl2.target(define in data()) 之间存在一些差异。您可以在 CodePen 上运行它。
有人可以告诉我为什么当它成为代理对象时它不起作用的原因吗?
javascript - 如何修复 setInterval 缓慢:twinmax 和 jquery
我想使用 TweenMax 和 J-Query 更改图片。但它比 setInterval 集要慢。
我没有任何其他设置,我只是用它们来改变图片。而在 twinmax 中,没有 setinterval 设置。
从左侧的 scale x : 0 开始并在我向右传递时缩小,以便我身后的背景图像在指定时间发生变化。
换图片的时间越来越慢。我无法上传图片,因为我不知道如何上传。
我想同时转换,有没有更好的方法?我可以只用css和关键帧来做吗?
当粉红色层穿过标题部分时,我想表达背面图像的变化。
我想在 5 个图像框中表达相同的内容。
本站仅供参考。我期待着您的友好合作。
https://a3-liber.com/index.html
这是示例视频!