display_Hitbox.js.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JSDoc: Source: display/Hitbox.js</title>

    <script src="scripts/prettify/prettify.js"> </script>
    <script src="scripts/prettify/lang-css.js"> </script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>

<body>

<div id="main">

    <h1 class="page-title">Source: display/Hitbox.js</h1>

    
    <section>
        <article>
            <pre class="prettyprint source linenums"><code>//------------------------------------------------------------------------------
// Constructor scope
//------------------------------------------------------------------------------

/** 
 * Creates a new Hitbox.
 * 
 * @constructor
 *
 * @param {rune.display.InteractiveObject} obj The owner of the hitbox.
 *
 * @class
 * @classdesc
 * 
 * Represents a bounding box for an interactive object. Useful when you want to 
 * limit collision detection to a specific part of an interactive object. The 
 * class is primarily intended to be used internally by Rune. For example, the 
 * DisplayObject class uses an instance of Hitbox to do all of its collision 
 * handling.
 *
 * @see rune.display.DisplayObject
 * @see rune.physics.Space
 */
rune.display.Hitbox = function(obj) {
    
    //--------------------------------------------------------------------------
    // Public properties
    //--------------------------------------------------------------------------
    
    /**
     * Used to activate debug mode, which illustrates the hitbox as a colored 
     * rectangle.
     *
     * @type {boolean}
     * @default false
     */
    this.debug = false;
    
    /**
     * The line color to use for the debug rectangle.
     *
     * @type {string}
     * @default rune.util.Palette.GREEN
     */
    this.debugColor = rune.util.Palette.GREEN;
    
    //--------------------------------------------------------------------------
    // Protected properties
    //--------------------------------------------------------------------------
    
    /**
     * Reference to the owner of the hitbox.
     *
     * @type {rune.display.InteractiveObject}
     * @protected
     * @ignore
     */
    this.m_interactiveObject = obj;
    
    /**
     * The height of the hitbox, in pixels.
     *
     * @type {number}
     * @protected
     * @ignore
     */
    this.m_height = obj['height'];
    
    /**
     * The width of the hitbox, in pixels.
     *
     * @type {number}
     * @protected
     * @ignore
     */
    this.m_width = obj['width'];
    
    /**
     * The horizontal coordinate of the hitbox.
     *
     * @type {number}
     * @protected
     * @ignore
     */
    this.m_x = 0.0;

    /**
     * The vertical coordinate of the hitbox.
     *
     * @type {number}
     * @protected
     * @ignore
     */
    this.m_y = 0.0;
};

//------------------------------------------------------------------------------
// Public prototype getter and setter methods
//------------------------------------------------------------------------------

/**
 * The sum of the y and height properties.
 *
 * @member {number} bottom
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "bottom", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this['y'] + this['height'];
    }
});

/**
 * The location of the hitbox object's bottom-left corner, determined by the
 * values of the left and bottom properties.
 *
 * @member {rune.geom.Point} bottomLeft
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "bottomLeft", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return new rune.geom.Point(this['x'], this['y'] + this['height']);
    }
});

/**
 * The location of the hitbox object's bottom-right corner, determined by 
 * the values of the right and bottom properties.
 *
 * @member {rune.geom.Point} bottomRight
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "bottomRight", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return new rune.geom.Point(this['x'] + this['width'], this['y'] + this['height']);
    }
});

/**
 * The center point of the hitbox object.
 *
 * @member {rune.geom.Point} center
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "center", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return new rune.geom.Point(this['x'] + (this['width'] >> 1), this['y'] + (this['height'] >> 1));
    }
});

/**
 * The x coordinate of the center of the object.
 *
 * @member {number} centerX
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "centerX", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this['x'] + (this['width'] >> 1);
    }
});

/**
 * The y coordinate of the center of the object.
 *
 * @member {number} centerY
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "centerY", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this['y'] + (this['height'] >> 1);
    }
});

/**
 * The height of the hitbox, in pixels.
 *
 * @member {number} height
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "height", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this.m_height * this.m_interactiveObject['scaleY'];
    }
});

/**
 * The x coordinate of the top-left corner of the hitbox.
 *
 * @member {number} left
 * @memberof rune.display.Hitbox
 * @instance
 */
Object.defineProperty(rune.display.Hitbox.prototype, "left", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this['x'];
    }
});

