48 replies to this topic

[Sandro]

HTML-to-GML 2.3

Have you ever tried to make only a single word bold-faced, or add a smiley to you text in you GM game. If you have then you would know that you have to set the font, then draw the first part of the text, set the font to bold, find the end position and call draw text again for one stupid word, and then set the font back to the way it was, find the end position of that and then call draw_text for the rest . OK, yea I know that's a huge pain, and it's why I created these scripts. Buy using HTML tags you can easily change the font in the middle of a string multiple times. This extension even comes with an action library so novice users can use it. So what are you waiting for, try it now.

(GM7) HTML-to-GML ver 2.3:

http://gmbase.cubedw...xtension&id=127

- Ultimate Game Arena, my old site was finally removed from the web after 6 months of free web space. Therefore I've have moved the file to a new site wanting to put together a list extensions(And as always I'm happy to help).

- I know I haven't updated this in a while, but I'm working on a new game called World Domination right now. This is first on my list once that's done.

- I have had my name changed from The Shadow to Sandro....I would really like if you would make necessary changes in the credits

- The Example was removed for version 2.3; I'll add it in 2.4 witch I hope to release either tonight or within the next few days.

- The help file has not been updated since version 2.2. You must consider the following change

<font_name>, <font_size>, and <font_color> have been removed. You must now use the <font> tag. You have 4 attributes to chooses from. You may use any number of the attributes and in any order. The attributes are:
face - The Font Name
size - The Font Size
color - The Font Color
align - The Font Align(Left, Right, or Center)

