question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Triangles issues/questions

See original GitHub issue

Hi, I was playing around with the library using the following options:

tsParticles
  .load("tsparticles", {
    fpsLimit: 30,
    interactivity: {
      detectsOn: "canvas",
      events: { resize: true }
    },
    particles: {
      links: {
        color: "#ff0000",
        distance: 100,
        enable: true,
        opacity: 1,
        width: 0,
        triangles: {
          enable: true,
          color: { 
            value: ['#000000', '#333333', '#666666', '#999999', '#bbbbbb', '#eeeeee']
          },
          opacity: 1
        }
      },
      number: { value: 80 },
      move: {
        enable: true
      },
      opacity: {
        value: 1
      },
      size: {
        value: 0
      }
    },
    retina_detect: true
  });

The goal is to show grayscale triangles and hide particles and links. I’m seeing a few issues, which might be bugs, feature requests or just questions - not sure:

  1. Links are still shown even with width=0. If I use opacity=0, triangles disappear as well. One option is to use opacity=0.0000001, but still feels like there’s something wrong.
  2. Sometimes a huge triangle flickers in, connecting particles very far away, just for a frame or so, then disappears. This is likely a bug.
  3. My goal for this test was to smoothly animate the triangles color between #000 and #fff, grayscale only. Is there a way to do it? I wasn’t able to do so. With an array of colors (like above) the result is not smooth, they’re picked randomly at each frame.

To reproduce you can start from https://codepen.io/matteobruni/pen/QWyGMxZ and just replace JS.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
matteobrunicommented, Oct 6, 2020

Except for color animation now the issues are fixed. 1.18.1 version is available with the fixes

1reaction
natario1commented, Oct 6, 2020

Thanks, and thank you for your work!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Triangles Practice Problems: Level 02 - Hitbullseye
Learn to solve the tricky questions based on triangles. The answer key and explanations are given for the practice questions.
Read more >
Grade 8 Problems and Questions on Triangles with Answers
Problems and questions with answers on triangles for grade 8 are presented. These problems and questions deal with calculating angles, perimeters, ...
Read more >
Triangles Questions (with Answers) - Byju's
Easy questions based on triangles and related formulas are presented here for students to make them learn the basics of the concept.
Read more >
Triangles on SAT Math: Geometry Strategies and Practice ...
Studying triangles on SAT Math? Here are all the geometry formulas and concepts you need, along with math strategies and practice questions.
Read more >
Triangles Problem Solving Practice Problems Online - Brilliant
As shown in the above diagram, Raj folds a rectangular paper A B C D ABCD ABCD in such a way that side...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found