<div dir="ltr">I agree that I could/should use more HTML rather than depend on Easel for everything. But that doesn't seem to be related to the issues I am experiencing.<div><br></div><div>I've tried numerous combinations of caching, layering of shapes, breaking up large elements, etc. Many help in some circumstances but lead to serious degradation in others. I will step away from it for a bit and hopefully come back with fresh eyes.</div><div><br></div><div>-walter</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Sat, Jun 25, 2016 at 9:17 AM, Lionel Laské <span dir="ltr"><<a href="mailto:lionel.laske@gmail.com" target="_blank">lionel.laske@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><br></div>One other issue could be that everything (menus, palettes, blocks, drawing, ...) in TurtleJS are drawing objects. So you don't use any HTML elements that the browser is probably optimized to handle.<div>I guess it could be more efficient to don't rely only on Easeljs/Canvas but also to mix it with true HTML elements like buttons, images, ...</div><span class="HOEnZb"><font color="#888888"><div><br></div><div>            Lionel.</div></font></span><span class=""><div><br><div><br><div><div class="gmail_extra"><br><div class="gmail_quote">2016-06-22 23:01 GMT+02:00  <span dir="ltr"><<a href="mailto:sugar-devel-request@lists.sugarlabs.org" target="_blank">sugar-devel-request@lists.sugarlabs.org</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><br>
<br>
I've been using Easeljs for Turtle Blocks JS and have for the most part<br>
been ignoring the performance issues. It works really well for separating<br>
the blocks, buttons, etc. from the actual graphics drawn by the Turtle. But<br>
I am at the point where the turtle graphics performance is not adequate.<br>
<br>
The problem is, each time I draw, the accumulated rendering gets redrawn,<br>
so over time, the turtle crawls along. Further, even when I first start<br>
drawing, the performance is more than 100% slower than drawing directly to<br>
the canvas.<br>
<br>
I'm doing what I think it recommended practice by Easeljs:<br>
<br>
turtleCanvas = new createjs.Shape();<br>
stage.addChild(turtleCanvas);<br>
<br>
various calls of the sort:<br>
<br>
turtleCanvas.graphics.moveTo<br>
turtleCanvas.grpahics.lineTo<br>
<br>
I've trted using cache to cache the shape, but that seems to be even slower.<br>
<br>
Just writing to the canvas context is much faster, but I don't know how to<br>
combine the two worlds.<br>
<br>
Any suggestions?<br>
<br>
The code in question is in turtle.js in<br>
<a href="http://github.com/walterbender/turtleblocksjs/js" rel="noreferrer" target="_blank">github.com/walterbender/turtleblocksjs/js</a><br>
<br>
-walter<br>
<br></blockquote></div></div></div></div></div></span></div>
<br>_______________________________________________<br>
Sugar-devel mailing list<br>
<a href="mailto:Sugar-devel@lists.sugarlabs.org">Sugar-devel@lists.sugarlabs.org</a><br>
<a href="http://lists.sugarlabs.org/listinfo/sugar-devel" rel="noreferrer" target="_blank">http://lists.sugarlabs.org/listinfo/sugar-devel</a><br>
<br></blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><font><font>Walter Bender</font></font><br><font><font>Sugar Labs</font></font></div><div><font><a href="http://www.sugarlabs.org" target="_blank"><font>http://www.sugarlabs.org</font></a></font><br><a href="http://www.sugarlabs.org" target="_blank"><font></font></a><br></div></div></div>
</div>