このページをGitHubで編集する

Class: PIXI.Graphics

PIXI.Graphics (geometry)

new PIXI.Graphics (geometry)

PIXI.tilemap.GraphicsLayer のスーパークラス。

線や丸などを使って画像を描くためのクラス。
多くのメソッドが自分自身である PIXI.Graphics を返してくるのは、メソッドを連続で書くメソッドチェーンを使えるようにするため。

詳細は本家 PIXI のサイト PIXI.Graphics を参照。
なお、JavaScript の canvas クラスと共通する部分が多いので、そちらを調べても良い。

Parameters:
Name Type Description
geometry PIXI.GraphicsGeometry opt. ジオメトリ
Properties:
Name Type Description
_fillStyle PIXI.FillStyle 塗りの形式
_holeMode Boolean 穴あけモードか(規定値: false)
_lineStyle PIXI.LineStyle 線の形式
_matrix PIXI.Matrix 変形行列
batches Array.<Object> バッチ
batchTint Number (規定値: -1)
blendMode Number ブレンドモード(規定値: PIXI.BLEND_MODES.NORMAL)
currentPath PIXI.Polygon 現在のパス
fill PIXI.FillStyle [read-only] 塗りの形式
geometry PIXI.GraphicsGeometry ジオメトリ
line PIXI.LineStyle [read-only] 線の形式
pluginName String 規定値: 'batch'
shader PIXI.Shader シェーダー
state PIXI.State 状態
tint Number 枠線の色(規定値: 0xFFFFFF)
vertexData Float32Array 頂点データ

Extends

Inherited From

PIXI.DisplayObject

PIXI.Container

Methods

_calculateBounds ()

Overrides:PIXI.Container.md

_initCurve (x, y)

曲線の初期化。

Parameters:
Name Type Default Description
x Number 0 opt. x座標(ピクセル)
y Number 0 opt. y座標(ピクセル)

_render (renderer)

Overrides:_render (renderer)

arc (cx, cy, radius, startAngle, endAngle, anticlockwise) → {PIXI.Graphics}

円弧を描き、自分自身を返す。

Parameters:
Name Type Default Description
cx Number   中心 x座標(ピクセル)
cy Number   中心 y座標(ピクセル)
radius Number   半径(ピクセル)
startAngle Number   開始角度
endAngle Number   終点角度
anticlockwise Number false opt. 反時計回りか

arcTo (x1, y1, x2, y2, radius) → {PIXI.Graphics}

角丸を描き、自身を返す。
直前のポイント - 中間点、中間点 - 到達点 と直線を引き、両直線に接するようにradius 半径の円弧を描く、という手順で角丸を描く。

Parameters:
Name Type Description
x1 Number 中間点の x座標(ピクセル)
y1 Number 中間点の y座標(ピクセル)
x2 Number 到達点の x座標(ピクセル)
y2 Number 到達点の y座標(ピクセル)
radius Number 角丸の半径(ピクセル)

beginFill (color, alpha) → {PIXI.Graphics}

塗り潰しを開始し、自身を返す。

Parameters:
Name Type Default Description
color Number 0 opt.
alpha Number 1 opt.

beginHole () → {PIXI.Graphics}

最後に描いたシェイプの内側に穴を開け始め、自身を返す。

beginTextureFill (color, alpha) → {PIXI.Graphics}

テクスチャの塗り潰しを開始し、自身を返す。
第1引数の color は代わりに texture も使える。
第2引数の alpha は数値でも PIXI.Matrix でも指定可能。

Parameters:
Name Type Default Description
texture PIXI.Texture PIXI.Texture.WHITE opt. 塗り潰しテクスチャ
color Number 0xffffff opt. 塗り潰し色
alpha Number 1 opt. 不透明度
alpha PIXI.Matrix null opt. 不透明度

bezierCurveTo (cpX, cpY, cpX2, cpY2, toX, toY) → {PIXI.Graphics}

3次ベジェ曲線を引き、自身を返す。

Parameters:
Name Type Description
cpX Number 制御点1の x座標(ピクセル)
cpY Number 制御点1の y座標(ピクセル)
cpX2 Number 制御点2の x座標(ピクセル)
cpY2 Number 制御点2の y座標(ピクセル)
toX Number 到達点の x座標(ピクセル)
toY Number 到達点の y座標(ピクセル)

