mirror of
https://github.com/wassname/phaser.git
synced 2026-07-24 13:10:53 +08:00
Fixing up documentation, missing functions, examples and alpha masks.
This commit is contained in:
photonstorm
@@ -12,32 +12,29 @@
|
||||
it's because it makes debugging *significantly* easier for us. Feel free to replace all the below
|
||||
with just a call to ../dist/phaser.js instead if you prefer.
|
||||
-->
|
||||
<script src="../build/p2.js"></script>
|
||||
<script src="../src/Intro.js"></script>
|
||||
<script src="../src/pixi/Pixi.js"></script>
|
||||
<script src="../src/Phaser.js"></script>
|
||||
<script src="../src/utils/Utils.js"></script>
|
||||
|
||||
<script src="../src/pixi/Pixi.js"></script>
|
||||
<script src="../src/pixi/core/Point.js"></script>
|
||||
<script src="../src/pixi/core/Rectangle.js"></script>
|
||||
<script src="../src/pixi/core/Polygon.js"></script>
|
||||
<script src="../src/pixi/core/Circle.js"></script>
|
||||
<script src="../src/pixi/core/Ellipse.js"></script>
|
||||
<script src="../src/geom/Circle.js"></script>
|
||||
<script src="../src/geom/Point.js"></script>
|
||||
<script src="../src/geom/Rectangle.js"></script>
|
||||
<script src="../src/geom/Line.js"></script>
|
||||
<script src="../src/geom/Ellipse.js"></script>
|
||||
<script src="../src/geom/Polygon.js"></script>
|
||||
|
||||
<script src="../src/pixi/core/Matrix.js"></script>
|
||||
<script src="../src/pixi/display/DisplayObject.js"></script>
|
||||
<script src="../src/pixi/display/DisplayObjectContainer.js"></script>
|
||||
<script src="../src/pixi/display/Sprite.js"></script>
|
||||
<script src="../src/pixi/display/SpriteBatch.js"></script>
|
||||
<script src="../src/pixi/display/MovieClip.js"></script>
|
||||
<script src="../src/pixi/filters/FilterBlock.js"></script>
|
||||
<script src="../src/pixi/text/Text.js"></script>
|
||||
<script src="../src/pixi/text/BitmapText.js"></script>
|
||||
<script src="../src/pixi/InteractionData.js"></script>
|
||||
<script src="../src/pixi/InteractionManager.js"></script>
|
||||
<script src="../src/pixi/display/Stage.js"></script>
|
||||
<script src="../src/pixi/utils/Utils.js"></script>
|
||||
<script src="../src/pixi/utils/EventTarget.js"></script>
|
||||
<script src="../src/pixi/utils/Detector.js"></script>
|
||||
<script src="../src/pixi/utils/Polyk.js"></script>
|
||||
<script src="../src/pixi/renderers/webgl/utils/WebGLShaderUtils.js"></script>
|
||||
<script src="../src/pixi/renderers/webgl/shaders/PixiShader.js"></script>
|
||||
@@ -57,36 +54,10 @@
|
||||
<script src="../src/pixi/renderers/canvas/CanvasRenderer.js"></script>
|
||||
<script src="../src/pixi/renderers/canvas/CanvasGraphics.js"></script>
|
||||
<script src="../src/pixi/primitives/Graphics.js"></script>
|
||||
<script src="../src/pixi/extras/Strip.js"></script>
|
||||
<script src="../src/pixi/extras/Rope.js"></script>
|
||||
<script src="../src/pixi/extras/TilingSprite.js"></script>
|
||||
<script src="../src/pixi/extras/Spine.js"></script>
|
||||
<script src="../src/pixi/textures/BaseTexture.js"></script>
|
||||
<script src="../src/pixi/textures/Texture.js"></script>
|
||||
<script src="../src/pixi/textures/RenderTexture.js"></script>
|
||||
<script src="../src/pixi/loaders/AssetLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/JsonLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/AtlasLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/SpriteSheetLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/ImageLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/BitmapFontLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/SpineLoader.js"></script>
|
||||
<script src="../src/pixi/filters/AbstractFilter.js"></script>
|
||||
<script src="../src/pixi/filters/AlphaMaskFilter.js"></script>
|
||||
<script src="../src/pixi/filters/ColorMatrixFilter.js"></script>
|
||||
<script src="../src/pixi/filters/GrayFilter.js"></script>
|
||||
<script src="../src/pixi/filters/DisplacementFilter.js"></script>
|
||||
<script src="../src/pixi/filters/PixelateFilter.js"></script>
|
||||
<script src="../src/pixi/filters/BlurXFilter.js"></script>
|
||||
<script src="../src/pixi/filters/BlurYFilter.js"></script>
|
||||
<script src="../src/pixi/filters/BlurFilter.js"></script>
|
||||
<script src="../src/pixi/filters/InvertFilter.js"></script>
|
||||
<script src="../src/pixi/filters/SepiaFilter.js"></script>
|
||||
<script src="../src/pixi/filters/TwistFilter.js"></script>
|
||||
<script src="../src/pixi/filters/ColorStepFilter.js"></script>
|
||||
<script src="../src/pixi/filters/DotScreenFilter.js"></script>
|
||||
<script src="../src/pixi/filters/CrossHatchFilter.js"></script>
|
||||
<script src="../src/pixi/filters/RGBSplitFilter.js"></script>
|
||||
|
||||
<script src="../src/core/Camera.js"></script>
|
||||
<script src="../src/core/State.js"></script>
|
||||
@@ -115,29 +86,27 @@
|
||||
<script src="../src/input/InputHandler.js"></script>
|
||||
|
||||
<script src="../src/gameobjects/Events.js"></script>
|
||||
<script src="../src/gameobjects/GameObjectCreator.js"></script>
|
||||
<script src="../src/gameobjects/GameObjectFactory.js"></script>
|
||||
<script src="../src/gameobjects/BitmapData.js"></script>
|
||||
<script src="../src/gameobjects/Sprite.js"></script>
|
||||
<script src="../src/gameobjects/Image.js"></script>
|
||||
<script src="../src/gameobjects/TileSprite.js"></script>
|
||||
<script src="../src/gameobjects/Text.js"></script>
|
||||
<script src="../src/gameobjects/BitmapText.js"></script>
|
||||
<script src="../src/gameobjects/Button.js"></script>
|
||||
<script src="../src/gameobjects/Graphics.js"></script>
|
||||
<script src="../src/gameobjects/RenderTexture.js"></script>
|
||||
<script src="../src/gameobjects/SpriteBatch.js"></script>
|
||||
<script src="../src/gameobjects/BitmapFont.js"></script>
|
||||
|
||||
<script src="../src/system/Canvas.js"></script>
|
||||
<script src="../src/system/StageScaleMode.js"></script>
|
||||
<script src="../src/system/Device.js"></script>
|
||||
<script src="../src/system/RequestAnimationFrame.js"></script>
|
||||
|
||||
<script src="../src/math/RandomDataGenerator.js"></script>
|
||||
<script src="../src/math/Math.js"></script>
|
||||
<script src="../src/math/QuadTree.js"></script>
|
||||
|
||||
<script src="../src/geom/Circle.js"></script>
|
||||
<script src="../src/geom/Point.js"></script>
|
||||
<script src="../src/geom/Rectangle.js"></script>
|
||||
<script src="../src/geom/Line.js"></script>
|
||||
<script src="../src/math/RandomDataGenerator.js"></script>
|
||||
|
||||
<script src="../src/net/Net.js"></script>
|
||||
|
||||
@@ -165,9 +134,14 @@
|
||||
<script src="../src/utils/Debug.js"></script>
|
||||
<script src="../src/utils/Color.js"></script>
|
||||
|
||||
<script src="../src/physics/arcade/SAT.js"></script>
|
||||
<script src="../src/physics/arcade/ArcadePhysics.js"></script>
|
||||
<script src="../src/physics/arcade/Body.js"></script>
|
||||
<script src="../src/physics/World.js"></script>
|
||||
<script src="../src/physics/PointProxy.js"></script>
|
||||
<script src="../src/physics/InversePointProxy.js"></script>
|
||||
<script src="../src/physics/Body.js"></script>
|
||||
<script src="../src/physics/Spring.js"></script>
|
||||
<script src="../src/physics/Material.js"></script>
|
||||
<script src="../src/physics/ContactMaterial.js"></script>
|
||||
<script src="../src/physics/CollisionGroup.js"></script>
|
||||
|
||||
<script src="../src/particles/Particles.js"></script>
|
||||
<script src="../src/particles/arcade/ArcadeParticles.js"></script>
|
||||
|
||||
@@ -12,32 +12,29 @@
|
||||
it's because it makes debugging *significantly* easier for us. Feel free to replace all the below
|
||||
with just a call to ../build/phaser.js instead if you prefer.
|
||||
-->
|
||||
<script src="../build/p2.js"></script>
|
||||
<script src="../src/Intro.js"></script>
|
||||
<script src="../src/pixi/Pixi.js"></script>
|
||||
<script src="../src/Phaser.js"></script>
|
||||
<script src="../src/utils/Utils.js"></script>
|
||||
|
||||
<script src="../src/pixi/Pixi.js"></script>
|
||||
<script src="../src/pixi/core/Point.js"></script>
|
||||
<script src="../src/pixi/core/Rectangle.js"></script>
|
||||
<script src="../src/pixi/core/Polygon.js"></script>
|
||||
<script src="../src/pixi/core/Circle.js"></script>
|
||||
<script src="../src/pixi/core/Ellipse.js"></script>
|
||||
<script src="../src/geom/Circle.js"></script>
|
||||
<script src="../src/geom/Point.js"></script>
|
||||
<script src="../src/geom/Rectangle.js"></script>
|
||||
<script src="../src/geom/Line.js"></script>
|
||||
<script src="../src/geom/Ellipse.js"></script>
|
||||
<script src="../src/geom/Polygon.js"></script>
|
||||
|
||||
<script src="../src/pixi/core/Matrix.js"></script>
|
||||
<script src="../src/pixi/display/DisplayObject.js"></script>
|
||||
<script src="../src/pixi/display/DisplayObjectContainer.js"></script>
|
||||
<script src="../src/pixi/display/Sprite.js"></script>
|
||||
<script src="../src/pixi/display/SpriteBatch.js"></script>
|
||||
<script src="../src/pixi/display/MovieClip.js"></script>
|
||||
<script src="../src/pixi/filters/FilterBlock.js"></script>
|
||||
<script src="../src/pixi/text/Text.js"></script>
|
||||
<script src="../src/pixi/text/BitmapText.js"></script>
|
||||
<script src="../src/pixi/InteractionData.js"></script>
|
||||
<script src="../src/pixi/InteractionManager.js"></script>
|
||||
<script src="../src/pixi/display/Stage.js"></script>
|
||||
<script src="../src/pixi/utils/Utils.js"></script>
|
||||
<script src="../src/pixi/utils/EventTarget.js"></script>
|
||||
<script src="../src/pixi/utils/Detector.js"></script>
|
||||
<script src="../src/pixi/utils/Polyk.js"></script>
|
||||
<script src="../src/pixi/renderers/webgl/utils/WebGLShaderUtils.js"></script>
|
||||
<script src="../src/pixi/renderers/webgl/shaders/PixiShader.js"></script>
|
||||
@@ -57,36 +54,10 @@
|
||||
<script src="../src/pixi/renderers/canvas/CanvasRenderer.js"></script>
|
||||
<script src="../src/pixi/renderers/canvas/CanvasGraphics.js"></script>
|
||||
<script src="../src/pixi/primitives/Graphics.js"></script>
|
||||
<script src="../src/pixi/extras/Strip.js"></script>
|
||||
<script src="../src/pixi/extras/Rope.js"></script>
|
||||
<script src="../src/pixi/extras/TilingSprite.js"></script>
|
||||
<script src="../src/pixi/extras/Spine.js"></script>
|
||||
<script src="../src/pixi/textures/BaseTexture.js"></script>
|
||||
<script src="../src/pixi/textures/Texture.js"></script>
|
||||
<script src="../src/pixi/textures/RenderTexture.js"></script>
|
||||
<script src="../src/pixi/loaders/AssetLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/JsonLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/AtlasLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/SpriteSheetLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/ImageLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/BitmapFontLoader.js"></script>
|
||||
<script src="../src/pixi/loaders/SpineLoader.js"></script>
|
||||
<script src="../src/pixi/filters/AbstractFilter.js"></script>
|
||||
<script src="../src/pixi/filters/AlphaMaskFilter.js"></script>
|
||||
<script src="../src/pixi/filters/ColorMatrixFilter.js"></script>
|
||||
<script src="../src/pixi/filters/GrayFilter.js"></script>
|
||||
<script src="../src/pixi/filters/DisplacementFilter.js"></script>
|
||||
<script src="../src/pixi/filters/PixelateFilter.js"></script>
|
||||
<script src="../src/pixi/filters/BlurXFilter.js"></script>
|
||||
<script src="../src/pixi/filters/BlurYFilter.js"></script>
|
||||
<script src="../src/pixi/filters/BlurFilter.js"></script>
|
||||
<script src="../src/pixi/filters/InvertFilter.js"></script>
|
||||
<script src="../src/pixi/filters/SepiaFilter.js"></script>
|
||||
<script src="../src/pixi/filters/TwistFilter.js"></script>
|
||||
<script src="../src/pixi/filters/ColorStepFilter.js"></script>
|
||||
<script src="../src/pixi/filters/DotScreenFilter.js"></script>
|
||||
<script src="../src/pixi/filters/CrossHatchFilter.js"></script>
|
||||
<script src="../src/pixi/filters/RGBSplitFilter.js"></script>
|
||||
|
||||
<script src="../src/core/Camera.js"></script>
|
||||
<script src="../src/core/State.js"></script>
|
||||
@@ -115,29 +86,27 @@
|
||||
<script src="../src/input/InputHandler.js"></script>
|
||||
|
||||
<script src="../src/gameobjects/Events.js"></script>
|
||||
<script src="../src/gameobjects/GameObjectCreator.js"></script>
|
||||
<script src="../src/gameobjects/GameObjectFactory.js"></script>
|
||||
<script src="../src/gameobjects/BitmapData.js"></script>
|
||||
<script src="../src/gameobjects/Sprite.js"></script>
|
||||
<script src="../src/gameobjects/Image.js"></script>
|
||||
<script src="../src/gameobjects/TileSprite.js"></script>
|
||||
<script src="../src/gameobjects/Text.js"></script>
|
||||
<script src="../src/gameobjects/BitmapText.js"></script>
|
||||
<script src="../src/gameobjects/Button.js"></script>
|
||||
<script src="../src/gameobjects/Graphics.js"></script>
|
||||
<script src="../src/gameobjects/RenderTexture.js"></script>
|
||||
<script src="../src/gameobjects/SpriteBatch.js"></script>
|
||||
<script src="../src/gameobjects/BitmapFont.js"></script>
|
||||
|
||||
<script src="../src/system/Canvas.js"></script>
|
||||
<script src="../src/system/StageScaleMode.js"></script>
|
||||
<script src="../src/system/Device.js"></script>
|
||||
<script src="../src/system/RequestAnimationFrame.js"></script>
|
||||
|
||||
<script src="../src/math/RandomDataGenerator.js"></script>
|
||||
<script src="../src/math/Math.js"></script>
|
||||
<script src="../src/math/QuadTree.js"></script>
|
||||
|
||||
<script src="../src/geom/Circle.js"></script>
|
||||
<script src="../src/geom/Point.js"></script>
|
||||
<script src="../src/geom/Rectangle.js"></script>
|
||||
<script src="../src/geom/Line.js"></script>
|
||||
<script src="../src/math/RandomDataGenerator.js"></script>
|
||||
|
||||
<script src="../src/net/Net.js"></script>
|
||||
|
||||
@@ -165,9 +134,14 @@
|
||||
<script src="../src/utils/Debug.js"></script>
|
||||
<script src="../src/utils/Color.js"></script>
|
||||
|
||||
<script src="../src/physics/arcade/SAT.js"></script>
|
||||
<script src="../src/physics/arcade/ArcadePhysics.js"></script>
|
||||
<script src="../src/physics/arcade/Body.js"></script>
|
||||
<script src="../src/physics/World.js"></script>
|
||||
<script src="../src/physics/PointProxy.js"></script>
|
||||
<script src="../src/physics/InversePointProxy.js"></script>
|
||||
<script src="../src/physics/Body.js"></script>
|
||||
<script src="../src/physics/Spring.js"></script>
|
||||
<script src="../src/physics/Material.js"></script>
|
||||
<script src="../src/physics/ContactMaterial.js"></script>
|
||||
<script src="../src/physics/CollisionGroup.js"></script>
|
||||
|
||||
<script src="../src/particles/Particles.js"></script>
|
||||
<script src="../src/particles/arcade/ArcadeParticles.js"></script>
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
|
||||
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
|
||||
// var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
|
||||
|
||||
function preload() {
|
||||
|
||||
game.load.image('bg', 'assets/pics/color_wheel_swirl.png');
|
||||
game.load.image('pic', 'assets/pics/questar.png');
|
||||
game.load.image('mask1', 'assets/pics/mask-test.png');
|
||||
game.load.image('mask2', 'assets/pics/mask-test2.png');
|
||||
|
||||
}
|
||||
|
||||
var pic;
|
||||
var mask;
|
||||
|
||||
function create() {
|
||||
|
||||
game.add.image(-200, 0, 'bg');
|
||||
|
||||
pic = game.add.sprite(0, 0, 'mask1');
|
||||
// pic = game.add.sprite(0, 0, 'pic');
|
||||
|
||||
// mask.addChild(pic);
|
||||
|
||||
// pic.blendMode = Phaser.blendModes.NORMAL;
|
||||
// pic.blendMode = Phaser.blendModes.ADD;
|
||||
// mask.blendMode = Phaser.blendModes.MULTIPLY;
|
||||
// pic.blendMode = Phaser.blendModes.SCREEN;
|
||||
// mask.blendMode = Phaser.blendModes.OVERLAY;
|
||||
// pic.blendMode = Phaser.blendModes.DARKEN;
|
||||
// pic.blendMode = Phaser.blendModes.LIGHTEN;
|
||||
// pic.blendMode = Phaser.blendModes.COLOR_DODGE;
|
||||
// pic.blendMode = Phaser.blendModes.COLOR_BURN;
|
||||
// pic.blendMode = Phaser.blendModes.HARD_LIGHT;
|
||||
// pic.blendMode = Phaser.blendModes.SOFT_LIGHT;
|
||||
// pic.blendMode = Phaser.blendModes.DIFFERENCE;
|
||||
// pic.blendMode = Phaser.blendModes.EXCLUSION;
|
||||
// pic.blendMode = Phaser.blendModes.HUE;
|
||||
// pic.blendMode = PIXI.blendModes.SATURATION;
|
||||
pic.blendMode = Phaser.blendModes.COLOR;
|
||||
// pic.blendMode = Phaser.blendModes.LUMINOSITY;
|
||||
|
||||
}
|
||||
|
||||
function update() {
|
||||
|
||||
|
||||
}
|
||||
|
||||
function render() {
|
||||
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
|
||||
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
|
||||
// var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
|
||||
|
||||
function preload() {
|
||||
|
||||
game.load.image('atari', 'assets/sprites/atari130xe.png');
|
||||
|
||||
}
|
||||
|
||||
var atari1;
|
||||
var graphics;
|
||||
|
||||
function create() {
|
||||
|
||||
atari1 = game.add.sprite(50, 50, 'atari');
|
||||
|
||||
graphics = game.add.graphics(0, 0);
|
||||
|
||||
graphics.beginFill(0xFF3300);
|
||||
graphics.moveTo(0,50);
|
||||
graphics.lineTo(250, 50);
|
||||
graphics.lineTo(100, 100);
|
||||
graphics.lineTo(250, 220);
|
||||
graphics.lineTo(50, 220);
|
||||
graphics.lineTo(0, 50);
|
||||
graphics.endFill();
|
||||
|
||||
atari1.mask = graphics;
|
||||
|
||||
}
|
||||
|
||||
function update() {
|
||||
|
||||
|
||||
}
|
||||
|
||||
function render() {
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user