/**
 * The previous x position of the hitbox.
 *
 * @member {number} previousX
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "previousX", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this.m_interactiveObject['previousX'] + (this.m_interactiveObject['scaleX'] * this.m_x);
    }
});

/**
 * The previous y position of the hitbox.
 *
 * @member {number} previousY
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "previousY", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this.m_interactiveObject['previousY'] + (this.m_interactiveObject['scaleY'] * this.m_y);
    }
});

/**
 * The sum of the x and width properties.
 *
 * @member {number} right
 * @memberof rune.display.Hitbox
 * @instance
 */
Object.defineProperty(rune.display.Hitbox.prototype, "right", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this['x'] + this['width'];
    }
});

/**
 * The y coordinate of the top-left corner of the hitbox.
 *
 * @member {number} top
 * @memberof rune.display.Hitbox
 * @instance
 */
Object.defineProperty(rune.display.Hitbox.prototype, "top", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this['y'];
    }
});

/**
 * The location of the hitbox object's top-left corner, determined by the x 
 * and y coordinates of the point.
 *
 * @member {number} topLeft
 * @memberof rune.display.Hitbox
 * @instance
 */
Object.defineProperty(rune.display.Hitbox.prototype, "topLeft", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return new rune.geom.Point(this['x'], this['y']);
    }
});

/**
 * The location of the hitbox object's top-right corner, determined by the x 
 * and y coordinates of the point.
 *
 * @member {number} topRight
 * @memberof rune.display.Hitbox
 * @instance
 */
Object.defineProperty(rune.display.Hitbox.prototype, "topRight", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return new rune.geom.Point(this['x'] + this['width'], this['y']);
    }
});

/**
 * The width of the hitbox, in pixels.
 *
 * @member {number} width
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "width", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this.m_width * this.m_interactiveObject['scaleX'];
    }
});

/**
 * The horizontal coordinate of the hitbox.
 *
 * @member {number} x
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "x", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this.m_interactiveObject['x'] + (this.m_interactiveObject['scaleX'] * this.m_x);
    }
});

/**
 * The vertical coordinate of the hitbox.
 *
 * @member {number} y
 * @memberof rune.display.Hitbox
 * @instance
 * @readonly
 */
Object.defineProperty(rune.display.Hitbox.prototype, "y", {
    /**
     * @this rune.display.Hitbox
     * @ignore
     */
    get : function() {
        return this.m_interactiveObject['y'] + (this.m_interactiveObject['scaleY'] * this.m_y);
    }
});

//------------------------------------------------------------------------------
// Public prototype methods (API)
//------------------------------------------------------------------------------

/**
 * Set the position and size of the hitbox. Note that x and y coordinates are 
 * relative to the interactive object that owns the hitbox.
 *
 * @param {number} x The x position of the hitbox
 * @param {number} y The y position of the hitbox
 * @param {number} width The width of the hitbox
 * @param {number} height The height of the hitbox
 *
 * @return {undefined}
 */
rune.display.Hitbox.prototype.set = function(x, y, width, height) {
    this.m_x = x;
    this.m_y = y;
    this.m_width = width;
    this.m_height = height;
};

/**
 * Returns a string representation of the hitbox. Useful for troubleshooting.
 *
 * @return {string}
 */
rune.geom.Rectangle.prototype.toString = function() {
    return "[{Rectangle (x=" + this['x'] + " y=" + this['y'] + " width=" + this['width'] + " height=" + this['height'] + ")}]";
};

//------------------------------------------------------------------------------
// Public prototype methods (ENGINE)
//------------------------------------------------------------------------------

/**
 * Destroys the current hitbox and clears it from memory.
 *
 * @return {undefined}
 * @ignore
 */
rune.display.Hitbox.prototype.dispose = function() {
    // NOTHING, ATM.
};</code></pre>
        </article>
    </section>


</div>

