问题标签 [particles.js]

我有一个名为 alt 的对象。

我想用我在下面创建的滑块来控制数字“值”。

它创建了一个用户界面，可以准确地识别出值为 80。

如果我手动增加80，粒子数明显增加。

另外，如果我打电话

粒子的数量也有变化。

但是，当我更改滑块时，如图所示：https ://imgur.com/a/72XXY

没有什么变化。有什么想法可以让这个滑块实时改变这个值吗？

我在 chrome http://localhost:8000/上运行下面的代码，并在控制台中收到以下错误：

.js:1 Uncaught ReferenceError: particlesJS is not defined at particles.js:1

我所有的文件都在同一个文件夹中。

我的 index.html

我的风格.css

我的particle.js 文件

我的粒子.json

在此之前，我首先尝试在 Ruby on rails 应用程序上完成这项工作，但遇到了类似的错误。我还是 javascript 的新手，所以它可能很简单。

这是在 jsfiddle：https ://jsfiddle.net/nj3attvb/

我正在使用 Particle.js 库将粒子用作背景，这是 github 链接https://github.com/VincentGarreau/particles.js 我在我的 WordPress 网站上使用它。在包含库后，我在一个页面上使用了粒子背景，它工作正常，但在不存在 html 选择器的页面上（不存在粒子 js id）会产生问题。这是 js 错误出现在那些不存在的页面上：

TypeError: pJS_tag is nullparticles.js?ver=1.0 line 1495

这是我的 HTML 代码：<div id="particles-js"></div>

这是我的js代码：

我想在我的网站上使用particle.js ( https://vincentgarreau.com/particles.js/ ) 作为背景。我将其配置为检测画布上的鼠标，但如果我开始添加其他 html 元素，鼠标检测将停止工作。我找到了一个网站（http://demo.diviwebdesign.com/fullwidth-header-extended-demo-1-json/），它显然解决了这个问题，但我不知道他们是如何做到的。你有什么想法吗？

如果我在窗口级别使用检测，一旦我滚动或者如果画布没有填满整个窗口，检测到的鼠标位置就会关闭，所以这也不是一个合适的解决方案。我需要一种方法将鼠标通过模糊元素转发到画布。

我正在尝试设置与此类似的页面，此处的动画前面有中心元素，后面运行的是： https ://vincentgarreau.com/particles.js/#default

我设置了这样的东西，它占据了自己的空间，与其他内容分开，而不是在后面：

我希望我的文字出现在粒子动画的前面。你能帮忙吗？我尝试使用“z-index”但没有成功：<div style="z-index: -1"></div>

我的完整代码在这里，或者只粘贴最重要的部分。

我将此添加到我的 HTML 中：

CSS：

JS：

我有几个用于创建动画背景的免费插件particles.js的预定义参数。用户可以更改动画颜色和不透明度。稍后我想使用 jsZip 将particle.js 参数添加到 zip 文件中。

问题：我无法将参数/函数存储到 jsZip 的变量中。

这是我的 Particles.Js 示例代码

如果我能以某种方式将所有这些存储在一个变量中，particlescript那么我可以将它提供给 jsZip 以作为脚本文件添加。

是否可以设置z-index特定的填充div？

我使用particle.js作为随鼠标位置变化的交互式背景。但是，这仅在画布位于堆栈顶部时才有效。我正在使用 div 容器作为主要内容，padding其中10%.

我希望padding将其向后发送到堆栈上，以便鼠标可以与背景交互。

我在网站上使用particles.js 作为背景，最近实现了一个禁用它的SSL 证书，在Chrome 中我收到一条通知：“此页面正在尝试从未经身份验证的来源加载脚本”我假设它会是 Safari 和 Firefox 的类似消息。

particles.min.js 和 app.js 文件的两个部分都托管在我的服务器上，并且我使用 Wordpress 作为我的 CMS。当我允许加载脚本时，一切都很好。

我将如何解决这个问题？

谢谢

J.P

我正在尝试将particles.js适应以下示例中的Vue.js 组件： https ://codepen.io/MichaelVanDenBerg/pen/WpXGRm

但是，当使用下面的代码时，我在控制台中收到以下错误消息：

[Vue 警告]：挂载钩子错误：“TypeError：this.particles 不是函数”

如何在下面的代码中修复它？

模板：

脚本：

CSS：

我的想法是保留particle.js 作为侧边栏的背景。我尝试了许多解决方案，但没有一个真正适合我的想法。

这是我网站的链接 https://vchrombie.github.io/blog/

以下是文件的链接

https://github.com/vchrombie/blog/blob/gh-pages/_sass/pages/_layout.scss https://github.com/vchrombie/blog/blob/gh-pages/_layouts/default.html

（我不认为下面的文件是必需的，如果我错了，请纠正我..” https://github.com/vchrombie/blog/blob/gh-pages/_includes/sidebar.html

是否可以仅将particle.js 作为侧边栏的背景？我真的被困了两天。谁能帮我这个？