calculateTints ()

枠線を計算。

calculateVertices ()

頂点を計算。

clear () → {PIXI.Graphics}

画像を消去して、自身を返す。

clone () → {PIXI.Graphics}

複製を作って返す。

closePath () → {PIXI.Graphics}

パスを閉じて、自身を返す。

containsPoint (point) → {Boolean}

指定座標が含まれるか。

Parameters:
Name Type Description
point PIXI.Point  

destroy (options)

Overrides:PIXI.Container

Parameters:
Name Type Description
options Object | Boolean opt. 以下のオプション全てに同じ値が設定される

options に Object として指定する内容

Name Type Default Description
children Boolean false opt. 子も破棄するか
texture Boolean false opt. children と texture が true だと子のテクスチャを破棄する
baseTexture Boolean false opt. children と baseTexture が true だと子のベーステクスチャを破棄する

drawCircle (x, y, radius) → {PIXI.Graphics}

円を描き、自身を返す。

Parameters:
Name Type Description
x Number 中心の x座標(ピクセル)
y Number 中心の y座標(ピクセル)
radius Number 半径(ピクセル)

drawEllipse (x, y, width, height) → {PIXI.Graphics}

楕円を描き、自身を返す。

Parameters:
Name Type Description
x Number 中心の x座標(ピクセル)
y Number 中心の y座標(ピクセル)
width Number 幅(ピクセル)
height Number 高さ(ピクセル)

drawPolygon (path) → {PIXI.Graphics}

多角形を描き、自身を返す。

Parameters:
Name Type Description
path Array.<Number> | Array.<PIXI.Point> | Array.<PIXI.Polygon> パス

drawRect (x, y, width, height) → {PIXI.Graphics}

四角形を描き、自身を返す。

Parameters:
Name Type Description
x Number 中心の x座標(ピクセル)
y Number 中心の y座標(ピクセル)
width Number 幅(ピクセル)
height Number 高さ(ピクセル)

drawRoundedRect (x, y, width, height, radius) → {PIXI.Graphics}

角丸の四角形を描き、自身を返す。

Parameters:
Name Type Description
x Number 中心のx座標(ピクセル)
y Number 中心のy座標(ピクセル)
width Number 幅(ピクセル)
height Number 高さ(ピクセル)
radius Number 半径(ピクセル)

drawShape (shape) → {PIXI.Graphics}

角丸の四角形を描き、自身を返す。

Parameters:
Name Type Description
shape PIXI.Circle | PIXI.Ellipse | PIXI.Polygon | PIXI.Rectangle | PIXI.RoundedRectangle  

drawStar (x, y, points, radius, innerRadius, rotation) → {PIXI.Graphics}

星型の図形を描き、自身を返す。

Parameters:
Name Type Default Description
x Number   中心のx座標(ピクセル)
y Number   中心のy座標(ピクセル)
points Number   頂点の数
radius Number   半径(ピクセル)
innerRadius Number radius の半分 opt. 内側の半径(ピクセル)
rotation Number 0 opt. 回転角(ラジアン)

endFill () → {PIXI.Graphics}

塗り潰しを終了し、自身を返す。

endHole () → {PIXI.Graphics}

穴あけを終了し、自身を返す。

finishPoly () → {PIXI.Graphics}

多角形を終了し、自身を返す。

generateCanvasTexture (scaleMode, resolution) → {PIXI.Texture}

指定の設定でテクスチャ(PIXI.Texture)を生成して返す。

Parameters:
Name Type Description
scaleMode Number PIXI.SCALE_MODES
resolution Number 解像度

isFastRect () → {Boolean}

最初の角か。

lineStyle (width, color, alpha, alignment, native) → {PIXI.Graphics}

指定の値でラインスタイルを設定し、自身を返す。

Parameters:
Name Type Default Description
width Number 0 opt. 幅(ピクセル)
color Number 0 opt. 色
alpha Number 1 opt. 不透明度
alignment Number 0.5 opt.
native Boolean false opt.

lineTextureStyle (width, texture, color, alpha, matrix, alignment, native) → {PIXI.Graphics}

指定の値でラインテクスチャスタイルを設定し、自身を返す。

