问题标签 [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.

0 投票
1 回答
870 浏览

javascript - Scrollmagic & GASP 如何重启动画

我正在制作一本书的动画。页面应该快速转动(就像我在动画中所做的那样),但我希望它们在 e 滚动回触发范围后回到起始位置。下面是js代码和codepen链接

0 投票
0 回答
386 浏览

jquery - gasp 没有在 safari 上工作

任何人都可以帮助我为什么这在 safari 上不起作用?它在 chrome 上效果很好。js脚本也适用于firefox,但有一些svg问题没有出现在正确的位置,但这是另一个问题......在调试器选项卡的safari中,我得到了这个:

在此处输入图像描述

http://codepen.io/Separator/pen/dGEdeP

下面是我使用 GASP 的 js 代码

0 投票
2 回答
40 浏览

javascript - 无法从脚本标签 html 中获取函数

超级新的 html 但我一直在尝试从这个 web 脚本中获取函数 TweenTo(elem,dur,style)

这是我想实现该功能的地方

我完全不知道为什么在图片上调用 onClick 时我无法运行此功能。感谢所有帮助:D

0 投票
1 回答
186 浏览

python - 如何在 Ubuntu 16.04 上安装 python-gasp?

我使用的是 Ubuntu 16.04 系统,我想安装gaspfor python。有人告诉我,以下命令可以帮助我安装python-gasp

我尝试了这些命令,但它似乎不起作用,因为当我运行时

它返回为

然后我$ whereis python-gasp用来检查python-gasp我安装的位置,它返回为/usr/share/python-gasp

我不知道发生了什么。怎样才能gasp成功使用?

0 投票
1 回答
2835 浏览

javascript - 不同窗口高度上的 ScrollMagic 偏移

我正在使用 ScrollMagic 来获得一些滚动动画。问题是我需要使用偏移量,以便动画在某个滚动点上触发,但这完全取决于窗口高度。

所以在我提供的例子中

您可以看到该框出现在滚动条上。https://tppr.me/RpkVa

注意窗口高度https://tppr.me/hoyhs尝试调整高度或预览面板的大小并运行。

所以在426px窗口高度上,它工作得很好。以没有框的方式开始页面并在滚动时进行动画处理。

尝试增加高度并检查https://tppr.me/sYJ5a,该框出现在开头。同样,如果您降低高度,则该框仅在几次滚动后才会出现。

所以我想知道是否有任何方法可以使偏移值动态化,因此在任何窗口高度中,动画都从页面滚动的完全相同的点开始。

0 投票
0 回答
90 浏览

javascript - 我应该如何在 vue3 中使用 gsap.timeline()

我想通过在vue3中使用gsap来制作运动图。我遇到了一个问题。下面是一个例子。data()返回的对象类型变量(如 tl )默认转换为代理。当我稍后配置它时它不起作用所以我尝试在setup()中定义一个变量而不使用reactive()。当我稍后配置它时它会起作用。

运行这个例子,我发现 tl1(define in setup without reactive()) 和 tl2.target(define in data()) 之间存在一些差异。您可以在 CodePen 上运行它

有人可以告诉我为什么当它成为代理对象时它不起作用的原因吗?

0 投票
1 回答
88 浏览

javascript - 如何修复 setInterval 缓慢:twinmax 和 jquery

我想使用 TweenMax 和 J-Query 更改图片。但它比 setInterval 集要慢。

我没有任何其他设置,我只是用它们来改变图片。而在 twinmax 中,没有 setinterval 设置。

从左侧的 scale x : 0 开始并在我向右传递时缩小,以便我身后的背景图像在指定时间发生变化。

换图片的时间越来越慢。我无法上传图片,因为我不知道如何上传。

我想同时转换,有没有更好的方法?我可以只用css和关键帧来做吗?

当粉红色层穿过标题部分时,我想表达背面图像的变化。

我想在 5 个图像框中表达相同的内容。

本站仅供参考。我期待着您的友好合作。

https://a3-liber.com/index.html

这是示例视频!

https://vimeo.com/567175966