All attributes must be surrounded in single quotes( ' ) and can't contain spaces next to the equal sign( = ).

Good Examples:
<font size='10' color='red' align='left'>
<font size='10'>
<font color='blue' align='center'>
<font align='center'>

Bad Examples:
<size='10'> // Must have the word font
<font size=10> // Must have single quotes
<font size = '10'> // Can't have spaces
<font size="10"> // Must have single quotes, NOT DOUBLE

To-do List
- Make a better help file
- add support for word wrap
- add support for BB code
- add support for <input>
- add support for <table>
- Finish windows API(more on this later)
- add support for XML and XSL (maybe)

I spend a lot of time on this, so comments and suggestion are very much welcome.

http://gmbase.cubedw...xtension&id=127

[lukesterspy]

Wow, this is cool. I will probably use this at some point. Good work.

EDIT: First post

Edited by lukesterspy, 24 April 2007 - 02:07 AM.

[szepi1991]

I have a word wrap script I made, do you need it?

Edited by szepi1991, 24 April 2007 - 02:17 AM.

[Sandro]

@lukesterspy: thank you, it's good to know that my work has plaided off

@szepi1991: OK well, thats something I have been having problems with. Unfortunately, my HTML scripts draw every character in a different draw_text() function. You scripts probably won't work, but I would like to take a look at it. Maybe ital help me with my problem.

[T-Bird]

Man, I was just working on this exact same thing a couple days ago. I got frustrated not long before I got to a working version though (because I realized I'd have to deal with things like alignment eventually) and quit. Maybe I'll just use yours instead.

[szepi1991]

yeah..maybe that would be a problem..
The code is a littlebit messy, I wrote it when I was younger

so here it is:

///////////////////////////////////////////////////////////////////
//////////////////////////////creator://///////////////////////////
//                       DAVID SZEPESVARI,                       //
//             WHO A MEMBER OF NEW GENERATION GAMES (N2G)        //
///////////////////////////Description:////////////////////////////
//       This script brakes the text to fit into a box           //
/////////////////////////////arguments:////////////////////////////
//               scr_text_automate(x1, x2, text)                 //
//////////////////////////////return://////////////////////////////
//                 The script returns a string,                  //
// if an error occurs, it gives back -1 (maybe not in all case)  //
////////////////////////////important://///////////////////////////
//      You have to change the font before using this script     //
//       to that one that you will use for drawing the text      //
///////////////////////////////////////////////////////////////////

var kiiras, x1, x2, width, sor, eddig, l, vissza, tesztre, leszed, ugrani;

kiiras=argument2;
if (argument1<argument0) return -1;
x1=argument0;
x2=argument1;

sor_text[0]="";
eddig=0;
do
{
    
    eddig+=1;
    tesztre=kiiras;
    for (l=0; l<=eddig-1; l+=1)
    {
        sor_text[eddig]=string_replace(tesztre, sor_text[l], "");
        if (eddig!=1)
        {
            sor_text[eddig]=string_delete(sor_text[eddig], 1, 1);
        }
        tesztre=sor_text[eddig];
    }
    if (string_width(sor_text[eddig])<=(x2-x1)) ugrani=1; else ugrani=0;
    do 
    {
        if (ugrani==1) break;
        leszed=string_char_at(sor_text[eddig], string_length(sor_text[eddig]));
        sor_text[eddig]=string_delete(sor_text[eddig], string_length(sor_text[eddig]), 1);
    }
    until (string_width(sor_text[eddig])<=(x2-x1) && leszed==" ")
    
}
until (sor_text[eddig]=="")


 vissza="";
 for (l=1; l<=eddig; l+=1)
 {
  vissza+=string(sor_text[l] + chr(13));
 }
 return vissza;

Unfortuantely it is not commented and the names of the varialbes are in my first language. So if you need I can add some comments. Actually I think it could be done better, but you can get an idea how to do it.

[Sandro]

New Version 2.1 - enjoy

@szepi1991 - great I'll take a closer look at that later(running out of time now)

@T-Bird - yes I know, thats a huge problem. But I'll get it to work somehow

[Rusky]

cool! that's a really nice way to format text!

[Ruan games]

[THE CODE POSTED EARILER]

EXECLENT but were the font? I need to cange it to small fonts

EDIT silly me what am i think i know what to do

Edited by Ruan games, 29 April 2007 - 12:19 PM.

[Sandro]

Great thanks for the replies (I really do appreciate it).

I am wondering what you guy think. I am thinking of making pop-up windows for a new version. Therefor instead of using show_message(), get_string(), ect. you would be able to use html_show(), html_get_string(), ect. The message would use my HTML formatting and support all features the standard HTML script supports. So, post here if you think that would be a good idea.

[Mr.Chubigans]

Sounds great to me!

[Ruan games]

The word warp won't work an example of it is
argument0 = 0
argument1 = 182
argument2 = 'this is my personal garden. there's nothing in it'

an it return something like

this is my personal garden.
is is my personal garden.
there's nothing in it

and i have no idea whats going wrong
plz help!

[szepi1991]

ok..I guess I know it, it had a bug that means it had a space in front of every line, so I fixed it and it worked for me..maybe I copied the wrong version cause once I had this problem

I'll look at it

///////////////////////////////////////////////////////////////////
//////////////////////////////creator://///////////////////////////
//                       DAVID SZEPESVARI,                       //
//             WHO A MEMBER OF NEW GENERATION GAMES (N2G)        //
///////////////////////////Description:////////////////////////////
//       This script brakes the text to fit into a box           //
/////////////////////////////arguments:////////////////////////////
//               scr_text_automate(x1, x2, text)                 //
//////////////////////////////return://////////////////////////////
//                 The script returns a string,                  //
// if an error occurs, it gives back -1 (maybe not in all case)  //
////////////////////////////important://///////////////////////////
//      You have to change the font before using this script     //
//       to that one that you will use for drawing the text      //
///////////////////////////////////////////////////////////////////

var kiiras, x1, x2, width, sor, eddig, l, vissza, tesztre, leszed, ugrani;

kiiras=argument2;
if (argument1<argument0) return -1;
x1=argument0;
x2=argument1;

sor_text[0]="";
eddig=0;
do
{
    
    eddig+=1;
    tesztre=kiiras;
    for (l=0; l<=eddig-1; l+=1)
    {
        sor_text[eddig]=string_replace(tesztre, sor_text[l], "");
        tesztre=sor_text[eddig];
    }
    if (string_width(sor_text[eddig])<=(x2-x1)) ugrani=1; else ugrani=0;
    do 
    {
        if (ugrani==1) break;
        leszed=string_char_at(sor_text[eddig], string_length(sor_text[eddig]));
        sor_text[eddig]=string_delete(sor_text[eddig], string_length(sor_text[eddig]), 1);
    }
    until (string_width(sor_text[eddig])<=(x2-x1) && leszed==" ")
}
until (sor_text[eddig]=="")


 vissza="";
 for (l=1; l<=eddig; l+=1)
 {
    if (l==1)
    {
        vissza+=string(sor_text[l] + chr(13));
    }
    else
    {
        vissza+=string_delete(sor_text[l], 1, 1) + chr(13);
    }
 }
 return vissza;

Edited by szepi1991, 01 May 2007 - 01:38 AM.

[Sandro]

OK...well I've started work on Window API, so soon the <input> tag should work.

I really need to finish that help file

That word wrap thin is a huge pain so i guess I'll just keep pushing it off

I guess next is font align.

Thanks for the replies

@szepi1991 - Yea, well that script isn't helping me much. Can you at least explain how it works.

[szepi1991]

I'll make a flowchart

[Sandro]

New Version 2.3

Updates
- Now supports font align
- Now supports <font> tag

Planned for 2.4
- Rewrite Help File
- Expand Color Names + Add a constant for each HTML color name
- Expand Entities

Planned for Future Version
- Add support for the <table> tags
- Add support for Windows API
- Add support for graphs; bar graphs, line graphs, and pie charts(for status screens)
- Add <img> tag
- and mush more

@szepi1991 I Would really like that, as I'm still not sure how word wrap will work.

[szepi1991]

yeah...so do you need it?

[Sandro]

@szepi1991: k, well I think I know how I'm going to do the word wrap.

@all: I'm re-writing the extension...again . I am doing this for a number of reasons.
1. I want to add word wrap
2. add support for Win API
3. make it expandable

@anyone who can fix this: I having a problem with draw_set_blend_ext()
OK, the HTML engine is draw on to a pink surface and then created into a background. The Pink would be a transparent color. Seems like it works right, wrong. When you set the text to a large font size or make the font bold, the edges blend to the background image to give it a smooth appearance. The problem is that the background is pink, so the edges of the font are a mixture between pink and black. Since these edges are not pink the aren't considered the transparent color, and while the normal pink pixels are removed in transparency, the blended ones aren't, leaving a pink border around the font. So I need you help. I need to know witch arguments I should use in draw_set_blend_ext() to remove the blend and do nothing else.

[mattb64]

I started learning HTML about a week ago and you should not use the <font> tag. It will not be in the next version of HTML.
Here is a quote from WC3

The <font> Tag Should NOT be Used

The <font> tag is deprecated in the latest versions of HTML (HTML 4 and XHTML).

The World Wide Web Consortium (W3C) has removed the <font> tag from its recommendations. In future versions of HTML, style sheets (CSS) will be used to define the layout and display properties of HTML elements.

Here is the link

[Ansgar]

HTML in text editing and HTML in creating websites are two slightly different things. For text editing, using <font> is simpler and more practical than CSS.

And as for the text antialiasing problem - this might solve it:

draw_set_blend_mode_ext(bm_one,bm_zero);

Don't forget to reset the blend mode to bm_normal afterwards.

Edited by Ansgar, 11 May 2007 - 12:45 PM.

[Sandro]

I started learning HTML about a week ago and you should not use the <font> tag. It will not be in the next version of HTML.
Here is a quote from WC3

The <font> Tag Should NOT be Used

The <font> tag is deprecated in the latest versions of HTML (HTML 4 and XHTML).

The World Wide Web Consortium (W3C) has removed the <font> tag from its recommendations. In future versions of HTML, style sheets (CSS) will be used to define the layout and display properties of HTML elements.

Here is the link

<{POST_SNAPBACK}>

I am well aware of this. First of all, the <font> tag will probally no be removed as to allow backwords compatabily. Second, the current script html_build() is 245 line long with additional scriots to allow for the giant switch statements. Adding css is too just too much work. Third I hate CSS. I would much rather(and do) use the old font system.

[a2h]

I see you've followed some of my suggestions of the GM5/6 thread.

Hmm... style indeed is not really too good a thing to implement. There are many possibilities:

<span style="font-size:10px;">
<div style="font-size:10px;">


<!-- The style below is a stylesheet - goes in <head> -->
<style type="text/css">
body
{
font-size:10px;
}
</style>

Edited by rctxtreme, 12 May 2007 - 02:58 AM.

[Ansgar]

Erm... did the code in my previous post help?

[Alert Games]

CSS is awesome. You can't make a good site without CSS. That doesn't mean it has to be in this thing though.

Anyway, for those noobs who talked about the font tag being depreicated, this converts TO gml not from it. So you want it as compatable as possible.

I have no use for this, but it is pretty cool.

[Sandro]

@All I done talking about CSS, I'm not going to add it because it has no use in this extension.

@Ansgar This has been a very diffcult problem for me. It seem that whenever I try to fix the bold, the underline has a problem.



In the image above is my problem. Just so you know in the left two images transparency is enabled and in the right two image transparency is disabled. The top to images show what happens when draw_set_blend_mode_ext() is called:

- draw_set_blend_mode_ext(bm_one,bm_zero); // What you said
- draw_set_blend_mode_ext(bm_src_alpha,bm_zero); // What I came up with

The two images on the bottom show without draw_set_blend_mode_ext().

Just so you know I did use a surface. And I wondering if the text are punching a hole into the surface. See those grey areas around the text are always transparent. Even when I draw the background without transparency.

[Ansgar]

That's strange. Game Maker apparently has a problem with scaling or drawing the underline without alpha blending. But why?

One solution would be to draw a custom underline...

[Sandro]

That's strange. Game Maker apparently has a problem with scaling or drawing the underline without alpha blending. But why?

One solution would be to draw a custom underline...

<{POST_SNAPBACK}>

The underline has been done with draw_line() since early versions. My thinking it to get rid of the surface. and just draw the hole thing on the screen and use screen capture.

[tgohome]

This is neat! 9/10

However, it would be nice to add support for table rows. At the moment you have simple support for tables but no rows. You need to create a new table and place a BR between them. Which is a bit annoying.

[Sandro]

@tgohome thanks, I've been busy lately so I haven't had time to make any more additions. I have made plans to add tables, but I don't rember actually adding them. There is a mojor problem with blending, once thats worked out I'll add full support for tables.

[Ansgar]

The underline has been done with draw_line() since early versions.

<{POST_SNAPBACK}>

Uh huh. Well... aren't you drawing the line at non-integer coordinates? Otherwise I really don't what the problem is caused by.

My thinking it to get rid of the surface. and just draw the hole thing on the screen and use screen capture.

<{POST_SNAPBACK}>

Yeah, this might be a good solution, creating a sprite is also more reliable (sprites persist display changes, whereas surfaces don't), but maybe it's slower (???).

[lukesterspy]

I think that I am going to use this in my new chat room program. I love this. I for some reason when you make it draw a smily it jumps the smily image like five spaces away from the last text. Oh well, that might be made to be that way or something, if it isn't I am sure you will fix it. Other than that I couldn't find any problems with the latest version except for my own coding errors. Great job, I still think this is a great extension, and I will probably use this.

EDIT: I can't seem to get the font size to be smaller than 10. I need to be able to do this. That is about all.

Good Work,
Lukesterspy

Edited by lukesterspy, 29 May 2007 - 01:52 AM.

[Sandro]

@All I've been working on a game of my own so thats why I haven't made any updates to this in a while.

I think that I am going to use this in my new chat room program. I love this. I for some reason when you make it draw a smily it jumps the smily image like five spaces away from the last text. Oh well, that might be made to be that way or something, if it isn't I am sure you will fix it. Other than that I couldn't find any problems with the latest version except for my own coding errors. Great job, I still think this is a great extension, and I will probably use this.

EDIT: I can't seem to get the font size to be smaller than 10. I need to be able to do this. That is about all.

Good Work,
Lukesterspy

<{POST_SNAPBACK}>

K, I know 2.3 isn't bug free but I don't recall having any problems with the smilies. Check you HTML code and make sure you don't have any extra spaces...Spaces aren't remover like in standard HTML. If you think it should work post you HTML code.

As far as the size goes, I was having problems with the vertical align....I needed to get all characters of all sizes to align at the bottom. The problem is every font size has a different offset. I fixed the problem by creating a giant switch statement with all even sizes from 8-96(I think) and returning their offset. If you want more sizes tell me witch ones and I'll add them in 3.0.

And glad you like it. I would really like to thank all who commented on this extension; without you replies I would have stopped work on this a long time ago. But I'm still adding features.

Just so you know, I should have a beta of my game do by the end of the week, I work on HTML-TO-GML 3.0 afterwards.

[T-Bird]

When you take a screenshot and zoom in you'll notice that the underline bar is coming in as dots because its only visible between letters where the grey is not overwriting them.

Perhaps drawing the bar after the letters would fix this.

[Sandro]

**Link Fixed**

[mrsmes]

what about gml to html?

[mrsmes]

who are you calling a noob?

[a2h]

The link isn't working, when I clicked download I got redirected back to the information page.

[Sandro]

@mrsmes

- "what about gml to html?"
not possible

- "who are you calling a noob?"
??? who called you a noob ???

...but since you asked, I'll call you a noob , some more experienced users probably know why.

@anger2headshot

link looks fine to me

[a2h]

- "what about gml to html?"
not possible

Ditto that, you have to position everything, have u83r CSS knowledge, turn sprites into images, use JavaScript, etc. You're lucky this forum isn't full of noob haters.

- "who are you calling a noob?"
??? who called you a noob ???

Likely to be a deleted post.

@anger2headshot

link looks fine to me

Please do not tell me gmbase has a referer check script. Because if that's so, I need to kill Norton.

Edited by anger2headshot, 25 September 2007 - 08:08 AM.

[WadeMcGillis]

Any chance you could make this a GML file? I use (see my signature) and this would be really helpful. But, I dont know how it works. Can you do this:

draw_text(pi,pi,"This is <B>bold</B> text")

or is it this:

normal("This is"); bold("bold"); normal("text.");

which is easy.

[Sandro]

@anger2headshot
- Java_script is not HTML it's Java_script, second, I mentioned many time that I would not go into that...that's what G-Java is for.

- I have never seen a problem with GM-Base, I don't know what the reported link was as I never encountered that problem since I switch to GM base...the **Linked Fixed** post and down is from after the switch.

@Whaddsoft
- GML-to-HTML was originally designed to run in GM5.3, as I never like GM6, but since GM7 came out I discontinued support for the GML scripts, but you can still use them, just check my old topic...
http://gmc.yoyogames...howtopic=257465

Edited by Sandro, 27 September 2007 - 02:10 AM.

[ditdingiscool]

hmm tried it it doesn't work for me it is waaaaaaaaaaaay to slow it took a minute to make this html element:

<h1>h</h1>ello world

[robdun]

-snip-

Edited by robdun, 05 May 2011 - 03:24 AM.

[a2h]

- Java_script is not HTML it's Java_script, second, I mentioned many time that I would not go into that...that's what G-Java is for.

* JavaScript != Java. How many times do JS programmers and Java programmers need to say that? I'm amazed you have experience with HTML yet you do not understand the difference between JavaScript and Java.

* JavaScript is inserted into HTML via <script>.

* JavaScript would have to be used if you wanted to dynamically change a page, so if GML -> HTML was ever frickin' possible, you'd need JS. I was responding to a noob who believed that somehow it is possible for GML to be turned into HTML.

I'm not a noob, if that's what you're inferring.

Edited by anger2headshot, 11 November 2007 - 04:23 AM.

[Sandro]

@anger2headshot the extention is HTML-to-GML not GML-to-HTML. G-Java allows you to take a GM game and put it on a web browser, this extention is quite the opposite as it allows you to use HTML tags to format text boxes, messages, on-screen displays, ect. or another word convert a web page into part of a game.

[a2h]

Sandro... ultimately, I was responding to someone who believed GML-HTML was possible.

Please read posts carefully before blindly making assumptions.

Edited by anger2headshot, 13 November 2007 - 05:42 AM.

[ditdingiscool]

hmm tried it it doesn't work for me it is waaaaaaaaaaaay to slow   it took a minute to make this html element:

<h1>h</h1>ello world

<{POST_SNAPBACK}>

found a waaaaaaay faster method called collortext(its somewhere on these forums)
it does use execute_string() but still its like 100 faster than yours

[Jay Da Master]

Wow. This is probably one of the most useful extensions I've found... That's one of the things that annoys me about Game Maker. The text drawing functions are very limited.

It's really XML, though just similar to HTML. But great job!

[faissialoo]

Is it possible that this is uploaded on another server, because your current server is flagged for malware and I really need this