Mailing-List: contact flex-dev-help@incubator.apache.org; run by ezmlm
Precedence: bulk
Reply-To: flex-dev@incubator.apache.org
Received-SPF: pass (nike.apache.org: domain of aharui@adobe.com designates
 64.18.1.35 as permitted sender)
From: Alex Harui <aharui@adobe.com>
To: "flex-dev@incubator.apache.org" <flex-dev@incubator.apache.org>
Date: Fri, 30 Nov 2012 08:21:42 -0800
Subject: Re: [FalconJS] concepts
Thread-Topic: [FalconJS] concepts
Thread-Index: Ac3O5yPg2/DRJVXoQGqzA1HesuLjVQAL6RlX
Message-ID: <CCDE1D16.49447%aharui@adobe.com>
In-Reply-To: 
 <CAD8jDGKFM72tJh-8Qm+QGVTSxJ93ibAZi8j-DDdpjZfkaHrB6g@mail.gmail.com>
Accept-Language: en-US
Content-Language: en-US
user-agent: Microsoft-Entourage/13.13.0.120411
acceptlanguage: en-US
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
MIME-Version: 1.0

Ah ok.  Makes sense to me.

We should certainly have support for vector drawing for those who need it.
I'm still going to build the interactive widgets using as much of the nativ=
e
HTML/HTML5 controls as possible.

Thanks,
-Alex

On 11/30/12 2:40 AM, "Frank Wienberg" <frank@jangaroo.net> wrote:

> On Thu, Nov 29, 2012 at 6:29 PM, Alex Harui <aharui@adobe.com> wrote:
>=20
>>=20
>> On 11/29/12 3:31 AM, "Frank Wienberg" <frank@jangaroo.net> wrote:
>>=20
>>> Primarily, I also map DOs to DOM elements!
>>>=20
>>> Greetings
>>> -Frank-
>> Just curious, but how does this mapping work?  How many DOM objects are
>> being created and what does the drawing, SVG?
>>=20
>> Usually only one DOM object, but that can be different in each
> DisplayObject subclass.
> The actual drawing (flash.display.Graphics) is always done through a canv=
as
> (which is, of course, also a DOM element!). Thus, in DOM-mode, a Sprite
> consists of a <div> container with a <canvas> for rendering and more DOM
> elements for all contained child-DOs.
> Because in typical gaming scenarios, this approach led to a lot of canvas=
es
> being created and turned out to be slow and memory-consuming, I implement=
ed
> a mode where a complete DisplayList-subtree (well, the thing called
> DisplayList actually is a tree!) is rendered into a single canvas. This i=
s
> the approach taken by DartFlash and works extremely well for games and
> animations where almost all DOs are graphics or simple text, but is not s=
o
> good for interactive components like TextField, where you would have to
> emulate all the interactive behavior on a low-level basis (blinking curso=
r
> etc.).
> Since it seems none of the two solutions is always preferable, I now let
> the developer decide. Setting "cacheAsBitmap" to true on a DO-Container
> activates canvas mode for that DL-subtree, but other parts of the DL can
> still use DOM-mode, so you can mix-and-match graphics and interactive par=
ts
> of your UI.
> Note however that the DOM-mode supports less Flash features and has sever=
al
> known bugs concerning scaling and rotation (it is really tough to map the=
se
> on CSS3 transforms and it turned out to be much easier when using canvas =
2D
> API). It might even be that after the canvas-refactoring, DOM-mode work
> worse than before...

--=20
Alex Harui
Flex SDK Team
Adobe Systems, Inc.
http://blogs.adobe.com/aharui