Re: Some questions on masking views/sprites when displaying rounded corners with AS3

Thanks for the quick response, Max. I'll send you the changeset tomorrow.

Cheers,
Raju

On Jan 31, 2010, at 8:02 PM, Max Carlson wrote:

> Wow - this is awesome - thanks Raju!  Replies below:
> 
> Regards,
> Max Carlson
> OpenLaszlo.org
> 
> On 1/31/10 7:42 AM, Raju Bitter wrote:
>> Henry, Max, I've done some testing to improve the functionality for rounded corners in AS3 based
runtimes. Currently clipping still uses a rectangle mask independent of the cornerradius. I made some
modifications to enable clipping. Here's a screenshot of the small sample app I used for testing:
>> 
>> 
>> 
>> 
>> I basically use a view with a drop shadow and rounded corners and yellow background. The 2nd item is the
same view class with a red child view, centered and reduced by 12px in length and height. The 3rd item is the
same yellow view with a child view containing an image that's larger then the parent view. All of the first
three items use clip="true" on the yellow view. The 4th item is the same as the 3rd with clipping turned off.
>> 
>> In this process I ran into some thinks that are unclear to me in lps/kernel/swf9/LzSprite.as:
>> 
>> 1) LzSprite.clip property
>> Seems to be never set. The method LzSprite#setClip just calls applyMask and removeMask. But for

http://jira.openlaszlo.org/jira/browse/LPP-1301

Amy, Max,

I just ran into this in JIRA and think it can be closed.
http://jira.openlaszlo.org/jira/browse/LPP-1301

- Raju

Master sprite implementation

I did a bit of testing with the master sprite functionality in DHTML, that's great! I did a test with 4 images,
here's the source code:

<canvas width="100%" height="800" bgcolor="black">
  <!-- Take a few resources -->
  <resource name="p1" src="Puffin1.png" />
  <resource name="p2" src="Puffin2.png" />
  <resource name="p3" src="Puffin3.png" />
  <resource name="p4" src="Puffin4.png" />
  <resource name="p5" src="Puffin5.png" />

  <view x="20" y="20">
    <simplelayout axis="x" spacing="50" />
    <view resource="p1" />
    <view resource="p2" />
    <view resource="p3" />
    <view resource="p4" />
    <view resource="p5" />

  </view> 
</canvas>

The master sprite image is generated as imagesprite.sprite.png and contains all 5 PNG files, but the first
image Puffin1.png is still downloaded as a separate file. Inspecting the HTML I can see that the view with
resource p1 is still using the single Puffin1.png using an image tag, although that's part of the master sprite.

Another interesting thing is that the request is first started to download the master sprite, and then the
single image is downloaded. Is that a feature?

But besides the technical questions, that's a great functionality which is going to speed up many large

http://jira.openlaszlo.org/jira/browse/LPP-8399

Max,

I reopened http://jira.openlaszlo.org/jira/browse/LPP-8399 since I've seen a solution for box shadow
support within IE. 

Here's the blog post:
http://ole-laursen.blogspot.com/2009/08/using-css3-box-shadow-with-ie.html 

<!--[if IE]> 
<style type="text/css"> 
.shadowed { 
  background-color: #fff; 
  zoom: 1; 
  filter: 
    progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1) 
    progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1) 
    progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1); 
} 
</style> 
<![endif]--> 

This website uses the drop shadow for the images: http://www.yayart.com/shop/

It's not going to be perfect, but might be a good feature to have box-shadow support across all major
browsers. I haven't done any extensive testing with this, though.

- Raju

Re: [Laszlo-reviews] For Review: Change 20100129-maxcarlson-W Summary: Add condensewhite attribute for consensing whitespace in text

Questions:

1. In DHTML, I don't think we should remove non-breaking spaces when condensewhite is on.  I think the
desired behavior is that if condensewhite is on, the text of the view should be set as the htmltext of the
div, so that normal browser whitespace collapse occurs, but explicit non-breaking spaces are observed. 
If condensewhite is _off_, then when the view text is set into the sprite htmltext, we transform any space
to a non-breaking space, to simulate what happens in swf.  (We would use `white-space: pre`, but that has
the wrong wrapping behavior for compatibility with swf.  `pre-wrap` would work, if it were supported.)

2. I don't know what swf does with tabs.  In CSS `white-space: pre` tabs are expanded to 8-character columns. 
Are we trying to emulate that?  Or just ignoring tabs?

3. as3 apparently has an option to condense whitespace.  Should the as3 kernel use that setting, rather than
a regex transformation?

On 2010-01-29, at 17:55, Max Carlson wrote:

> Change 20100129-maxcarlson-W by maxcarlson <at> bank on 2010-01-29 14:41:50 PST
>    in /Users/maxcarlson/openlaszlo/trunk-clean
>    for http://svn.openlaszlo.org/openlaszlo/trunk
> 
> Summary: Add condensewhite attribute for consensing whitespace in text
> 
> Bugs Fixed: LPP-7558 - DHTML <text> does not preserve whitespace
> 
> Technical Reviewer: ptw
> QA Reviewer: hminsky
> 
> Details: */LzTextSprite.as - Add condenseWhiteSpace() implementation, modify setText() to collapse
whitespace when condensewhite == true;

