问题标签 [particles.js]

我正在为我的 ReactJS 应用程序使用 ParticlesJS 包。它显示在开头。我想在屏幕尺寸低于 600 像素时隐藏它。它将显示设置为无，但是当屏幕重新调整到 600 像素以上时，粒子元素不会将显示设置回块，因此不会再次显示。

html/jsx:

CSS：

CSS网格布局有一些问题。我在课堂介绍中使用了网格，它将我的粒子和介绍段落分成两部分。

我想要的是让粒子覆盖整个 100vh 的背景

这是一个小提琴：

JS小提琴

我得到了要加载的particles.js，但它会将bulma 英雄向上推，而不是替换英雄背景。有什么解决办法吗？

我想制作一个网站，使用particle.js我想要一个名为 bar 的侧导航栏在悬停时制作动画，但是当我包含particle.js文件时动画不起作用。

这是 html 代码，需要在悬停时移动条形图 CSS 代码如下。

Javasript 代码有 3 个部分particle.js，app.js和main.js.

particle.js并app.js没有太大变化，但这里有main.js。

在我的 js 函数中，我尝试添加一个类并删除另一个类。

我见过很多使用particles.js ( https://vincentgarreau.com/particles.js/ ) 作为背景的例子。

我想实现一些不同的东西。我想在画布内而不是在上面写文本。我需要将文本放在里面，因为我希望粒子从所写的文本中反弹而不是落后于它。

我打算慢慢显示文字。逐个字母。当字母出现时，我希望粒子远离字母。类似于它们如何排斥鼠标移动。以下是当前代码：

任何实现这一目标的方向都将不胜感激。

谢谢你们！

所以，我在一个网站上做了一个页面，我使用了 Particles.js 作为背景。现在，当我向下滚动时，粒子不会继续向下，它们会停在屏幕的初始角落，如果我滚动它们不会向下滚动......这些是我的粒子设置：

这是网站的图片，如您所见，页面底部的空白区域总是这样，粒子不会去那里，它们只是反弹回来。如何取消粒子网站大小的限制？谢谢！

我已经设置好了所有东西，我只是不知道如何让 react-particles-js 创建的元素充当背景。

这是我到目前为止的代码：

但是，没有任何内容显示；只有 canvas 元素可见，而其余元素似乎根本不渲染。

编辑：这是粒子容器代码：

I bought a template and I'm modifying it to make my website, I'm a designer, and I do not have much idea of code but I want to learn and I decided to venture into making the web like this. I want to put the plugin particles.js as background, I managed to put it in the index but I have been put like this and I have no idea how to do to expand it. As if in photoshop take it from a corner and drag to occupy the whole background.

Here's the problem:

And here's the particle.js div onto index.html:

It's located above scripts and below the footer.

我有一个particles.js 文件作为我网站的背景，它显示正确但不与鼠标交互，它只是设置为好像它是一个视频。

非常感谢你。

更新：在下面的评论中解决。只需在 app.js 中的交互上更改“窗口”而不是“画布”

我想使用允许多个连接同时交互的套接字广播particles.js 背景。我正在广播particleJS 函数以及来自每个连接的JSON 配置和鼠标移动，但是无法让点击/悬停事件广播粒子相互作用。1) 服务器.js

2)HTML