Parameters:
Name Type Default Description
width Number 0 opt. 幅(ピクセル)
texture PIXI.Texture PIXI.Texture.WHITE opt. テスクチャ
color Number 0 opt. 色
alpha Number 1 opt. 不透明度
matrix PIXI.Matrix null opt.
alignment Number 0.5 opt.
native Boolean false opt.

lineTo (x, y) → {PIXI.Graphics}

指定座標まで線を引き、自身を返す。

Parameters:
Name Type Description
x Number x座標(ピクセル)
y Number y座標(ピクセル)

moveTo (x, y) → {PIXI.Graphics}

指定座標まで描画位置を移動し、自身を返す。

Parameters:
Name Type Description
x Number x座標(ピクセル)
y Number y座標(ピクセル)

quadraticCurveTo (cpX, cpY, toX, toY) → {PIXI.Graphics}

2次ベジェ曲線を引き、自身を返す。

Parameters:
Name Type Description
cpX Number コントロールポイントx座標(ピクセル)
cpY Number コントロールポイントy座標(ピクセル)
toX Number x座標(ピクセル)
toY Number y座標(ピクセル)

setMatrix (matrix) → {PIXI.Graphics}

マトリクスを設定し、自身を返す。

Parameters:
Name Type Description
matrix PIXI.Matrix マトリクス

startPoly ()

多角形の描画を開始。


Documentation generated by JSDoc 3.5.5

