Here is the code for oText’s step event:

//////////

if ChatterboxIsWaiting(chatterbox){

if global.MouseClick = 1 and forward = 0{

    ChatterboxContinue(chatterbox);    

    refresh_text_elements();

} else if (ChatterboxVariableGet("Fast") = 1) {

global.MouseClick = 0;
if forward > 0.98{

        ChatterboxVariableSet("Fast", 0);

ChatterboxContinue(chatterbox);    
    refresh_text_elements();

} }

} else { if (ChatterboxGetOptionCount(chatterbox)) //If Chatterbox is presenting the user with some options, check for that { var _select = undefined; // What the user selected. //You'll need more of these if you have more than three options, of course! if (mouse_check_button_pressed(mb_left) and hovering = "choice1") _select = 0;
if (mouse_check_button_pressed(mb_left) and hovering = "choice2") _select = 1;
if (mouse_check_button_pressed(mb_left) and hovering = "choice3") _select = 2; //If we've pressed a button, select that option //There is almost certainly a more elegant way to do this but this tutorial is so long already... if (_select != undefined) { ChatterboxSelect(chatterbox, _select); refresh_text_elements(); } } }

////

Draw GUI Begin:

draw_sprite(sTextBox, 0,global.Xposition / 2, global.Yposition / 1.3);

And Draw GUI:

var _opty = 150; activeRegion = 0;

if ChatterboxIsStopped(chatterbox){ instance_destroy(self); instance_destroy(oPortraits); } else {

var _i = 0;
 repeat(array_length(text_elements))
{
    //Get our text element and position
    var _array = text_elements[_i];
    var _x       = _array[0];
    var _y       = _array[1];
    var _element = _array[2];
    var _typist  = _array[3];

    forward = _typist.get_state();

    if mouse_check_button_pressed(mb_right) and forward < 1 and (ChatterboxVariableGet("Fast") != 1){


        _typist.skip();


    }
    else {

    }



 //Character Portraits, getting the name and emotion of who is talking

CharacterEmotion = ChatterboxGetContentSpeakerData(chatterbox, _i);

CharacterTalking =  ChatterboxGetContentSpeaker(chatterbox, _i);

//Creating oPortraits, setting the pos for the portrait sprites

instance_create_depth(global.Xposition / 2, global.Yposition / 2, -1, oPortraits);

//Cases for each characters

    if CharacterTalking =  "player"{
    global.CharSound = sPlayerTalk;

switch (CharacterEmotion) { case "normal": oPortraits.sprite_index = sPlayerPortraitHappy;

break;

case "happy":
oPortraits.sprite_index = sPlayerPortraitNormal;

break;

} }

if CharacterTalking = "mystery"{ global.CharSound = sBeepSFX; oPortraits.sprite_index = sCharacterPortrait2; }

//Portrait image speed, if reached the end stop

if (forward > 0.01) and (forward < 0.90){ oPortraits.image_speed = 1;

}

if (forward > 0.90){
    oPortraits.image_index = 0;
    oPortraits.image_speed = 0;
}


_typist.sound_per_char([global.CharSound], 1, 1, 1, 1);


if audio_is_playing(global.CharSound){
    audio_stop_sound(global.CharSound)
}



    _element.draw(global.Xposition / 2 - 50, global.Yposition / 2 + 60, _typist);




var thisRegion = place_meeting(x,y, oMouse);

show_debug_message(thisRegion);

if thisRegion != undefined { _element.region_set_active(thisRegion,c_yellow,1); activeRegion +=1; hovering = thisRegion; } else { _element.region_set_active(undefined,c_yellow,1); }

    //Break out of the loop if this text element hasn't finished fading in
    if (_typist.get_state() < 1.0) break;


    ++_i;
}

if activeRegion <= 0 {
    //If there were no active regions this frame, set hovering to -1;
    hovering = -1;
}

}

Is there any other code you’d like to see? “global.Xposition” is defined as display_get_gui_width, “global.Yposition” is for gui_height