2013-10-03 01:38:35 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > Phaser Class: Color< / title >
<!-- [if lt IE 9]>
< script src = "//html5shiv.googlecode.com/svn/trunk/html5.js" > < / script >
<![endif]-->
2014-11-15 20:01:46 +00:00
< link type = "text/css" rel = "stylesheet" href = "styles/default.css" >
2013-10-03 01:38:35 +00:00
< link type = "text/css" rel = "stylesheet" href = "styles/sunlight.default.css" >
< link type = "text/css" rel = "stylesheet" href = "styles/site.cerulean.css" >
< / head >
< body >
2014-11-25 00:23:44 +00:00
2013-10-03 01:38:35 +00:00
< div class = "container-fluid" >
< div class = "navbar navbar-fixed-top navbar-inverse" >
2014-11-25 00:23:44 +00:00
< div style = "position: absolute; width: 143px; height: 31px; right: 10px; top: 10px; z-index: 1050" > < a href = "http://phaser.io" > < img src = "img/phaser.png" border = "0" / > < / a > < / div >
2013-10-03 01:38:35 +00:00
< div class = "navbar-inner" >
2014-11-25 00:23:44 +00:00
< a class = "brand" href = "index.html" > Phaser API< / a >
2013-10-03 01:38:35 +00:00
< ul class = "nav" >
2014-11-25 00:23:44 +00:00
2013-10-03 01:38:35 +00:00
< li class = "dropdown" >
< a href = "namespaces.list.html" class = "dropdown-toggle" data-toggle = "dropdown" > Namespaces< b
class="caret">< / b > < / a >
< ul class = "dropdown-menu " >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-0" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.html" > Phaser< / a >
< / li >
2014-11-15 20:01:46 +00:00
< li class = "class-depth-0" >
< a href = "PIXI.html" > PIXI< / a >
< / li >
2013-10-03 01:38:35 +00:00
< / ul >
< / li >
< li class = "dropdown" >
< a href = "classes.list.html" class = "dropdown-toggle" data-toggle = "dropdown" > Classes< b
class="caret">< / b > < / a >
< ul class = "dropdown-menu " >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-0" >
< a href = "Event.html" > Event< / a >
< / li >
< li class = "class-depth-0" >
< a href = "EventTarget.html" > EventTarget< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Animation.html" > Animation< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.AnimationManager.html" > AnimationManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.AnimationParser.html" > AnimationParser< / a >
< / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.ArraySet.html" > ArraySet< / a >
< / li >
2014-11-15 20:01:46 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.ArrayUtils.html" > ArrayUtils< / a >
< / li >
2014-10-09 15:12:53 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.AudioSprite.html" > AudioSprite< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.BitmapData.html" > BitmapData< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.BitmapText.html" > BitmapText< / a >
< / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Bullet.html" > Bullet< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Button.html" > Button< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Cache.html" > Cache< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Camera.html" > Camera< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Canvas.html" > Canvas< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Circle.html" > Circle< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Color.html" > Color< / a >
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-2" >
< a href = "Phaser.Component.Angle.html" > Angle< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Animation.html" > Animation< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.AutoCull.html" > AutoCull< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Bounds.html" > Bounds< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.BringToTop.html" > BringToTop< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Core.html" > Core< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Crop.html" > Crop< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Delta.html" > Delta< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Destroy.html" > Destroy< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.FixedToCamera.html" > FixedToCamera< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Health.html" > Health< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.InCamera.html" > InCamera< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.InputEnabled.html" > InputEnabled< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.InWorld.html" > InWorld< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.LifeSpan.html" > LifeSpan< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.LoadTexture.html" > LoadTexture< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Overlap.html" > Overlap< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.PhysicsBody.html" > PhysicsBody< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Reset.html" > Reset< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.ScaleMinMax.html" > ScaleMinMax< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Component.Smoothed.html" > Smoothed< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Create.html" > Create< / a >
< / li >
< li class = "class-depth-1" >
< a href = "Phaser.Creature.html" > Creature< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Device.html" > Device< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.DeviceButton.html" > DeviceButton< / a >
< / li >
2014-11-15 20:01:46 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.DOM.html" > DOM< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Easing.html" > Easing< / a >
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Back.html" > Back< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Bounce.html" > Bounce< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Circular.html" > Circular< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Cubic.html" > Cubic< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Elastic.html" > Elastic< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Exponential.html" > Exponential< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Linear.html" > Linear< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Quadratic.html" > Quadratic< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Quartic.html" > Quartic< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Quintic.html" > Quintic< / a >
< / li >
< li class = "class-depth-2" >
< a href = "Phaser.Easing.Sinusoidal.html" > Sinusoidal< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-18 03:01:51 +00:00
< a href = "Phaser.Ellipse.html" > Ellipse< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Events.html" > Events< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Filter.html" > Filter< / a >
< / li >
2014-09-09 14:36:56 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.FlexGrid.html" > FlexGrid< / a >
< / li >
< li class = "class-depth-1" >
< a href = "Phaser.FlexLayer.html" > FlexLayer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Frame.html" > Frame< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.FrameData.html" > FrameData< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Game.html" > Game< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-21 15:37:26 +00:00
< a href = "Phaser.GameObjectCreator.html" > GameObjectCreator< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.GameObjectFactory.html" > GameObjectFactory< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.Gamepad.html" > Gamepad< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Graphics.html" > Graphics< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Group.html" > Group< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Hermite.html" > Hermite< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-08 07:24:22 +00:00
< a href = "Phaser.Image.html" > Image< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.ImageCollection.html" > ImageCollection< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Input.html" > Input< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.InputHandler.html" > InputHandler< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Key.html" > Key< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Keyboard.html" > Keyboard< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.KeyCode.html" > KeyCode< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.Line.html" > Line< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.LinkedList.html" > LinkedList< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Loader.html" > Loader< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.LoaderParser.html" > LoaderParser< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Math.html" > Math< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Matrix.html" > Matrix< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Mouse.html" > Mouse< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.MSPointer.html" > MSPointer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Net.html" > Net< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Particle.html" > Particle< / a >
< / li >
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Particles.html" > Particles< / a >
< / li >
2014-10-09 15:12:53 +00:00
< li class = "class-depth-2" >
< a href = "Phaser.Particles.Arcade.html" > Arcade< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Particles.Arcade.Emitter.html" > Emitter< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Path.html" > Path< / a >
< / li >
< li class = "class-depth-1" >
< a href = "Phaser.PathFollower.html" > PathFollower< / a >
< / li >
< li class = "class-depth-1" >
< a href = "Phaser.PathPoint.html" > PathPoint< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Physics.html" > Physics< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Physics.Arcade.html" > Arcade< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Arcade.Body.html" > Body< / a >
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-3" >
2015-08-24 14:43:45 +00:00
< a href = "Phaser.Physics.Arcade.TilemapCollision.html" > TilemapCollision< / a >
2015-03-23 23:46:30 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.html" > Ninja< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.AABB.html" > AABB< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.Body.html" > Body< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.Circle.html" > Circle< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.Ninja.Tile.html" > Tile< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.html" > P2< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.Body.html" > Body< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.BodyDebug.html" > BodyDebug< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.CollisionGroup.html" > CollisionGroup< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.ContactMaterial.html" > ContactMaterial< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.DistanceConstraint.html" > DistanceConstraint< / a >
< / li >
2014-04-11 12:09:28 +00:00
< li class = "class-depth-3" >
< a href = "Phaser.Physics.P2.FixtureList.html" > FixtureList< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.GearConstraint.html" > GearConstraint< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.InversePointProxy.html" > InversePointProxy< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.LockConstraint.html" > LockConstraint< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.Material.html" > Material< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.PointProxy.html" > PointProxy< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.PrismaticConstraint.html" > PrismaticConstraint< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.RevoluteConstraint.html" > RevoluteConstraint< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-09-09 14:36:56 +00:00
< li class = "class-depth-3" >
< a href = "Phaser.Physics.P2.RotationalSpring.html" > RotationalSpring< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-3" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.Physics.P2.Spring.html" > Spring< / a >
2014-02-21 15:37:26 +00:00
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Plugin.html" > Plugin< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-2" >
< a href = "Phaser.Plugin.PathManager.html" > PathManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.PluginManager.html" > PluginManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Point.html" > Point< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Pointer.html" > Pointer< / a >
< / li >
2015-10-15 11:06:38 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.PointerMode.html" > PointerMode< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-07 06:10:15 +00:00
< a href = "Phaser.Polygon.html" > Polygon< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.QuadTree.html" > QuadTree< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.RandomDataGenerator.html" > RandomDataGenerator< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Rectangle.html" > Rectangle< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.RenderTexture.html" > RenderTexture< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.RequestAnimationFrame.html" > RequestAnimationFrame< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.RetroFont.html" > RetroFont< / a >
< / li >
2014-09-09 14:36:56 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Rope.html" > Rope< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.RoundedRectangle.html" > RoundedRectangle< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-03-14 06:36:05 +00:00
< a href = "Phaser.ScaleManager.html" > ScaleManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Signal.html" > Signal< / a >
< / li >
2014-04-11 12:09:28 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.SignalBinding.html" > SignalBinding< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.SinglePad.html" > SinglePad< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Sound.html" > Sound< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.SoundManager.html" > SoundManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Sprite.html" > Sprite< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-18 03:01:51 +00:00
< a href = "Phaser.SpriteBatch.html" > SpriteBatch< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Stage.html" > Stage< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.State.html" > State< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.StateManager.html" > StateManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.Text.html" > Text< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Tile.html" > Tile< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Tilemap.html" > Tilemap< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.TilemapLayer.html" > TilemapLayer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.TilemapParser.html" > TilemapParser< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Tileset.html" > Tileset< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-25 15:54:40 +00:00
< a href = "Phaser.TileSprite.html" > TileSprite< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Time.html" > Time< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-11-28 15:57:09 +00:00
< a href = "Phaser.Timer.html" > Timer< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2014-02-05 06:29:17 +00:00
< a href = "Phaser.TimerEvent.html" > TimerEvent< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Touch.html" > Touch< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Tween.html" > Tween< / a >
< / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.TweenData.html" > TweenData< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.TweenManager.html" > TweenManager< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Utils.html" > Utils< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-2" >
2013-10-03 01:38:35 +00:00
< a href = "Phaser.Utils.Debug.html" > Debug< / a >
< / li >
2014-04-10 22:13:43 +00:00
< li class = "class-depth-1" >
2015-07-22 14:31:30 +00:00
< a href = "Phaser.Video.html" > Video< / a >
2013-10-03 01:38:35 +00:00
< / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-1" >
< a href = "Phaser.Weapon.html" > Weapon< / a >
< / li >
2014-11-15 20:01:46 +00:00
< li class = "class-depth-1" >
2015-07-22 14:31:30 +00:00
< a href = "Phaser.World.html" > World< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-07-22 14:31:30 +00:00
< a href = "PIXI.AbstractFilter.html" > AbstractFilter< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-07-22 14:31:30 +00:00
< a href = "PIXI.BaseTexture.html" > BaseTexture< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.CanvasBuffer.html" > CanvasBuffer< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.CanvasGraphics.html" > CanvasGraphics< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.CanvasMaskManager.html" > CanvasMaskManager< / a >
< / li >
2015-08-24 14:43:45 +00:00
< li class = "class-depth-1" >
< a href = "PIXI.CanvasPool.html" > CanvasPool< / a >
< / li >
2014-11-15 20:01:46 +00:00
< li class = "class-depth-1" >
< a href = "PIXI.CanvasRenderer.html" > CanvasRenderer< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.CanvasTinter.html" > CanvasTinter< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.ComplexPrimitiveShader.html" > ComplexPrimitiveShader< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.DisplayObjectContainer.html" > DisplayObjectContainer< / a >
< / li >
2016-02-08 17:01:36 +00:00
< li class = "class-depth-1" >
< a href = "PIXI.EarCut.html" > EarCut< / a >
< / li >
2014-11-15 20:01:46 +00:00
< li class = "class-depth-1" >
< a href = "PIXI.Event.html" > Event< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.EventTarget.html" > EventTarget< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.FilterTexture.html" > FilterTexture< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.Graphics.html" > Graphics< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.GraphicsData.html" > GraphicsData< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.PIXI.html" > PIXI< / a >
< / li >
2016-07-01 15:57:13 +00:00
< li class = "class-depth-2" >
< a href = "PIXI.PIXI.DisplayObject.html" > DisplayObject< / a >
< / li >
2014-11-15 20:01:46 +00:00
< li class = "class-depth-1" >
< a href = "PIXI.PixiFastShader.html" > PixiFastShader< / a >
< / li >
< li class = "class-depth-1" >
< a href = "PIXI.PixiShader.html" > PixiShader< / a >
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.PrimitiveShader.html" > PrimitiveShader< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.RenderTexture.html" > RenderTexture< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.Rope.html" > Rope< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.Sprite.html" > Sprite< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.SpriteBatch.html" > SpriteBatch< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.Strip.html" > Strip< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.StripShader.html" > StripShader< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.Texture.html" > Texture< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.TilingSprite.html" > TilingSprite< / a >
2014-11-15 20:01:46 +00:00
< / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.WebGLBlendModeManager.html" > WebGLBlendModeManager< / a >
2014-11-25 00:23:44 +00:00
< / li >
2014-11-15 20:01:46 +00:00
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.WebGLFastSpriteBatch.html" > WebGLFastSpriteBatch< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.WebGLFilterManager.html" > WebGLFilterManager< / a >
2014-11-15 20:01:46 +00:00
< / li >
< li class = "class-depth-1" >
2015-03-23 23:46:30 +00:00
< a href = "PIXI.WebGLRenderer.html" > WebGLRenderer< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< / ul >
< / li >
< li class = "dropdown" >
< a href = "global.html" class = "dropdown-toggle" data-toggle = "dropdown" > Global< b
class="caret">< / b > < / a >
< ul class = "dropdown-menu " >
2016-06-03 17:48:34 +00:00
< li class = "class-depth-0" >
< a href = "global.html#ANGLE_DOWN" > ANGLE_DOWN< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ANGLE_LEFT" > ANGLE_LEFT< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ANGLE_NORTH_EAST" > ANGLE_NORTH_EAST< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ANGLE_NORTH_WEST" > ANGLE_NORTH_WEST< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ANGLE_RIGHT" > ANGLE_RIGHT< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ANGLE_SOUTH_EAST" > ANGLE_SOUTH_EAST< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ANGLE_SOUTH_WEST" > ANGLE_SOUTH_WEST< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ANGLE_UP" > ANGLE_UP< / a >
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#AUTO" > AUTO< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#BITMAPDATA" > BITMAPDATA< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#BITMAPTEXT" > BITMAPTEXT< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#blendModes" > blendModes< / a >
2014-11-15 20:01:46 +00:00
< / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-0" >
< a href = "global.html#BOTTOM_CENTER" > BOTTOM_CENTER< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#BOTTOM_LEFT" > BOTTOM_LEFT< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#BOTTOM_RIGHT" > BOTTOM_RIGHT< / a >
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#BUTTON" > BUTTON< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#CANVAS" > CANVAS< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#CANVAS_FILTER" > CANVAS_FILTER< / a >
< / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-0" >
< a href = "global.html#CENTER" > CENTER< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#CIRCLE" > CIRCLE< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#CREATURE" > CREATURE< / a >
< / li >
2016-06-09 16:13:31 +00:00
< li class = "class-depth-0" >
< a href = "global.html#displayList" > displayList< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#DOWN" > DOWN< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ELLIPSE" > ELLIPSE< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-0" >
< a href = "global.html#emit" > emit< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#EMITTER" > EMITTER< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#GAMES" > GAMES< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#GRAPHICS" > GRAPHICS< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#GROUP" > GROUP< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#HEADLESS" > HEADLESS< / a >
< / li >
2016-06-09 16:13:31 +00:00
< li class = "class-depth-0" >
< a href = "global.html#HORIZONTAL" > HORIZONTAL< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#IMAGE" > IMAGE< / a >
< / li >
2016-06-09 16:13:31 +00:00
< li class = "class-depth-0" >
< a href = "global.html#LANDSCAPE" > LANDSCAPE< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#LEFT" > LEFT< / a >
< / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-0" >
< a href = "global.html#LEFT_BOTTOM" > LEFT_BOTTOM< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#LEFT_CENTER" > LEFT_CENTER< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#LEFT_TOP" > LEFT_TOP< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#LINE" > LINE< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-0" >
< a href = "global.html#listeners" > listeners< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#MATRIX" > MATRIX< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-0" >
< a href = "global.html#mixin" > mixin< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#NONE" > NONE< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-0" >
< a href = "global.html#off" > off< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#on" > on< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#once" > once< / a >
< / li >
2016-02-08 17:01:36 +00:00
< li class = "class-depth-0" >
< a href = "global.html#PENDING_ATLAS" > PENDING_ATLAS< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-2" >
< a href = "global.html#Phaser.Path#numPointsreturn%257Bnumber%257DThetotalnumberofPathPointsinthisPath." > Phaser.Path#numPoints
return {number} The total number of PathPoints in this Path.< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#POINT" > POINT< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#POINTER" > POINTER< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#POLYGON" > POLYGON< / a >
2014-11-15 20:01:46 +00:00
< / li >
2016-06-09 16:13:31 +00:00
< li class = "class-depth-0" >
< a href = "global.html#PORTRAIT" > PORTRAIT< / a >
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#RECTANGLE" > RECTANGLE< / a >
2014-11-15 20:01:46 +00:00
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-0" >
< a href = "global.html#removeAllListeners" > removeAllListeners< / a >
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#RENDERTEXTURE" > RENDERTEXTURE< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#RETROFONT" > RETROFONT< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#RIGHT" > RIGHT< / a >
< / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-0" >
< a href = "global.html#RIGHT_BOTTOM" > RIGHT_BOTTOM< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#RIGHT_CENTER" > RIGHT_CENTER< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#RIGHT_TOP" > RIGHT_TOP< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#ROPE" > ROPE< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#ROUNDEDRECTANGLE" > ROUNDEDRECTANGLE< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#scaleModes" > scaleModes< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#SPRITE" > SPRITE< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#SPRITEBATCH" > SPRITEBATCH< / a >
< / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-0" >
< a href = "global.html#stopImmediatePropagation" > stopImmediatePropagation< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#stopPropagation" > stopPropagation< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#TEXT" > TEXT< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#TILEMAP" > TILEMAP< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#TILEMAPLAYER" > TILEMAPLAYER< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#TILESPRITE" > TILESPRITE< / a >
< / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-0" >
< a href = "global.html#TOP_CENTER" > TOP_CENTER< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#TOP_LEFT" > TOP_LEFT< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#TOP_RIGHT" > TOP_RIGHT< / a >
< / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-0" >
< a href = "global.html#UP" > UP< / a >
2014-11-15 20:01:46 +00:00
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#VERSION" > VERSION< / a >
2014-11-15 20:01:46 +00:00
< / li >
2016-06-09 16:13:31 +00:00
< li class = "class-depth-0" >
< a href = "global.html#VERTICAL" > VERTICAL< / a >
< / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-0" >
2015-07-22 14:31:30 +00:00
< a href = "global.html#VIDEO" > VIDEO< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#WEBGL" > WEBGL< / a >
< / li >
< li class = "class-depth-0" >
< a href = "global.html#WEBGL_FILTER" > WEBGL_FILTER< / a >
2014-11-15 20:01:46 +00:00
< / li >
2013-10-03 01:38:35 +00:00
< / ul >
< / li >
2014-11-25 00:23:44 +00:00
2014-11-15 20:01:46 +00:00
< li class = "dropdown" >
2014-11-25 00:23:44 +00:00
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Core< b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu " >
2014-12-03 10:39:11 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Game.html" > Game< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Group.html" > Group< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.World.html" > World< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Loader.html" > Loader< / a > < / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Cache.html" > Cache< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Time.html" > Time< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Camera.html" > Camera< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.StateManager.html" > State Manager< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.TweenManager.html" > Tween Manager< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.SoundManager.html" > Sound Manager< / a > < / li >
2015-01-06 06:57:25 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Input.html" > Input Manager< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.ScaleManager.html" > Scale Manager< / a > < / li >
< / ul >
< / li >
2014-11-15 20:01:46 +00:00
2014-11-25 00:23:44 +00:00
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Game Objects< b class = "caret" > < / b > < / a >
2014-11-15 20:01:46 +00:00
< ul class = "dropdown-menu " >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.GameObjectFactory.html" > Factory (game.add)< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.GameObjectCreator.html" > Creator (game.make)< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Sprite.html" > Sprite< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Image.html" > Image< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Sound.html" > Sound< / a > < / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Video.html" > Video< / a > < / li >
2015-01-06 06:57:25 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Particles.Arcade.Emitter.html" > Particle Emitter< / a > < / li >
2014-12-03 10:39:11 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Particle.html" > Particle< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Text.html" > Text< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Tween.html" > Tween< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.BitmapText.html" > BitmapText< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Tilemap.html" > Tilemap< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.BitmapData.html" > BitmapData< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.RetroFont.html" > RetroFont< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Button.html" > Button< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Animation.html" > Animation< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Graphics.html" > Graphics< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.RenderTexture.html" > RenderTexture< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.TileSprite.html" > TileSprite< / a > < / li >
< / ul >
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Geometry< b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu " >
< li class = "class-depth-1" > < a href = "Phaser.Circle.html" > Circle< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Ellipse.html" > Ellipse< / a > < / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Line.html" > Line< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Matrix.html" > Matrix< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Point.html" > Point< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Polygon.html" > Polygon< / a > < / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Rectangle.html" > Rectangle< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.RoundedRectangle.html" > Rounded Rectangle< / a > < / li >
2014-11-25 00:23:44 +00:00
< / ul >
< / li >
2014-11-15 20:01:46 +00:00
2014-11-25 00:23:44 +00:00
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Physics< b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu " >
< li class = "class-depth-1" > < a href = "Phaser.Physics.Arcade.html" > Arcade Physics< / a > < / li >
< li class = "class-depth-2" > < a href = "Phaser.Physics.Arcade.Body.html" > Body< / a > < / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-2" > < a href = "Phaser.Weapon.html" > Weapon< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Physics.P2.html" > P2 Physics< / a > < / li >
< li class = "class-depth-2" > < a href = "Phaser.Physics.P2.Body.html" > Body< / a > < / li >
< li class = "class-depth-2" > < a href = "Phaser.Physics.P2.Spring.html" > Spring< / a > < / li >
< li class = "class-depth-2" > < a href = "Phaser.Physics.P2.CollisionGroup.html" > CollisionGroup< / a > < / li >
< li class = "class-depth-2" > < a href = "Phaser.Physics.P2.ContactMaterial.html" > ContactMaterial< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Physics.Ninja.html" > Ninja Physics< / a > < / li >
< li class = "class-depth-2" > < a href = "Phaser.Physics.Body.html" > Body< / a > < / li >
2014-11-15 20:01:46 +00:00
< / ul >
< / li >
2014-11-25 00:23:44 +00:00
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Input< b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu " >
< li class = "class-depth-1" > < a href = "Phaser.InputHandler.html" > Input Handler< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Pointer.html" > Pointer< / a > < / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" > < a href = "Phaser.DeviceButton.html" > Device Button< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Mouse.html" > Mouse< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Keyboard.html" > Keyboard< / a > < / li >
< li class = "class-depth-1" > < a href = "Phaser.Key.html" > Key< / a > < / li >
2016-08-26 00:18:47 +00:00
< li class = "class-depth-1" > < a href = "Phaser.KeyCode.html" > Key Codes< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "Phaser.Gamepad.html" > Gamepad< / a > < / li >
< / ul >
< / li >
< li class = "dropdown" >
< a href = "#" class = "dropdown-toggle" data-toggle = "dropdown" > Community< b class = "caret" > < / b > < / a >
< ul class = "dropdown-menu " >
2015-03-26 02:55:18 +00:00
< li class = "class-depth-1" > < a href = "http://phaser.io" > Phaser Web Site< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "https://github.com/photonstorm/phaser" > Phaser Github< / a > < / li >
2015-03-26 02:55:18 +00:00
< li class = "class-depth-1" > < a href = "http://phaser.io/examples" > Phaser Examples< / a > < / li >
2014-11-25 00:23:44 +00:00
< li class = "class-depth-1" > < a href = "https://github.com/photonstorm/phaser-plugins" > Phaser Plugins< / a > < / li >
< li class = "class-depth-1" > < a href = "http://www.html5gamedevs.com/forum/14-phaser/" > Forum< / a > < / li >
< li class = "class-depth-1" > < a href = "http://stackoverflow.com/questions/tagged/phaser-framework" > Stack Overflow< / a > < / li >
2015-07-22 14:31:30 +00:00
< li class = "class-depth-1" > < a href = "http://phaser.io/learn" > Tutorials< / a > < / li >
2016-05-19 11:36:51 +00:00
< li class = "class-depth-1" > < a href = "http://phaser.io/community/newsletter" > Newsletter< / a > < / li >
2015-03-26 02:55:18 +00:00
< li class = "class-depth-1" > < a href = "http://phaser.io/community/twitter" > Twitter< / a > < / li >
2016-06-17 00:11:24 +00:00
< li class = "class-depth-1" > < a href = "http://phaser.io/community/slack" > Slack< / a > < / li >
< li class = "class-depth-1" > < a href = "http://phaser.io/community/donate" > Donate< / a > < / li >
2015-03-23 23:46:30 +00:00
< li class = "class-depth-1" > < a href = "https://www.codeandweb.com/texturepacker/phaser" > Texture Packer< / a > < / li >
2014-11-25 00:23:44 +00:00
< / ul >
< / li >
2013-10-03 01:38:35 +00:00
< / ul >
< / div >
< / div >
< div class = "row-fluid" >
< div class = "span8" >
< div id = "main" >
2014-11-25 00:23:44 +00:00
<!-- <h1 class="page - title">Class: Color</h1> -->
2013-10-03 01:38:35 +00:00
< section >
< header >
< h2 >
< span class = "ancestors" > < a href = "Phaser.html" > Phaser< / a > .< / span >
Color
< / h2 >
< / header >
< article >
< div class = "container-overview" >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
id="Color">< span class = "type-signature" > < / span > new Color< span class = "signature" > ()< / span > < span class = "type-signature" > < / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > The Phaser.Color class is a set of static methods that assist in color manipulation and conversion.< / p >
2013-10-03 01:38:35 +00:00
< / div >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2015-03-23 23:46:30 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-12" > line 12< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< / div >
< h3 class = "subsection-title" > Methods< / h3 >
< dl >
2015-07-22 14:31:30 +00:00
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendAdd">< span class = "type-signature" > < static> < / span > blendAdd< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Adds the source and backdrop colors together and returns the value, up to a maximum of 255.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1058" > line 1058< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendAverage">< span class = "type-signature" > < static> < / span > blendAverage< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Takes the average of the source and backdrop colors.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1045" > line 1045< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendColorBurn">< span class = "type-signature" > < static> < / span > blendColorBurn< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Darkens the backdrop color to reflect the source color.< br > Painting with white produces no change.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1217" > line 1217< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendColorDodge">< span class = "type-signature" > < static> < / span > blendColorDodge< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Brightens the backdrop color to reflect the source color.< br > Painting with black produces no change.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1203" > line 1203< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendDarken">< span class = "type-signature" > < static> < / span > blendDarken< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Selects the darker of the backdrop and source colors.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1016" > line 1016< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendDifference">< span class = "type-signature" > < static> < / span > blendDifference< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Subtracts the darker of the two constituent colors from the lighter.< / p >
< p > Painting with white inverts the backdrop color; painting with black produces no change.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1084" > line 1084< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendExclusion">< span class = "type-signature" > < static> < / span > blendExclusion< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Produces an effect similar to that of the Difference mode, but lower in contrast.< br > Painting with white inverts the backdrop color; painting with black produces no change.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1127" > line 1127< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendGlow">< span class = "type-signature" > < static> < / span > blendGlow< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Glow blend mode. This mode is a variation of reflect mode with the source and backdrop colors swapped.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1331" > line 1331< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendHardLight">< span class = "type-signature" > < static> < / span > blendHardLight< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Multiplies or screens the colors, depending on the source color value. < / p >
2016-08-26 00:18:47 +00:00
< p > If the source color is lighter than 0.5, the backdrop is lightened, as if it were screened;< br > this is useful for adding highlights to a scene. < / p >
< p > If the source color is darker than 0.5, the backdrop is darkened, as if it were multiplied;< br > this is useful for adding shadows to a scene. < / p >
< p > The degree of lightening or darkening is proportional to the difference between the source color and 0.5;< br > if it is equal to 0.5, the backdrop is unchanged.< / p >
2015-07-22 14:31:30 +00:00
< p > Painting with pure black or white produces pure black or white. The effect is similar to shining a harsh spotlight on the backdrop.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1179" > line 1179< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendHardMix">< span class = "type-signature" > < static> < / span > blendHardMix< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Runs blendVividLight on the source and backdrop colors.< br > If the resulting color is 128 or more, it receives a value of 255; if less than 128, a value of 0.< br > Therefore, all blended pixels have red, green, and blue channel values of either 0 or 255.< br > This changes all pixels to primary additive colors (red, green, or blue), white, or black.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1302" > line 1302< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendLighten">< span class = "type-signature" > < static> < / span > blendLighten< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Selects the lighter of the backdrop and source colors.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1003" > line 1003< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendLinearBurn">< span class = "type-signature" > < static> < / span > blendLinearBurn< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > An alias for blendSubtract, it simply sums the values of the two colors and subtracts 255.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1244" > line 1244< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendLinearDodge">< span class = "type-signature" > < static> < / span > blendLinearDodge< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > An alias for blendAdd, it simply sums the values of the two colors.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1231" > line 1231< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendLinearLight">< span class = "type-signature" > < static> < / span > blendLinearLight< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > This blend mode combines Linear Dodge and Linear Burn (rescaled so that neutral colors become middle gray).< br > Dodge applies to values of top layer lighter than middle gray, and burn to darker values.< br > The calculation simplifies to the sum of bottom layer and twice the top layer, subtract 128. The contrast decreases.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1257" > line 1257< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendMultiply">< span class = "type-signature" > < static> < / span > blendMultiply< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Multiplies the backdrop and source color values.< br > The result color is always at least as dark as either of the two constituent< br > colors. Multiplying any color with black produces black;< br > multiplying with white leaves the original color unchanged.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1029" > line 1029< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendNegation">< span class = "type-signature" > < static> < / span > blendNegation< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Negation blend mode.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1099" > line 1099< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendNormal">< span class = "type-signature" > < static> < / span > blendNormal< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Blends the source color, ignoring the backdrop.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-990" > line 990< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendOverlay">< span class = "type-signature" > < static> < / span > blendOverlay< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Multiplies or screens the colors, depending on the backdrop color.< br > Source colors overlay the backdrop while preserving its highlights and shadows.< br > The backdrop color is not replaced, but is mixed with the source color to reflect the lightness or darkness of the backdrop.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1141" > line 1141< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendPhoenix">< span class = "type-signature" > < static> < / span > blendPhoenix< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Phoenix blend mode. This subtracts the lighter color from the darker color, and adds 255, giving a bright result.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1344" > line 1344< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendPinLight">< span class = "type-signature" > < static> < / span > blendPinLight< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > If the backdrop color (light source) is lighter than 50%, the blendDarken mode is used, and colors lighter than the backdrop color do not change.< br > If the backdrop color is darker than 50% gray, colors lighter than the blend color are replaced, and colors darker than the blend color do not change.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1288" > line 1288< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendReflect">< span class = "type-signature" > < static> < / span > blendReflect< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Reflect blend mode. This mode is useful when adding shining objects or light zones to images.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1318" > line 1318< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendScreen">< span class = "type-signature" > < static> < / span > blendScreen< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Multiplies the complements of the backdrop and source color values, then complements the result.< br > The result color is always at least as light as either of the two constituent colors.< br > Screening any color with white produces white; screening with black leaves the original color unchanged.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1112" > line 1112< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendSoftLight">< span class = "type-signature" > < static> < / span > blendSoftLight< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Darkens or lightens the colors, depending on the source color value. < / p >
2016-08-26 00:18:47 +00:00
< p > If the source color is lighter than 0.5, the backdrop is lightened, as if it were dodged;< br > this is useful for adding highlights to a scene. < / p >
< p > If the source color is darker than 0.5, the backdrop is darkened, as if it were burned in.< br > The degree of lightening or darkening is proportional to the difference between the source color and 0.5;< br > if it is equal to 0.5, the backdrop is unchanged.< / p >
< p > Painting with pure black or white produces a distinctly darker or lighter area, but does not result in pure black or white.< br > The effect is similar to shining a diffused spotlight on the backdrop.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1156" > line 1156< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendSubtract">< span class = "type-signature" > < static> < / span > blendSubtract< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Combines the source and backdrop colors and returns their value minus 255.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1071" > line 1071< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".blendVividLight">< span class = "type-signature" > < static> < / span > blendVividLight< span class = "signature" > (a, b)< / span > < span class = "type-signature" > → {integer}< / span > < / h4 >
2015-07-22 14:31:30 +00:00
< / dt >
< dd >
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > This blend mode combines Color Dodge and Color Burn (rescaled so that neutral colors become middle gray).< br > Dodge applies when values in the top layer are lighter than middle gray, and burn to darker values.< br > The middle gray is the neutral color. When color is lighter than this, this effectively moves the white point of the bottom< br > layer down by twice the difference; when it is darker, the black point is moved up by twice the difference. The perceived contrast increases.< / p >
2015-07-22 14:31:30 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The source color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > integer< / span >
< / td >
< td class = "description last" > < p > The backdrop color to blend, in the range 1 to 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > integer< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The blended color value, in the range 1 to 255.< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-1272" > line 1272< / a >
2015-07-22 14:31:30 +00:00
< / dt >
< / dl >
< / dd >
2013-10-03 01:38:35 +00:00
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".componentToHex">< span class = "type-signature" > < static> < / span > componentToHex< span class = "signature" > (color)< / span > < span class = "type-signature" > → {string}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > Return a string containing a hex representation of the given color component.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > color< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The color channel to get the hex value for, must be a value between 0 and 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > string< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > A string of length 2 characters, i.e. 255 = ff, 100 = 64.< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-694" > line 694< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".createColor">< span class = "type-signature" > < static> < / span > createColor< span class = "signature" > (< span class = "optional" > r< / span > , < span class = "optional" > g< / span > , < span class = "optional" > b< / span > , < span class = "optional" > a< / span > , < span class = "optional" > h< / span > , < span class = "optional" > s< / span > , < span class = "optional" > l< / span > , < span class = "optional" > v< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > A utility function to create a lightweight 'color' object with the default components.< br > Any components that are not specified will default to zero.< / p >
2014-04-29 14:39:02 +00:00
< p > This is useful when you want to use a shared color object for the getPixel and getPixelAt methods.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
2014-04-29 14:39:02 +00:00
< th > Argument< / th >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< th > Default< / th >
2013-10-03 01:38:35 +00:00
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > r< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "attributes" >
< optional>< br >
< / td >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< td class = "default" >
0
< / td >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
0
< / td >
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
0
< / td >
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
1
< / td >
< td class = "description last" > < p > The alpha color component, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > h< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
0
< / td >
< td class = "description last" > < p > The hue, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > s< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
0
< / td >
< td class = "description last" > < p > The saturation, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > l< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
0
< / td >
< td class = "description last" > < p > The lightness, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > v< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
0
< / td >
< td class = "description last" > < p > The value, in the range 0 - 1.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The resulting object with r, g, b, a properties and h, s, l and v.< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-04-29 14:39:02 +00:00
< dt class = "tag-author" > Author:< / dt >
< dd class = "tag-author" >
< ul >
< li > Matt DesLauriers (@mattdesl)< / li >
< / ul >
< / dd >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-438" > line 438< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".fromRGBA">< span class = "type-signature" > < static> < / span > fromRGBA< span class = "signature" > (rgba, < span class = "optional" > out< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > A utility to convert an integer in 0xRRGGBBAA format to a color object.< br > This does not rely on endianness.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
2014-04-29 14:39:02 +00:00
< th > Argument< / th >
2013-10-03 01:38:35 +00:00
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > rgba< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "attributes" >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< / td >
< td class = "description last" > < p > An RGBA hex< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > out< / code > < / td >
< td class = "type" >
< span class = "param-type" > object< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "description last" > < p > The object to use, optional.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > A color object.< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-04-29 14:39:02 +00:00
< dt class = "tag-author" > Author:< / dt >
< dd class = "tag-author" >
< ul >
< li > Matt DesLauriers (@mattdesl)< / li >
< / ul >
< / dd >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2015-03-23 23:46:30 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-97" > line 97< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getAlpha">< span class = "type-signature" > < static> < / span > getAlpha< span class = "signature" > (color)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component, as a value between 0 and 255.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > color< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > In the format 0xAARRGGBB.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The Alpha component of the color, will be between 0 and 1 (0 being no Alpha (opaque), 1 full Alpha (transparent)).< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-930" > line 930< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getAlphaFloat">< span class = "type-signature" > < static> < / span > getAlphaFloat< span class = "signature" > (color)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > Given a native color value (in the format 0xAARRGGBB) this will return the Alpha component as a value between 0 and 1.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > color< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > In the format 0xAARRGGBB.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The Alpha component of the color, will be between 0 and 1 (0 being no Alpha (opaque), 1 full Alpha (transparent)).< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-942" > line 942< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getBlue">< span class = "type-signature" > < static> < / span > getBlue< span class = "signature" > (color)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > Given a native color value (in the format 0xAARRGGBB) this will return the Blue component, as a value between 0 and 255.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > color< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > In the format 0xAARRGGBB.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The Blue component of the color, will be between 0 and 255 (0 being no color, 255 full Blue).< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-978" > line 978< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getColor">< span class = "type-signature" > < static> < / span > getColor< span class = "signature" > (r, g, b)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > Given 3 color values this will return an integer representation of it.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > r< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > A native color value integer (format: 0xRRGGBB).< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-500" > line 500< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getColor32">< span class = "type-signature" > < static> < / span > getColor32< span class = "signature" > (a, r, g, b)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > Given an alpha and 3 color values this will return an integer representation of it.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > a< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The alpha color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > r< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > g< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > A native color value integer (format: 0xAARRGGBB).< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-483" > line 483< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getGreen">< span class = "type-signature" > < static> < / span > getGreen< span class = "signature" > (color)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-09-09 14:36:56 +00:00
< p > Given a native color value (in the format 0xAARRGGBB) this will return the Green component, as a value between 0 and 255.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > color< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-09-09 14:36:56 +00:00
< td class = "description last" > < p > In the format 0xAARRGGBB.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The Green component of the color, will be between 0 and 255 (0 being no color, 255 full Green).< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-966" > line 966< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-10-15 11:06:38 +00:00
id=".getRandomColor">< span class = "type-signature" > < static> < / span > getRandomColor< span class = "signature" > (< span class = "optional" > min< / span > , < span class = "optional" > max< / span > , < span class = "optional" > alpha< / span > )< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Returns a random color value between black and white< br > Set the min value to start each channel from the given offset.< br > Set the max value to restrict the maximum color used per channel.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
2015-10-15 11:06:38 +00:00
< th > Argument< / th >
2013-10-03 01:38:35 +00:00
2015-10-15 11:06:38 +00:00
< th > Default< / th >
2013-10-03 01:38:35 +00:00
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-09-09 14:36:56 +00:00
< td class = "name" > < code > min< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2015-10-15 11:06:38 +00:00
< td class = "attributes" >
< optional>< br >
2013-10-03 01:38:35 +00:00
2015-10-15 11:06:38 +00:00
< / td >
< td class = "default" >
0
< / td >
2013-10-03 01:38:35 +00:00
2014-09-09 14:36:56 +00:00
< td class = "description last" > < p > The lowest value to use for the color.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > max< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2015-10-15 11:06:38 +00:00
< td class = "attributes" >
< optional>< br >
2014-09-09 14:36:56 +00:00
2015-10-15 11:06:38 +00:00
< / td >
< td class = "default" >
255
< / td >
2014-09-09 14:36:56 +00:00
< td class = "description last" > < p > The highest value to use for the color.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > alpha< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2015-10-15 11:06:38 +00:00
< td class = "attributes" >
< optional>< br >
< / td >
2014-09-09 14:36:56 +00:00
2015-10-15 11:06:38 +00:00
< td class = "default" >
255
< / td >
2014-09-09 14:36:56 +00:00
< td class = "description last" > < p > The alpha value of the returning color (default 255 = fully opaque).< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > 32-bit color value with alpha.< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-834" > line 834< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getRed">< span class = "type-signature" > < static> < / span > getRed< span class = "signature" > (color)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-09-09 14:36:56 +00:00
< p > Given a native color value (in the format 0xAARRGGBB) this will return the Red component, as a value between 0 and 255.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-09-09 14:36:56 +00:00
< td class = "name" > < code > color< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-09-09 14:36:56 +00:00
< td class = "description last" > < p > In the format 0xAARRGGBB.< / p > < / td >
2014-04-29 14:39:02 +00:00
< / tr >
2014-09-09 14:36:56 +00:00
< / tbody >
< / table >
2014-04-29 14:39:02 +00:00
2014-09-09 14:36:56 +00:00
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The Red component of the color, will be between 0 and 255 (0 being no color, 255 full Red).< / p >
< / div >
< / div >
2014-09-09 14:36:56 +00:00
< dl class = "details" >
2014-04-29 14:39:02 +00:00
2014-09-09 14:36:56 +00:00
2014-04-29 14:39:02 +00:00
2014-09-09 14:36:56 +00:00
2014-04-29 14:39:02 +00:00
2014-09-09 14:36:56 +00:00
2014-04-29 14:39:02 +00:00
2014-09-09 14:36:56 +00:00
2014-04-29 14:39:02 +00:00
2014-09-09 14:36:56 +00:00
2014-04-29 14:39:02 +00:00
2014-09-09 14:36:56 +00:00
2014-04-29 14:39:02 +00:00
2014-09-09 14:36:56 +00:00
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-954" > line 954< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getRGB">< span class = "type-signature" > < static> < / span > getRGB< span class = "signature" > (color)< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-05-20 09:12:48 +00:00
< p > Return the component parts of a color as an Object with the properties alpha, red, green, blue.< / p >
2014-04-29 14:39:02 +00:00
< p > Alpha will only be set if it exist in the given color (0xAARRGGBB)< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > color< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > Color in RGB (0xRRGGBB) or ARGB format (0xAARRGGBB).< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
2014-04-29 14:39:02 +00:00
< / tbody >
< / table >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An Object with properties: alpha, red, green, blue (also r, g, b and a). Alpha will only be present if a color value > 16777215 was given.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-866" > line 866< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< / dl >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".getWebRGB">< span class = "type-signature" > < static> < / span > getWebRGB< span class = "signature" > (color)< / span > < span class = "type-signature" > → {string}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
< p > Returns a CSS friendly string value from the given color.< / p >
< / div >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
2013-10-03 01:38:35 +00:00
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > color< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
2014-07-10 19:31:11 +00:00
|
< span class = "param-type" > Object< / span >
2013-10-03 01:38:35 +00:00
< / td >
2014-07-10 19:31:11 +00:00
< td class = "description last" > < p > Color in RGB (0xRRGGBB), ARGB format (0xAARRGGBB) or an Object with r, g, b, a properties.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > string< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > A string in the format: 'rgba(r,g,b,a)'< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-908" > line 908< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".hexToColor">< span class = "type-signature" > < static> < / span > hexToColor< span class = "signature" > (hex, < span class = "optional" > out< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > Converts a hex string into a Phaser Color object.< / p >
2014-11-15 20:01:46 +00:00
< p > The hex string can supplied as < code > '#0033ff'< / code > or the short-hand format of < code > '#03f'< / code > ; it can begin with an optional " #" or " 0x" , or be unprefixed. < / p >
< p > An alpha channel is < em > not< / em > supported.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
2014-04-29 14:39:02 +00:00
< th > Argument< / th >
2013-10-03 01:38:35 +00:00
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > hex< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
2014-04-29 14:39:02 +00:00
< span class = "param-type" > string< / span >
2013-10-03 01:38:35 +00:00
< / td >
2014-04-29 14:39:02 +00:00
< td class = "attributes" >
< / td >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< td class = "description last" > < p > The color string in a hex format.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > out< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
2014-04-29 14:39:02 +00:00
< span class = "param-type" > object< / span >
2013-10-03 01:38:35 +00:00
< / td >
2014-04-29 14:39:02 +00:00
< td class = "attributes" >
< optional>< br >
< / td >
2014-10-09 15:12:53 +00:00
< td class = "description last" > < p > An object into which 3 properties will be created or set: r, g and b. If not provided a new object will be created.< / p > < / td >
2014-04-29 14:39:02 +00:00
< / tr >
2014-11-15 20:01:46 +00:00
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An object with the red, green and blue values set in the r, g and b properties.< / p >
< / div >
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-564" > line 564< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".hexToRGB">< span class = "type-signature" > < static> < / span > hexToRGB< span class = "signature" > (hex)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
< p > Converts a hex string into an integer color value.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > hex< / code > < / td >
< td class = "type" >
< span class = "param-type" > string< / span >
< / td >
< td class = "description last" > < p > The hex string to convert. Can be in the short-hand format < code > #03f< / code > or < code > #0033ff< / code > .< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The rgb color value in the format 0xAARRGGBB.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-545" > line 545< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".HSLColorWheel">< span class = "type-signature" > < static> < / span > HSLColorWheel< span class = "signature" > (< span class = "optional" > s< / span > , < span class = "optional" > l< / span > )< / span > < span class = "type-signature" > → {array}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
< p > Get HSL color wheel values in an array which will be 360 elements in size.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th > Argument< / th >
< th > Default< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > s< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
0.5
< / td >
< td class = "description last" > < p > The saturation, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > l< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
0.5
< / td >
< td class = "description last" > < p > The lightness, in the range 0 - 1.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > array< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An array containing 360 elements corresponding to the HSL color wheel.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-735" > line 735< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".HSLtoRGB">< span class = "type-signature" > < static> < / span > HSLtoRGB< span class = "signature" > (h, s, l, < span class = "optional" > out< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Converts an HSL (hue, saturation and lightness) color value to RGB.< br > Conversion forumla from http://en.wikipedia.org/wiki/HSL_color_space.< br > Assumes HSL values are contained in the set [0, 1] and returns r, g and b values in the set [0, 255].< br > Based on code by Michael Jackson (https://github.com/mjijackson)< / p >
2014-04-29 14:39:02 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th > Argument< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > h< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The hue, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > s< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The saturation, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > l< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The lightness, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > out< / code > < / td >
< td class = "type" >
< span class = "param-type" > object< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "description last" > < p > An object into which 3 properties will be created: r, g and b. If not provided a new object will be created.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An object with the red, green and blue values set in the r, g and b properties.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-220" > line 220< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".HSVColorWheel">< span class = "type-signature" > < static> < / span > HSVColorWheel< span class = "signature" > (< span class = "optional" > s< / span > , < span class = "optional" > v< / span > )< / span > < span class = "type-signature" > → {array}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
< p > Get HSV color wheel values in an array which will be 360 elements in size.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th > Argument< / th >
< th > Default< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > s< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
1
< / td >
< td class = "description last" > < p > The saturation, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > v< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
1
< / td >
< td class = "description last" > < p > The value, in the range 0 - 1.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > array< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An array containing 360 elements corresponding to the HSV color wheel.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-710" > line 710< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".HSVtoRGB">< span class = "type-signature" > < static> < / span > HSVtoRGB< span class = "signature" > (h, s, v, < span class = "optional" > out< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Converts an HSV (hue, saturation and value) color value to RGB.< br > Conversion forumla from http://en.wikipedia.org/wiki/HSL_color_space.< br > Assumes HSV values are contained in the set [0, 1] and returns r, g and b values in the set [0, 255].< br > Based on code by Michael Jackson (https://github.com/mjijackson)< / p >
2014-04-29 14:39:02 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th > Argument< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > h< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The hue, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > s< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The saturation, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > v< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The value, in the range 0 - 1.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > out< / code > < / td >
< td class = "type" >
< span class = "param-type" > object< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "description last" > < p > An object into which 3 properties will be created: r, g and b. If not provided a new object will be created.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An object with the red, green and blue values set in the r, g and b properties.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-327" > line 327< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".hueToColor">< span class = "type-signature" > < static> < / span > hueToColor< span class = "signature" > (p, q, t)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Converts a hue to an RGB color.< br > Based on code by Michael Jackson (https://github.com/mjijackson)< / p >
2014-04-29 14:39:02 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > p< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < / td >
< / tr >
< tr >
< td class = "name" > < code > q< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < / td >
< / tr >
< tr >
< td class = "name" > < code > t< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The color component value.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-396" > line 396< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".interpolateColor">< span class = "type-signature" > < static> < / span > interpolateColor< span class = "signature" > (color1, color2, steps, currentStep, alpha)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
< p > Interpolates the two given colours based on the supplied step and currentStep properties.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > color1< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The first color value.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > color2< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The second color value.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > steps< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The number of steps to run the interpolation over.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > currentStep< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The currentStep value. If the interpolation will take 100 steps, a currentStep value of 50 would be half-way between the two.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > alpha< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The alpha of the returned color.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< div class = "returns-type" >
< span class = "param-type" > number< / span >
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
-
< / div >
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< div class = "returns-desc param-desc" >
< p > The interpolated color value.< / p >
< / div >
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< / div >
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< dl class = "details" >
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-760" > line 760< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".interpolateColorWithRGB">< span class = "type-signature" > < static> < / span > interpolateColorWithRGB< span class = "signature" > (color, r, g, b, steps, currentStep)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
< p > Interpolates the two given colours based on the supplied step and currentStep properties.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > color< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The first color value.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > r< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The red color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The green color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The blue color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > steps< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The number of steps to run the interpolation over.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > currentStep< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The currentStep value. If the interpolation will take 100 steps, a currentStep value of 50 would be half-way between the two.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The interpolated color value.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-786" > line 786< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".interpolateRGB">< span class = "type-signature" > < static> < / span > interpolateRGB< span class = "signature" > (r1, g1, b1, r2, g2, b2, steps, currentStep)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
< p > Interpolates the two given colours based on the supplied step and currentStep properties.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > r1< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The red color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g1< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The green color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b1< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The blue color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > r2< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The red color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g2< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The green color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b2< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The blue color value, between 0 and 0xFF (255).< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > steps< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The number of steps to run the interpolation over.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > currentStep< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The currentStep value. If the interpolation will take 100 steps, a currentStep value of 50 would be half-way between the two.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The interpolated color value.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-08-26 00:18:47 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-810" > line 810< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".packPixel">< span class = "type-signature" > < static> < / span > packPixel< span class = "signature" > (r, g, b, a)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Packs the r, g, b, a components into a single integer, for use with Int32Array.< br > If device is little endian then ABGR order is used. Otherwise RGBA order is used.< / p >
2014-04-29 14:39:02 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > r< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The alpha color component, in the range 0 - 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The packed color as uint32< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
< dt class = "tag-author" > Author:< / dt >
< dd class = "tag-author" >
< ul >
< li > Matt DesLauriers (@mattdesl)< / li >
< / ul >
< / dd >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2015-03-23 23:46:30 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-14" > line 14< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".RGBtoHSL">< span class = "type-signature" > < static> < / span > RGBtoHSL< span class = "signature" > (r, g, b, < span class = "optional" > out< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Converts an RGB color value to HSL (hue, saturation and lightness).< br > Conversion forumla from http://en.wikipedia.org/wiki/HSL_color_space.< br > Assumes RGB values are contained in the set [0, 255] and returns h, s and l in the set [0, 1].< br > Based on code by Michael Jackson (https://github.com/mjijackson)< / p >
2014-04-29 14:39:02 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th > Argument< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > r< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > out< / code > < / td >
< td class = "type" >
< span class = "param-type" > object< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "description last" > < p > An object into which 3 properties will be created, h, s and l. If not provided a new object will be created.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An object with the hue, saturation and lightness values set in the h, s and l properties.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-161" > line 161< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".RGBtoHSV">< span class = "type-signature" > < static> < / span > RGBtoHSV< span class = "signature" > (r, g, b, < span class = "optional" > out< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Converts an RGB color value to HSV (hue, saturation and value).< br > Conversion forumla from http://en.wikipedia.org/wiki/HSL_color_space.< br > Assumes RGB values are contained in the set [0, 255] and returns h, s and v in the set [0, 1].< br > Based on code by Michael Jackson (https://github.com/mjijackson)< / p >
2014-04-29 14:39:02 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th > Argument< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > r< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > out< / code > < / td >
< td class = "type" >
< span class = "param-type" > object< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "description last" > < p > An object into which 3 properties will be created, h, s and v. If not provided a new object will be created.< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An object with the hue, saturation and value set in the h, s and v properties.< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-271" > line 271< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".RGBtoString">< span class = "type-signature" > < static> < / span > RGBtoString< span class = "signature" > (r, g, b, < span class = "optional" > a< / span > , < span class = "optional" > prefix< / span > )< / span > < span class = "type-signature" > → {string}< / span > < / h4 >
2014-04-29 14:39:02 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Converts the given color values into a string.< br > If prefix was '#' it will be in the format < code > #RRGGBB< / code > otherwise < code > 0xAARRGGBB< / code > .< / p >
2014-04-29 14:39:02 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th > Argument< / th >
< th > Default< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > r< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "attributes" >
< / td >
< td class = "default" >
< / td >
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
< td class = "name" > < code > g< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "attributes" >
< / td >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< td class = "default" >
< / td >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "attributes" >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< / td >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< td class = "default" >
< / td >
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > a< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
2014-04-29 14:39:02 +00:00
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
255
< / td >
< td class = "description last" > < p > The alpha color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > prefix< / code > < / td >
< td class = "type" >
< span class = "param-type" > string< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
'#'
< / td >
< td class = "description last" > < p > The prefix used in the return string. If '#' it will return < code > #RRGGBB< / code > , else < code > 0xAARRGGBB< / code > .< / p > < / td >
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > string< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > A string containing the color values. If prefix was '#' it will be in the format < code > #RRGGBB< / code > otherwise < code > 0xAARRGGBB< / code > .< / p >
< / div >
< / div >
2014-04-29 14:39:02 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-516" > line 516< / a >
< / dt >
< / dl >
< / dd >
< dt >
< h4 class = "name "
id=".toABGR">< span class = "type-signature" > < static> < / span > toABGR< span class = "signature" > (r, g, b, a)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
< / dt >
< dd >
< div class = "description" >
< p > Converts RGBA components to a 32 bit integer in AABBGGRR format.< / p >
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > r< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > g< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > b< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > a< / code > < / td >
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
< td class = "description last" > < p > The alpha color component, in the range 0 - 255.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > A RGBA-packed 32 bit integer< / p >
< / div >
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-144" > line 144< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-04-29 14:39:02 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".toRGBA">< span class = "type-signature" > < static> < / span > toRGBA< span class = "signature" > (r, g, b, a)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2014-04-29 14:39:02 +00:00
< p > A utility to convert RGBA components to a 32 bit integer in RRGGBBAA format.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > r< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The red color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > g< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The green color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > b< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The blue color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > a< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The alpha color component, in the range 0 - 255.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< div class = "returns-type" >
< span class = "param-type" > number< / span >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
-
< / div >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< div class = "returns-desc param-desc" >
< p > A RGBA-packed 32 bit integer< / p >
< / div >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< / div >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< dl class = "details" >
2014-04-29 14:39:02 +00:00
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< dt class = "tag-author" > Author:< / dt >
< dd class = "tag-author" >
< ul >
< li > Matt DesLauriers (@mattdesl)< / li >
< / ul >
< / dd >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2015-03-23 23:46:30 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-126" > line 126< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".unpackPixel">< span class = "type-signature" > < static> < / span > unpackPixel< span class = "signature" > (rgba, < span class = "optional" > out< / span > , < span class = "optional" > hsl< / span > , < span class = "optional" > hsv< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2016-08-26 00:18:47 +00:00
< p > Unpacks the r, g, b, a components into the specified color object, or a new< br > object, for use with Int32Array. If little endian, then ABGR order is used when< br > unpacking, otherwise, RGBA order is used. The resulting color object has the< br > < code > r, g, b, a< / code > properties which are unrelated to endianness.< / p >
< p > Note that the integer is assumed to be packed in the correct endianness. On little-endian< br > the format is 0xAABBGGRR and on big-endian the format is 0xRRGGBBAA. If you want a< br > endian-independent method, use fromRGBA(rgba) and toRGBA(r, g, b, a).< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
2014-04-29 14:39:02 +00:00
< th > Argument< / th >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< th > Default< / th >
2013-10-03 01:38:35 +00:00
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > rgba< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
< span class = "param-type" > number< / span >
< / td >
2014-04-29 14:39:02 +00:00
< td class = "attributes" >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< / td >
2013-10-03 01:38:35 +00:00
2014-04-29 14:39:02 +00:00
< td class = "default" >
< / td >
< td class = "description last" > < p > The integer, packed in endian order by packPixel.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > out< / code > < / td >
< td class = "type" >
< span class = "param-type" > object< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
< / td >
< td class = "description last" > < p > An object into which 3 properties will be created: r, g and b. If not provided a new object will be created.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > hsl< / code > < / td >
< td class = "type" >
< span class = "param-type" > boolean< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
false
< / td >
< td class = "description last" > < p > Also convert the rgb values into hsl?< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > hsv< / code > < / td >
< td class = "type" >
< span class = "param-type" > boolean< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "default" >
false
< / td >
< td class = "description last" > < p > Also convert the rgb values into hsv?< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An object with the red, green and blue values set in the r, g and b properties.< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-04-29 14:39:02 +00:00
< dt class = "tag-author" > Author:< / dt >
< dd class = "tag-author" >
< ul >
< li > Matt DesLauriers (@mattdesl)< / li >
< / ul >
< / dd >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2015-03-23 23:46:30 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-40" > line 40< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".updateColor">< span class = "type-signature" > < static> < / span > updateColor< span class = "signature" > (out)< / span > < span class = "type-signature" > → {number}< / span > < / h4 >
2013-10-03 01:38:35 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2013-10-03 01:38:35 +00:00
< div class = "description" >
2016-02-17 13:27:09 +00:00
< p > Takes a color object and updates the rgba, color and color32 properties.< / p >
2013-10-03 01:38:35 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
2014-04-29 14:39:02 +00:00
< td class = "name" > < code > out< / code > < / td >
2013-10-03 01:38:35 +00:00
< td class = "type" >
2014-04-29 14:39:02 +00:00
< span class = "param-type" > object< / span >
2013-10-03 01:38:35 +00:00
< / td >
2014-04-29 14:39:02 +00:00
< td class = "description last" > < p > The color object to update.< / p > < / td >
2013-10-03 01:38:35 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > number< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > A native color value integer (format: 0xAARRGGBB).< / p >
< / div >
< / div >
2013-10-03 01:38:35 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-465" > line 465< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2013-10-03 01:38:35 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
< / dd >
< dt >
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".valueToColor">< span class = "type-signature" > < static> < / span > valueToColor< span class = "signature" > (value, < span class = "optional" > out< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2014-11-15 20:01:46 +00:00
< / dt >
< dd >
< div class = "description" >
< p > Converts a value - a " hex" string, a " CSS 'web' string" , or a number - into red, green, blue, and alpha components.< / p >
< p > The value can be a string (see < code > hexToColor< / code > and < code > webToColor< / code > for the supported formats) or a packed integer (see < code > getRGB< / code > ).< / p >
< p > An alpha channel is < em > not< / em > supported when specifying a hex string.< / p >
< / div >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< th > Type< / th >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< th > Argument< / th >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > value< / code > < / td >
< td class = "type" >
< span class = "param-type" > string< / span >
|
2014-04-29 14:39:02 +00:00
< span class = "param-type" > number< / span >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< / td >
< td class = "attributes" >
< / td >
< td class = "description last" > < p > The color expressed as a recognized string format or a packed integer.< / p > < / td >
< / tr >
< tr >
< td class = "name" > < code > out< / code > < / td >
< td class = "type" >
< span class = "param-type" > object< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
< td class = "description last" > < p > The object to use for the output. If not provided a new object will be created.< / p > < / td >
< / tr >
< / tbody >
< / table >
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > The (< code > out< / code > ) object with the red, green, blue, and alpha values set as the r/g/b/a properties.< / p >
< / div >
2013-10-03 01:38:35 +00:00
2014-11-15 20:01:46 +00:00
< / div >
< dl class = "details" >
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-641" > line 641< / a >
2014-11-15 20:01:46 +00:00
< / dt >
< / dl >
2013-10-03 01:38:35 +00:00
2014-10-09 15:12:53 +00:00
< / dd >
< dt >
2014-11-15 20:01:46 +00:00
< h4 class = "name "
2015-08-24 14:43:45 +00:00
id=".webToColor">< span class = "type-signature" > < static> < / span > webToColor< span class = "signature" > (web, < span class = "optional" > out< / span > )< / span > < span class = "type-signature" > → {object}< / span > < / h4 >
2014-10-09 15:12:53 +00:00
< / dt >
< dd >
2014-11-15 20:01:46 +00:00
2014-10-09 15:12:53 +00:00
< div class = "description" >
< p > Converts a CSS 'web' string into a Phaser Color object.< / p >
2014-11-15 20:01:46 +00:00
< p > The web string can be in the format < code > 'rgb(r,g,b)'< / code > or < code > 'rgba(r,g,b,a)'< / code > where r/g/b are in the range [0..255] and a is in the range [0..1].< / p >
2014-10-09 15:12:53 +00:00
< / div >
< h5 > Parameters:< / h5 >
< table class = "params table table-striped" >
< thead >
< tr >
< th > Name< / th >
< th > Type< / th >
< th > Argument< / th >
< th class = "last" > Description< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td class = "name" > < code > web< / code > < / td >
< td class = "type" >
< span class = "param-type" > string< / span >
< / td >
< td class = "attributes" >
< / td >
2014-11-15 20:01:46 +00:00
< td class = "description last" > < p > The color string in CSS 'web' format.< / p > < / td >
2014-10-09 15:12:53 +00:00
< / tr >
< tr >
< td class = "name" > < code > out< / code > < / td >
< td class = "type" >
< span class = "param-type" > object< / span >
< / td >
< td class = "attributes" >
< optional>< br >
< / td >
2014-11-15 20:01:46 +00:00
< td class = "description last" > < p > An object into which 4 properties will be created: r, g, b and a. If not provided a new object will be created.< / p > < / td >
2014-10-09 15:12:53 +00:00
< / tr >
< / tbody >
< / table >
2014-11-15 20:01:46 +00:00
< h5 > Returns:< / h5 >
< div class = "returns" >
< div class = "returns-type" >
< span class = "param-type" > object< / span >
-
< / div >
< div class = "returns-desc param-desc" >
< p > An object with the red, green, blue and alpha values set in the r, g, b and a properties.< / p >
< / div >
< / div >
2014-10-09 15:12:53 +00:00
< dl class = "details" >
2014-11-15 20:01:46 +00:00
< dt class = "tag-source" > Source -
2016-07-08 14:46:26 +00:00
< a href = "src_utils_Color.js.html" > utils/Color.js< / a > , < a href = "src_utils_Color.js.html#sunlight-1-line-608" > line 608< / a >
2014-11-15 20:01:46 +00:00
< / dt >
2014-10-09 15:12:53 +00:00
< / dl >
2014-11-15 20:01:46 +00:00
2014-10-09 15:12:53 +00:00
2013-10-03 01:38:35 +00:00
< / dd >
< / dl >
< / article >
< / section >
< / div >
< div class = "clearfix" > < / div >
< footer >
< span class = "copyright" >
2016-04-22 14:15:28 +00:00
Phaser Copyright © 2012-2016 Photon Storm Ltd.
2013-10-03 01:38:35 +00:00
< / span >
< br / >
< span class = "jsdoc-message" >
2016-08-26 00:18:47 +00:00
Documentation generated by < a href = "https://github.com/jsdoc3/jsdoc" > JSDoc 3.4.0< / a >
on Fri Aug 26 2016 01:16:10 GMT+0100 (BST) using the < a href = "https://github.com/terryweiss/docstrap" > DocStrap template< / a > .
2013-10-03 01:38:35 +00:00
< / span >
< / footer >
< / div >
< div class = "span3" >
< div id = "toc" > < / div >
< / div >
< br clear = "both" >
< / div >
< / div >
< script src = "scripts/sunlight.js" > < / script >
< script src = "scripts/sunlight.javascript.js" > < / script >
< script src = "scripts/sunlight-plugin.doclinks.js" > < / script >
< script src = "scripts/sunlight-plugin.linenumbers.js" > < / script >
< script src = "scripts/sunlight-plugin.menu.js" > < / script >
< script src = "scripts/jquery.min.js" > < / script >
< script src = "scripts/jquery.scrollTo.js" > < / script >
< script src = "scripts/jquery.localScroll.js" > < / script >
< script src = "scripts/bootstrap-dropdown.js" > < / script >
< script src = "scripts/toc.js" > < / script >
< script > Sunlight . highlightAll ( { lineNumbers : true , showMenu : true , enableDoclinks : true } ) ; < / script >
< script >
$( function () {
$( "#toc" ).toc( {
2014-04-10 22:13:43 +00:00
anchorName : function(i, heading, prefix) {
2014-03-14 06:36:05 +00:00
return $(heading).attr("id") || ( prefix + i );
},
2013-10-03 01:38:35 +00:00
selectors : "h1,h2,h3,h4",
showAndHide : false,
scrollTo : 60
} );
$( "#toc>ul" ).addClass( "nav nav-pills nav-stacked" );
$( "#main span[id^='toc']" ).addClass( "toc-shim" );
} );
< / script >
< / body >
< / html >