Menu

  • RPGツクールMV JavaScript 非公式リファレンス
  • Class: Array
  • Class: AudioManager
  • Class: BattleManager
  • Class: Bitmap
  • Class: CacheEntry
  • Class: CacheMap
  • Class: ConfigManager
  • Class: DataManager
  • Class: Decrypter
  • Class: Game_Action
  • Class: Game_ActionResult
  • Class: Game_Actor
  • Class: Game_Actors
  • Class: Game_Battler
  • Class: Game_BattlerBase
  • Class: Game_Character
  • Class: Game_CharacterBase
  • Class: Game_CommonEvent
  • Class: Game_Enemy
  • Class: Game_Event
  • Class: Game_Follower
  • Class: Game_Followers
  • Class: Game_Interpreter
  • Class: Game_Item
  • Class: Game_Map
  • Class: Game_Message
  • Class: Game_Party
  • Class: Game_Picture
  • Class: Game_Player
  • Class: Game_Screen
  • Class: Game_SelfSwitches
  • Class: Game_Switches
  • Class: Game_System
  • Class: Game_Temp
  • Class: Game_Timer
  • Class: Game_Troop
  • Class: Game_Unit
  • Class: Game_Variables
  • Class: Game_Vehicle
  • Class: Graphics
  • Class: Html5Audio
  • Class: ImageCache
  • Class: ImageManager
  • Class: Input
  • Class: JsonEx
  • Class: MV.AudioParameters
  • Class: MV.BattleLogMethod
  • Class: MV.BattleRewards
  • Class: MV.BattlerAnimation
  • Class: MV.CommandItem
  • Class: MV.ConfigData
  • Class: MV.DatabaseFile
  • Class: MV.Matrix
  • Class: MV.Motion
  • Class: MV.PluginSettings
  • Class: MV.SaveContents
  • Class: MV.SaveFileInfo
  • Class: MV.TextState
  • Class: MV.TouchInputEvents
  • Namespace: MV
  • Class: Math
  • Class: Number
  • Class: PIXI.Container
  • Class: PIXI.DisplayObject
  • Class: PIXI.Graphics
  • Class: PIXI.Sprite
  • Class: PluginManager
  • Class: Point
  • Class: RPG.Actor
  • Class: RPG.Animation.Timing
  • Class: RPG.Animation
  • Class: RPG.Armor
  • Class: RPG.AudioFile
  • Class: RPG.BaseItem
  • Class: RPG.BattleEventPage.Conditions
  • Class: RPG.BattleEventPage
  • Class: RPG.Class.Learning
  • Class: RPG.Class
  • Class: RPG.CommonEvent
  • Class: RPG.Damage
  • Class: RPG.Effect
  • Class: RPG.Enemy.Action
  • Class: RPG.Enemy.DropItem
  • Class: RPG.Enemy
  • Class: RPG.EquipItem
  • Class: RPG.Event
  • Class: RPG.EventCommand
  • Class: RPG.EventPage.Conditions
  • Class: RPG.EventPage.Image
  • Class: RPG.EventPage
  • Class: RPG.Item
  • Class: RPG.Map.Encounter
  • Class: RPG.Map
  • Class: RPG.MapInfo
  • Class: RPG.MetaData
  • Class: RPG.MoveCommand
  • Class: RPG.MoveRoute
  • Class: RPG.Skill
  • Class: RPG.State
  • Class: RPG.System.AttackMotion
  • Class: RPG.System.Terms
  • Class: RPG.System.TestBattler
  • Class: RPG.System.Vehicle
  • Class: RPG.System
  • Class: RPG.Tileset
  • Class: RPG.Trait
  • Class: RPG.Troop.Member
  • Class: RPG.Troop
  • Class: RPG.UsableItem
  • Class: RPG.Weapon
  • Namespace: RPG
  • Class: Rectangle
  • Class: RequestQueue
  • Class: ResourceHandler
  • Class: SceneManager
  • Class: Scene_Base
  • Class: Scene_Battle
  • Class: Scene_Boot
  • Class: Scene_Debug
  • Class: Scene_Equip
  • Class: Scene_File
  • Class: Scene_GameEnd
  • Class: Scene_Gameover
  • Class: Scene_Item
  • Class: Scene_ItemBase
  • Class: Scene_Load
  • Class: Scene_Map
  • Class: Scene_Menu
  • Class: Scene_MenuBase
  • Class: Scene_Name
  • Class: Scene_Options
  • Class: Scene_Save
  • Class: Scene_Shop
  • Class: Scene_Skill
  • Class: Scene_Status
  • Class: Scene_Title
  • Class: ScreenSprite
  • Class: ShaderTilemap
  • Class: SoundManager
  • Class: Sprite
  • Class: Sprite_Actor
  • Class: Sprite_Animation
  • Class: Sprite_Balloon
  • Class: Sprite_Base
  • Class: Sprite_Battler
  • Class: Sprite_Button
  • Class: Sprite_Character
  • Class: Sprite_Damage
  • Class: Sprite_Destination
  • Class: Sprite_Enemy
  • Class: Sprite_Picture
  • Class: Sprite_StateIcon
  • Class: Sprite_StateOverlay
  • Class: Sprite_Timer
  • Class: Sprite_Weapon
  • Class: Spriteset_Base
  • Class: Spriteset_Battle
  • Class: Spriteset_Map
  • Class: Stage
  • Class: StorageManager
  • Class: String
  • Class: TextManager
  • Class: Tilemap
  • Class: TilingSprite
  • Class: ToneFilter
  • Class: ToneSprite
  • Class: TouchInput
  • Class: Utils
  • Class: Weather
  • Class: WebAudio
  • Class: Window
  • Class: WindowLayer
  • Class: Window_ActorCommand
  • Class: Window_Base
  • Class: Window_BattleActor
  • Class: Window_BattleEnemy
  • Class: Window_BattleItem
  • Class: Window_BattleLog
  • Class: Window_BattleSkill
  • Class: Window_BattleStatus
  • Class: Window_ChoiceList
  • Class: Window_Command
  • Class: Window_DebugEdit
  • Class: Window_DebugRange
  • Class: Window_EquipCommand
  • Class: Window_EquipItem
  • Class: Window_EquipSlot
  • Class: Window_EquipStatus
  • Class: Window_EventItem
  • Class: Window_GameEnd
  • Class: Window_Gold
  • Class: Window_Help
  • Class: Window_HorzCommand
  • Class: Window_ItemCategory
  • Class: Window_ItemList
  • Class: Window_MapName
  • Class: Window_MenuActor
  • Class: Window_MenuCommand
  • Class: Window_MenuStatus
  • Class: Window_Message
  • Class: Window_NameEdit
  • Class: Window_NameInput
  • Class: Window_NumberInput
  • Class: Window_Options
  • Class: Window_PartyCommand
  • Class: Window_SavefileList
  • Class: Window_ScrollText
  • Class: Window_Selectable
  • Class: Window_ShopBuy
  • Class: Window_ShopCommand
  • Class: Window_ShopNumber
  • Class: Window_ShopSell
  • Class: Window_ShopStatus
  • Class: Window_SkillList
  • Class: Window_SkillStatus
  • Class: Window_SkillType
  • Class: Window_Status
  • Class: Window_TitleCommand
  • Global
  • クラスツリー