Code Monkey home page Code Monkey logo

Comments (3)

IllustratedMan-code avatar IllustratedMan-code commented on May 29, 2024 2

I implemented something using this template before, It can handle hundreds of elements pretty well. You could probably squeeze out more performance with webassembly if needed.

from infinitecanvaswhiteboard.

TomHumphries avatar TomHumphries commented on May 29, 2024 1

To help with performance for lots of elements, you could try to render only things that are in view. It might be worth doing a quick test to check that the extra "is in view" check actually speeds up the draw time.

I imagine that the biggest performance hit will be when you're zoomed all the way out and everything is being drawn. For that you could try to detect which elements are too small to take up the width of a pixel and render them as a single point. You could potentially use nested 2D grids to determine the scale and position of elements.

Perhaps there are techniques that can be applied from game engines for rendering detail at different distances / objects not in view?

from infinitecanvaswhiteboard.

9s-l-s9 avatar 9s-l-s9 commented on May 29, 2024

Thank you for your quick replies :) I've got some ideas out of them on how I am going to implement it

from infinitecanvaswhiteboard.

Related Issues (1)

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.