[Sugar-devel] performance issues with Easeljs

[Walter Bender]

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.

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.

-walter

On Sat, Jun 25, 2016 at 9:17 AM, Lionel Laské <lionel.laske at gmail.com>
wrote:

>
> 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.
> 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, ...
>
>             Lionel.
>
>
>
> 2016-06-22 23:01 GMT+02:00 <sugar-devel-request at lists.sugarlabs.org>:
>
>>
>>
>> I've been using Easeljs for Turtle Blocks JS and have for the most part
>> been ignoring the performance issues. It works really well for separating
>> the blocks, buttons, etc. from the actual graphics drawn by the Turtle.
>> But
>> I am at the point where the turtle graphics performance is not adequate.
>>
>> The problem is, each time I draw, the accumulated rendering gets redrawn,
>> so over time, the turtle crawls along. Further, even when I first start
>> drawing, the performance is more than 100% slower than drawing directly to
>> the canvas.
>>
>> I'm doing what I think it recommended practice by Easeljs:
>>
>> turtleCanvas = new createjs.Shape();
>> stage.addChild(turtleCanvas);
>>
>> various calls of the sort:
>>
>> turtleCanvas.graphics.moveTo
>> turtleCanvas.grpahics.lineTo
>>
>> I've trted using cache to cache the shape, but that seems to be even
>> slower.
>>
>> Just writing to the canvas context is much faster, but I don't know how to
>> combine the two worlds.
>>
>> Any suggestions?
>>
>> The code in question is in turtle.js in
>> github.com/walterbender/turtleblocksjs/js
>>
>> -walter
>>
>>
> _______________________________________________
> Sugar-devel mailing list
> Sugar-devel at lists.sugarlabs.org
> http://lists.sugarlabs.org/listinfo/sugar-devel
>
>


-- 
Walter Bender
Sugar Labs
http://www.sugarlabs.org
<http://www.sugarlabs.org>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.sugarlabs.org/archive/sugar-devel/attachments/20160625/4d993595/attachment.html>