最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

单击时会创建一个新粒子,并且当创建粒子时,它应该发送颜色脉冲

网站源码admin29浏览0评论

单击时会创建一个新粒子,并且当创建粒子时,它应该发送颜色脉冲

单击时会创建一个新粒子,并且当创建粒子时,它应该发送颜色脉冲

我想修改 tsarticles,当我单击其中创建的新粒子时,当创建粒子时,它应该通过连接它的链接向其他粒子发送颜色脉冲,并且当脉冲到达它们时这些粒子执行相同的操作,任何人都可以帮助我修改它或它的任何教程如何修改诸如链接脉冲单击之类的自定义动画的导引粒子。

<Particles
  id='tsparticles'
  init={particlesInit}
  className='w-full h-full'
  loaded={particlesLoaded}
  options={{
    fullScreen: false,
    fpsLimit: 30,
    interactivity: {
      events: {
        onClick: {
          enable: true,
          mode: 'push',
        },
        // resize: true,
      },
      modes: {
        push: {
          quantity: 1,
        },
        repulse: {
          distance: 200,
          duration: 0.4,
        },
      },
    },
    particles: {
      color: {
        value: '#DE3030',
      },
      links: {
        color: '#DE3030',
        distance: 500,
        enable: true,
        opacity: 1,
        width: 3,
      },
      move: {
        direction: 'none',
        enable: true,
        outModes: {
          default: 'bounce',
        },
        random: false,
        speed: 1,
        straight: false,
      },
      number: {
        density: {
          enable: true,
          area: 900,
        },
        value: 30,
        max: 30,
      },
      opacity: {
        value: 1,
      },
      shape: {
        type: 'circle',
      },
      size: {
        value: 8,
      },
    },
    life: {
      life: {
        duration: {
          sync: false,
          value: 3,
        },
        count: 0,
        delay: {
          random: {
            enable: true,
            minimumValue: 0.5,
          },
          value: 1,
        },
      }
    },
    detectRetina: true,
  }}

当我单击时,其中会创建一个新粒子,并且当创建粒子时,它应该向其他粒子发送颜色脉冲。

回答如下:
发布评论

评论列表(0)

  1. 暂无评论