Excalibur.js logoDocsSamplesCommunityGalleryContributeBlogDonate
Open Table of Contents Close Table of Contents
Documentation
Introduction
WelcomeExcalibur's Philosophy
Getting Started
Installation GuideGetting StartedBuild & Bundlers
Fundamentals
ActorsEngine FundamentalsCamerasScenesClock
Screen & Viewport
DisplayModesScreen & Viewport
Graphics
ColorGraphicsLinesSpritesSpritesheetsText & FontsAnimationCanvasGraphics ComponentGraphics GroupGraphics ContextParallaxPostProcessorsCustom Renderer Plugins
Entity Component System
ECSEntitiesComponentsSystemsQueries
Resources
ImageSourceLoaderSound
Actions
ActionsBlinkCallMethodParallel ActionsDelayEaseToMoveTo/MoveByFadeRotateTo/RotateByRepeatDieFollowMeetScaleTo/ScaleBy
TileMaps
Isometric TileMapsTileMap
Math
MatrixRandomRayVector
Physics
PhysicsFixed UpdateBodiesCollidersCollision EventsCollision GroupsCollision Types
Input
InputKeyboardPointersGamepad
Migration Guides
Migration
Other
Debugging TipsEventsPatternsTimersTriggersUIParticlesPerformanceHosting Excalibur GamesUtilities
Plugins
Aseprite pluginTiled PluginDev Tool
Examples
API Reference
Edge (latest)v0.27.0v0.26.0v0.25.3v0.25.2v0.25.1

Parallax

The ParallaxComponent can be used for creating parallax effects on the graphics, entities with this component are drawn differently and a collider will not be where you expect. It is not recommended you use colliders with parallax entities.

const actor = new ex.Actor()
// The actor will be drawn shifted based on the camera position scaled by the parallax factor
actor.addComponent(new ParallaxComponent(ex.vec(0.5, 0.5)))
Get Involved
GitHub RepoOpen an IssueAsk a QuestionDonate
Excalibur.js logo
Free & Open Source (BSD 2-Clause)