Code Monkey home page Code Monkey logo

Comments (10)

turbo avatar turbo commented on May 17, 2024

I've looked at this on a 4k monitor (same canvas height) and do not see any "jagged edges". Can you screengrab what you are seeing and mark the issue?

from zdog.

charlesr1971 avatar charlesr1971 commented on May 17, 2024

@turbo The problem is, that a screenshot cannot capture the issue.
I can only see it, when I am watching the blue ellipse rotate in the Y axis, at a any canvas size of over about 400 units, using:

Google Chrome 74
Firefox 67

On Windows 10, HP Laptop 15", i7-8550U CPU, 16GB RAM

The jaggies are very noticeable. It maybe a frame rate issue but I have a very good graphics card [NVIDIA GeForce 930MX ] on my laptop.

As I said, on my mobile devices, I cannot see any jaggies. It is totally smooth on my iPhone 8+ [iOS12.2].

from zdog.

charlesr1971 avatar charlesr1971 commented on May 17, 2024

It only happens during an animation sequence.

from zdog.

desandro avatar desandro commented on May 17, 2024

Thanks for reporting this issue. What do you mean by jaggies ?

The one visual bug I have been seeing is on Firefox with broken animation frames, where the model will disappear for a frame then reappear.


Please add a 👍 reaction to this issue if you're seeing jaggies, so I know how prevalent the problem is.

from zdog.

charlesr1971 avatar charlesr1971 commented on May 17, 2024

@desandro No. The model does not disappear, in this case. I can see very jagged edges on the model whilst it is rotating.

from zdog.

charlesr1971 avatar charlesr1971 commented on May 17, 2024

https://en.wikipedia.org/wiki/Jaggies

But these are giant jaggies!

from zdog.

charlesr1971 avatar charlesr1971 commented on May 17, 2024

I am wondering, whether adding the blue ellipse to a group, despite the fact that I won't be able to group it with any other shape, might alleviate this? I managed to solve a z-fighting issue on 4 small white spheres, by adding them to a group. I will let you know what happens!

from zdog.

charlesr1971 avatar charlesr1971 commented on May 17, 2024

@desandro OK. I have some interesting results. When I remove:

var tween = Zdog.easeInOut(progress % 1 ,3 );
illo.rotate.y = tween * (Zdog.TAU*2);

On the blue ellipse and use:

illo.rotate.y += 0.03;

The jaggies disappear. It seems like the speed of rotation is important. Its a shame because the 'easeInOut' effect is really nice and it only works well, when it rotates quickly.

from zdog.

charlesr1971 avatar charlesr1971 commented on May 17, 2024

@desandro David. I would just like to thank you for helping me to understand the difference between rotating a Group VS rotating an Anchor. I wanted to thank you on that thread but it is closed. Anyway, your last comment really nailed it for me!

from zdog.

desandro avatar desandro commented on May 17, 2024

I'm closing this issue as no one else has chimed in. Please open a separate issue if you run into a similar problem.

from zdog.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.