Javascript 背景视差

Javascript 背景视差,javascript,canvas,parallax,particles.js,Javascript,Canvas,Parallax,Particles.js,因此,我目前正在开发一个以粒子为背景的网站(使用),我已经得到了我想要的正确配置 但我想在scroll上实现类似背景视差的效果 有人知道怎么做吗?是否可以使用particle.js,或者现有的库可以做到这一点 此外,动画(滚动)的那些点与红线连接-像一个线图。 我想你应该去看看gsap,它可以让你快速地创建可爱的动画。 我想你应该去看看gsap,它可以让你快速地创建可爱的动画。 分享一些代码…@BrettGregson什么代码?我已经说过我想“实现”视差效果。我没有代码可以共享,因为我不知道如何

因此,我目前正在开发一个以粒子为背景的网站(使用),我已经得到了我想要的正确配置

但我想在scroll上实现类似背景视差的效果

有人知道怎么做吗?是否可以使用particle.js,或者现有的库可以做到这一点

此外,动画(滚动)的那些点与红线连接-像一个线图。

我想你应该去看看gsap,它可以让你快速地创建可爱的动画。

我想你应该去看看gsap,它可以让你快速地创建可爱的动画。

分享一些代码…@BrettGregson什么代码?我已经说过我想“实现”视差效果。我没有代码可以共享,因为我不知道如何实现它。这就是我在这里问的原因。particle.js没有任何视差选项-它只是独立于滚动移动。您共享的网站看起来像是在使用Three.js,我建议您也这样做。示例页面会让你了解它的工作原理,也许你可以从这里开始:共享一些代码…@BrettGregson what code?我已经说过我想“实现”视差效果。我没有代码可以共享,因为我不知道如何实现它。这就是我在这里问的原因。particle.js没有任何视差选项-它只是独立于滚动移动。您共享的网站看起来像是在使用Three.js,我建议您也这样做。示例页面将让您了解它是如何工作的,也许有一些东西可以作为起点:我已经看过gsap,但它是一个相当大的库,我不是画布动画方面的专家。你能更具体地说明我应该在gsap上使用什么吗(即与画布相关)?我已经看过gsap,但它是一个相当大的库,我不是画布动画方面的专家。您能否更具体地说明我应该在gsap上使用什么(即与画布相关)?