Flow/wrap text into an irregular shape

Roger Eller roger.e.eller at sealedair.com
Fri Dec 27 21:28:23 EST 2013


The text should appear to flow into the triangle, rather than the

usual boring rectangles we are accustomed to. To achieve

this magical madness, some sophisticated algo will

be necessary. It will somehow need to detect if

a word is going to breach the boundary of

the triangle or not. If so, then the word

should go to the next line. Either

a cr should be inserted where

the text will break, or

the specific line

should be

forced

.
~Roger

On Fri, Dec 27, 2013 at 9:10 PM, Roger Eller <roger.e.eller at sealedair.com>wrote:

> Scott, yes.  I am just getting started with this "experiment".  This
> script is just the basic setup.  Next, I want a block of text to "flow"
> into the triangle, or at least appear to.  And what to do about text
> overflow?  Show a custom scroller...  I haven't fully thought it through
> yet.
>
> *on* mouseUp
>
>    *set* the style of the templateGraphic to polygon
>
>    *if* there is a grc "PolyTriangle" *then* *delete* grc "PolyTriangle"
>
>    *create* grc "PolyTriangle"
>
>    *set* the points of grc "PolyTriangle" to \
>
>          "10,12" & cr \
>
>          & "387,12" & cr \
>
>          & "194,204" & cr \
>
>          & "10,12"
>
>    *if* there is a fld "triangleText" *then* *delete* fld "triangleText"
>
>    *create* fld "triangleText"
>
>    *set* the opaque of fld "triangleText" to false
>
>    *set* the rect of fld "triangleText" to the rect of grc "PolyTriangle"
>
> *end* mouseUp
> ~Roger
>
>
> On Fri, Dec 27, 2013 at 9:01 PM, Scott Rossi <scott at tactilemedia.com>wrote:
>
>> Hi Roger:
>>
>> I assume you're asking because you want to do this by script, rather than
>> manually trimming text to fit.  I've done text wrapping before using a
>> combination of the formattedText property and counting lines of text that
>> are displayed, wordOffsets, etc.  The formattedRect property might be
>> useful too.
>>
>> Two ways you might do this are 1) use a single field with htmlText and
>> breaking lines using <br>, but you'll have to keep track of these
>> (add/delete) if the text has to flow into the shape, or 2) use separate
>> fields that vertically spaced using the desired line height of your text
>> and break the text across the fields as needed.
>>
>> Regards,
>>
>> Scott Rossi
>> Creative Director
>> Tactile Media, UX/UI Design
>>
>>
>>
>>
>> On 12/27/13 8:20 AM, "Roger Eller" <roger.e.eller at sealedair.com> wrote:
>>
>> > Imagine a multi-line text field which overlays a triangle polygon, which
>> >is wide at the top, and comes to a point at the bottom.  I want the text
>> >to
>> >detect the edges of the triangle and wrap at those edges.  The result
>> >would
>> >be a triangle shaped body of text (centered).  My question to you is "How
>> >can this be achieved?"
>> >
>> >~Roger
>> >_______________________________________________
>> >use-livecode mailing list
>> >use-livecode at lists.runrev.com
>> >Please visit this url to subscribe, unsubscribe and manage your
>> >subscription preferences:
>> >http://lists.runrev.com/mailman/listinfo/use-livecode
>> >
>>
>>
>>
>> _______________________________________________
>> use-livecode mailing list
>> use-livecode at lists.runrev.com
>> Please visit this url to subscribe, unsubscribe and manage your
>> subscription preferences:
>> http://lists.runrev.com/mailman/listinfo/use-livecode
>>
>
>



More information about the Use-livecode mailing list