Experiment 1: Trace Scroller

Sections in this Article:

• Brief
• Scrolling with Circular Buffers
• Scrolling Using Translate
• Conclusions

Conclusions

Through this experiment and associated examples, it has been demonstrated that svg’s are far more capable than the static images that most people associate them with. For this reason, and with the techniques explored, is has been demonstrated that web technology has now matured and is sufficiently performant that complex near real time graphing applications, normally in the realm of native applications, are now possible within a web-browser.

Developers also need to be mindful that DOM manipulation is costly and for performance reasons, needs to be avoided whenever possible. With care and attention, svg’s combined with JavaScript would be a good technology choice.

If you liked this experiment, please drop a comment below. Alternatively, continue on reading to Experiment 2: Collision Detection, where the use of SVGs continue with a view of utilising them for gaming combined with the mathematics of collision detection techniques; a key part of any game engine!