tagged
#cytoscape-renderer
5 scribbles
motion blur, culling, path caching: how the canvas path handles pressure
five targeted tricks, one for each kind of pressure the renderer faces.
engineeringdeep-divecytoscape-renderer
composites, suppression, atomic swap
the second cache that blits whole groups of elements as one image, plus the 250ms suppression window during layout bursts.
engineeringdeep-divecytoscape-renderer
the per-element sprite atlas
every node and edge rasterized into an offscreen atlas at 8 zoom levels, with deferred refinement.
engineeringdeep-divecytoscape-renderer
three canvas layers: only what's dirty repaints
how cytoscape stacks three canvases and only repaints the dirty ones, plus the hidden buffers behind motion blur.
engineeringdeep-divecytoscape-renderer
the render loop: one boolean, never stops
the raf loop that starts once and never stops, and the priority queue that runs work between frames.
engineeringdeep-divecytoscape-renderer