Coder Social home page Coder Social logo

Comments (2)

lgarron avatar lgarron commented on July 25, 2024

Was this a purely cosmetic choice or is there a deeper reason for this fade, e.g. to hide the fact that some data is still loading?

Both. There are a variety of reasons why a puzzle can take a while to load, not the least of which is a flaky network connection. In the future we'll almost certainly also want to consider optimizations that save time/battery life, by only loading players once they are close to the viewport. And once we get back to playing with VR and/or environments with multiple puzzles, we'll need some cues to indicate that puzzles are appearing and disappearing on purpose, rather than due to rendering glitches.

Even if the players each load instantly like image, I can't really prevent a flash by removing the fade-in. In fact, the transition will be even more sudden. Is that a desirable effect?

from cubing.js.

Wyverex42 avatar Wyverex42 commented on July 25, 2024

I totally agree with needing some form of loading indicator for various situations and I'm not asking to remove that. I understand that you can't guarantee loading to be finished within a certain timeframe and fading in is a good solution for that use case. I'm just proposing that giving the user control over that effect could improve usability for certain use cases like mine.

The question between having sudden or animated transitions starts to matter once you get into the realm of having lots of players in your view and they all finish loading at roughly the same time. The fade in causes a flash while a sudden transition could be perceived as a part of the page load. In fact, the fade makes it very clear that not everything is loaded at the same time, which is slightly distracting.

See attached video for a demonstration. A 60 fps video doesn't capture the effect entirely, it's much more visible on my 144 Hz screen. Basically, the grid loads so quickly that the fade-in artificially prolongs the perceived loading time.

2024-02-22.16-05-44.mp4

from cubing.js.

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.