<nav>
    <h2><a href="index.html">Home</a></h2><h3>Namespaces</h3><ul><li><a href="rune.html">rune</a></li><li><a href="rune.animation.html">animation</a></li><li><a href="rune.camera.html">camera</a></li><li><a href="rune.color.html">color</a></li><li><a href="rune.console.html">console</a></li><li><a href="rune.data.html">data</a></li><li><a href="rune.debug.html">debug</a></li><li><a href="rune.display.html">display</a></li><li><a href="rune.geom.html">geom</a></li><li><a href="rune.input.html">input</a></li><li><a href="rune.media.html">media</a></li><li><a href="rune.net.html">net</a></li><li><a href="rune.particle.html">particle</a></li><li><a href="rune.physics.html">physics</a></li><li><a href="rune.resource.html">resource</a></li><li><a href="rune.scene.html">scene</a></li><li><a href="rune.state.html">state</a></li><li><a href="rune.system.html">system</a></li><li><a href="rune.text.html">text</a></li><li><a href="rune.tilemap.html">tilemap</a></li><li><a href="rune.timer.html">timer</a></li><li><a href="rune.tween.html">tween</a></li><li><a href="rune.ui.html">ui</a></li><li><a href="rune.util.html">util</a></li></ul><h3>Classes</h3><ul><li><a href="rune.animation.Animation.html">Animation</a></li><li><a href="rune.animation.Animations.html">Animations</a></li><li><a href="rune.animation.AnimationScripts.html">AnimationScripts</a></li><li><a href="rune.camera.Camera.html">Camera</a></li><li><a href="rune.camera.CameraFade.html">CameraFade</a></li><li><a href="rune.camera.CameraFlash.html">CameraFlash</a></li><li><a href="rune.camera.Cameras.html">Cameras</a></li><li><a href="rune.camera.CameraShake.html">CameraShake</a></li><li><a href="rune.camera.CameraTargets.html">CameraTargets</a></li><li><a href="rune.camera.CameraTint.html">CameraTint</a></li><li><a href="rune.camera.CameraTintTween.html">CameraTintTween</a></li><li><a href="rune.camera.CameraViewport.html">CameraViewport</a></li><li><a href="rune.color.Color24.html">Color24</a></li><li><a href="rune.color.Color32.html">Color32</a></li><li><a href="rune.color.ColorComponent.html">ColorComponent</a></li><li><a href="rune.console.Console.html">Console</a></li><li><a href="rune.console.ConsoleCommand.html">ConsoleCommand</a></li><li><a href="rune.console.ConsoleCommands.html">ConsoleCommands</a></li><li><a href="rune.console.ConsoleCursor.html">ConsoleCursor</a></li><li><a href="rune.console.ConsoleHistory.html">ConsoleHistory</a></li><li><a href="rune.console.ConsoleInput.html">ConsoleInput</a></li><li><a href="rune.console.ConsoleManager.html">ConsoleManager</a></li><li><a href="rune.console.ConsoleOutput.html">ConsoleOutput</a></li><li><a href="rune.data.Highscores.html">Highscores</a></li><li><a href="rune.data.Loader.html">Loader</a></li><li><a href="rune.data.LoaderDebug.html">LoaderDebug</a></li><li><a href="rune.data.Logo.html">Logo</a></li><li><a href="rune.data.Requests.html">Requests</a></li><li><a href="rune.debug.Debugger.html">Debugger</a></li><li><a href="rune.debug.Framerate.html">Framerate</a></li><li><a href="rune.debug.Histogram.html">Histogram</a></li><li><a href="rune.debug.Master.html">Master</a></li><li><a href="rune.debug.Memory.html">Memory</a></li><li><a href="rune.debug.Music.html">Music</a></li><li><a href="rune.debug.Render.html">Render</a></li><li><a href="rune.debug.Sound.html">Sound</a></li><li><a href="rune.debug.Update.html">Update</a></li><li><a href="rune.display.Artboard.html">Artboard</a></li><li><a href="rune.display.Canvas.html">Canvas</a></li><li><a href="rune.display.DisplayGroup.html">DisplayGroup</a></li><li><a href="rune.display.DisplayGroups.html">DisplayGroups</a></li><li><a href="rune.display.DisplayObject.html">DisplayObject</a></li><li><a href="rune.display.DisplayObjectContainer.html">DisplayObjectContainer</a></li><li><a href="rune.display.Flicker.html">Flicker</a></li><li><a href="rune.display.Frame.html">Frame</a></li><li><a href="rune.display.Graphic.html">Graphic</a></li><li><a href="rune.display.Graphics.html">Graphics</a></li><li><a href="rune.display.Hitbox.html">Hitbox</a></li><li><a href="rune.display.InteractiveObject.html">InteractiveObject</a></li><li><a href="rune.display.Quadtree.html">Quadtree</a></li><li><a href="rune.display.RepeatedGraphic.html">RepeatedGraphic</a></li><li><a href="rune.display.Screen.html">Screen</a></li><li><a href="rune.display.Sprite.html">Sprite</a></li><li><a href="rune.display.Stage.html">Stage</a></li><li><a href="rune.display.Texture.html">Texture</a></li><li><a href="rune.geom.Point.html">Point</a></li><li><a href="rune.geom.Rectangle.html">Rectangle</a></li><li><a href="rune.geom.Vector2D.html">Vector2D</a></li><li><a href="rune.input.Gamepad.html">Gamepad</a></li><li><a href="rune.input.Gamepads.html">Gamepads</a></li><li><a href="rune.input.GamepadsOptions.html">GamepadsOptions</a></li><li><a href="rune.input.Inputs.html">Inputs</a></li><li><a href="rune.input.Keyboard.html">Keyboard</a></li><li><a href="rune.input.KeyboardKey.html">KeyboardKey</a></li><li><a href="rune.input.KeyboardOptions.html">KeyboardOptions</a></li><li><a href="rune.media.Sound.html">Sound</a></li><li><a href="rune.media.SoundChannel.html">SoundChannel</a></li><li><a href="rune.media.Sounds.html">Sounds</a></li><li><a href="rune.net.URLLoader.html">URLLoader</a></li><li><a href="rune.net.URLRequest.html">URLRequest</a></li><li><a href="rune.net.URLResponse.html">URLResponse</a></li><li><a href="rune.particle.Emitter.html">Emitter</a></li><li><a href="rune.particle.EmitterOptions.html">EmitterOptions</a></li><li><a href="rune.particle.Particle.html">Particle</a></li><li><a href="rune.physics.Space.html">Space</a></li><li><a href="rune.physics.Velocity.html">Velocity</a></li><li><a href="rune.resource.Request.html">Request</a></li><li><a href="rune.resource.Requester.html">Requester</a></li><li><a href="rune.resource.RequesterOptions.html">RequesterOptions</a></li><li><a href="rune.resource.Requests.html">Requests</a></li><li><a href="rune.resource.Resource.html">Resource</a></li><li><a href="rune.resource.Resources.html">Resources</a></li><li><a href="rune.scene.Scene.html">Scene</a></li><li><a href="rune.scene.Scenes.html">Scenes</a></li><li><a href="rune.state.State.html">State</a></li><li><a href="rune.state.States.html">States</a></li><li><a href="rune.system.Application.html">Application</a></li><li><a href="rune.system.Config.html">Config</a></li><li><a href="rune.system.Time.html">Time</a></li><li><a href="rune.text.BitmapField.html">BitmapField</a></li><li><a href="rune.text.BitmapFormat.html">BitmapFormat</a></li><li><a href="rune.tilemap.Block.html">Block</a></li><li><a href="rune.tilemap.Tile.html">Tile</a></li><li><a href="rune.tilemap.Tilemap.html">Tilemap</a></li><li><a href="rune.tilemap.TilemapLayer.html">TilemapLayer</a></li><li><a href="rune.timer.Timer.html">Timer</a></li><li><a href="rune.timer.TimerOptions.html">TimerOptions</a></li><li><a href="rune.timer.Timers.html">Timers</a></li><li><a href="rune.tween.Circular.html">Circular</a></li><li><a href="rune.tween.Cubic.html">Cubic</a></li><li><a href="rune.tween.Expo.html">Expo</a></li><li><a href="rune.tween.Linear.html">Linear</a></li><li><a href="rune.tween.Quad.html">Quad</a></li><li><a href="rune.tween.Quart.html">Quart</a></li><li><a href="rune.tween.Quint.html">Quint</a></li><li><a href="rune.tween.Sine.html">Sine</a></li><li><a href="rune.tween.Tween.html">Tween</a></li><li><a href="rune.tween.Tweens.html">Tweens</a></li><li><a href="rune.tween.TweenValue.html">TweenValue</a></li><li><a href="rune.ui.Counter.html">Counter</a></li><li><a href="rune.ui.CounterDigit.html">CounterDigit</a></li><li><a href="rune.ui.Progressbar.html">Progressbar</a></li><li><a href="rune.ui.VTList.html">VTList</a></li><li><a href="rune.ui.VTListElement.html">VTListElement</a></li><li><a href="rune.ui.VTMenu.html">VTMenu</a></li><li><a href="rune.ui.VTMenuPointer.html">VTMenuPointer</a></li><li><a href="rune.util.Executable.html">Executable</a></li><li><a href="rune.util.Filter.html">Filter</a></li><li><a href="rune.util.Math.html">Math</a></li><li><a href="rune.util.Palette.html">Palette</a></li><li><a href="rune.util.Path.html">Path</a></li><li><a href="rune.util.Paths.html">Paths</a></li><li><a href="rune.util.Stack.html">Stack</a></li><li><a href="rune.util.URL.html">URL</a></li></ul>
</nav>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Tue Apr 01 2025 09:55:09 GMT+0200 (Central European Summer Time)
</footer>

<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>