http://jira.openlaszlo.org/jira/browse/LPP-1301

Re: Master sprite implementation

There are definitely some improvements to be made.  In particular, 
single-frame resources should be able to use the master sprite.

Can you file a bug/improvement about the issue where Puffin1.png is 
loaded?  That shouldn't be happening.

The master sprite image is preloaded once by the canvas/root sprite, 
which may be why you're seeing it loading, followed by Puffin1.  Thanks 
again, as always!

Regards,
Max Carlson
OpenLaszlo.org

On 2/1/10 12:34 AM, Raju Bitter wrote:
> I did a bit of testing with the master sprite functionality in DHTML,
> that's great! I did a test with 4 images, here's the source code:
>
> <canvas width="100%" height="800" bgcolor="black">
> <!-- Take a few resources -->
> <resource name="p1" src="Puffin1.png" />
> <resource name="p2" src="Puffin2.png" />
> <resource name="p3" src="Puffin3.png" />
> <resource name="p4" src="Puffin4.png" />
> <resource name="p5" src="Puffin5.png" />
>
>
> <view x="20" y="20">
> <simplelayout axis="x" spacing="50" />
> <view resource="p1" />
> <view resource="p2" />
> <view resource="p3" />
> <view resource="p4" />
> <view resource="p5" />
>
>
> </view>
> </canvas>
>
> The master sprite image is generated as imagesprite.sprite.png and
> contains all 5 PNG files, but the first image Puffin1.png is still
> downloaded as a separate file. Inspecting the HTML I can see that the
> view with resource p1 is still using the single Puffin1.png using an
> image tag, although that's part of the master sprite.
>
> Another interesting thing is that the request is first started to
> download the master sprite, and then the single image is downloaded. Is
> that a feature?
>
> But besides the technical questions, that's a great functionality which
> is going to speed up many large DHTML apps!
>
> - Raju
>

[Laszlo-reviews] For Review: Change 20100201-maxcarlson-Y Summary: Update resource URLs for gridcolumn, gridtext

Change 20100201-maxcarlson-Y by maxcarlson <at> bank on 2010-02-01 12:39:35 PST
    in /Users/maxcarlson/openlaszlo/trunk-clean
    for http://svn.openlaszlo.org/openlaszlo/trunk

Summary: Update resource URLs for gridcolumn, gridtext

Bugs Fixed: LPP-8736 - Documentation referencing a stale URL on openlaszlo.org

Technical Reviewer: ptw
QA Reviewer: hminsky

Details: Change to sue a relative resource URL

Tests: Both examples load the correct data now.

Files:
M       lps/components/lz/gridcolumn.lzx
M       lps/components/lz/gridtext.lzx

Changeset: http://svn.openlaszlo.org/openlaszlo/patches/20100201-maxcarlson-Y.tar

Re: [Laszlo-reviews] For Review: Change 20100201-maxcarlson-Y Summary: Update resource URLs for gridcolumn, gridtext

Approved.

On 2010-02-01, at 15:42, Max Carlson wrote:

> Change 20100201-maxcarlson-Y by maxcarlson <at> bank on 2010-02-01 12:39:35 PST
>    in /Users/maxcarlson/openlaszlo/trunk-clean
>    for http://svn.openlaszlo.org/openlaszlo/trunk
> 
> Summary: Update resource URLs for gridcolumn, gridtext
> 
> Bugs Fixed: LPP-8736 - Documentation referencing a stale URL on openlaszlo.org
> 
> Technical Reviewer: ptw
> QA Reviewer: hminsky
> 
> Details: Change to sue a relative resource URL
> 
> Tests: Both examples load the correct data now.
> 
> Files:
> M       lps/components/lz/gridcolumn.lzx
> M       lps/components/lz/gridtext.lzx
> 
> Changeset: http://svn.openlaszlo.org/openlaszlo/patches/20100201-maxcarlson-Y.tar
> 
> _______________________________________________
> Laszlo-reviews mailing list
> Laszlo-reviews <at> www.openlaszlo.org
> http://www.openlaszlo.org/mailman/listinfo/laszlo-reviews

[Laszlo-reviews] For Review: Change 20100127-ptw-i Summary: Implement new version release id table

Change 20100127-ptw-i by ptw <at> repo-man.home on 2010-01-27 19:57:24 EST
    in /Users/ptw/OpenLaszlo/trunk
    for http://svn.openlaszlo.org/openlaszlo/trunk

Summary: Implement new version release id table

Bugs Fixed: LPP-8503 Create a table that maps svn revision to release number

Technical Reviewer: max (pending)
QA Reviewer: laszlo-dev <at> openslazlo.org (pending)

Overview:
    Create a new table that lists the release and id for each branch
    by svn revision.  Remove hard-coded values from build.properties.
    Add script that computes them from the table

Tests:
    ant make appears to get the version correct

Files:
M      build.properties
M      build-tools/build-opt.xml
A      versions.xml

Changeset: http://svn.openlaszlo.org/openlaszlo/patches/20100127-ptw-i.tar