mirror of
https://github.com/EsotericSoftware/spine-runtimes.git
synced 2026-03-25 22:23:42 +08:00
Merge branch '4.1' into 4.2-beta
# Conflicts: # spine-ts/package-lock.json # spine-ts/package.json # spine-ts/spine-canvas/package.json # spine-ts/spine-core/package.json # spine-ts/spine-phaser/package.json # spine-ts/spine-pixi/package.json # spine-ts/spine-player/package.json # spine-ts/spine-threejs/package.json # spine-ts/spine-webgl/package.json
This commit is contained in:
commit
b33c6c58cc
@ -51,4 +51,4 @@ As an IDE, we recommend [Visual Studio Code](https://code.visualstudio.com/) wit
|
|||||||
|
|
||||||
The extensions provide IDE features like auto-completion, debugging, and build support.
|
The extensions provide IDE features like auto-completion, debugging, and build support.
|
||||||
|
|
||||||
To debug the HTML5 build, set the Lime target in the status bar at the bottom of VS Code to `HTML5 / Debug`. Next, press `CTRL+SHIFT+B` (`CMD+SHIFT+B` on macOS) to build the project. Run the `lime` run configuration by pressing `F5`. This will start a webserver at `http://localhost:3000`. Finally, start the `web` run configuration. If you modify code, rebuild and restart the `web` configuration.
|
To debug a build, set the corresponding Lime target in the status bar at the bottom of VS Code to e.g. `HTML5 / Debug`. Run the `lime` run configuration by pressing `F5`.
|
||||||
|
|||||||
@ -1,9 +1,10 @@
|
|||||||
import openfl.geom.Rectangle;
|
|
||||||
import spine.SkeletonData;
|
import spine.SkeletonData;
|
||||||
import spine.animation.AnimationStateData;
|
import spine.animation.AnimationStateData;
|
||||||
import spine.atlas.TextureAtlas;
|
import spine.atlas.TextureAtlas;
|
||||||
import spine.starling.SkeletonSprite;
|
import spine.starling.SkeletonSprite;
|
||||||
import starling.core.Starling;
|
import starling.core.Starling;
|
||||||
|
import starling.events.TouchEvent;
|
||||||
|
import starling.events.TouchPhase;
|
||||||
|
|
||||||
class BasicExample extends Scene {
|
class BasicExample extends Scene {
|
||||||
var loadBinary = true;
|
var loadBinary = true;
|
||||||
@ -24,5 +25,14 @@ class BasicExample extends Scene {
|
|||||||
|
|
||||||
addChild(skeletonSprite);
|
addChild(skeletonSprite);
|
||||||
juggler.add(skeletonSprite);
|
juggler.add(skeletonSprite);
|
||||||
|
|
||||||
|
addEventListener(TouchEvent.TOUCH, onTouch);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function onTouch(e:TouchEvent) {
|
||||||
|
var touch = e.getTouch(this);
|
||||||
|
if (touch != null && touch.phase == TouchPhase.ENDED) {
|
||||||
|
trace("Mouse clicked");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,6 +22,6 @@ class Main extends Sprite {
|
|||||||
starlingSingleton.start();
|
starlingSingleton.start();
|
||||||
Starling.current.stage.color = 0x000000;
|
Starling.current.stage.color = 0x000000;
|
||||||
|
|
||||||
SceneManager.getInstance().switchScene(new BasicExample());
|
SceneManager.getInstance().switchScene(new SequenceExample());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,3 +1,5 @@
|
|||||||
|
import starling.utils.Color;
|
||||||
|
import starling.display.Quad;
|
||||||
import starling.core.Starling;
|
import starling.core.Starling;
|
||||||
import starling.display.Sprite;
|
import starling.display.Sprite;
|
||||||
|
|
||||||
|
|||||||
42
spine-haxe/example/src/SequenceExample.hx
Normal file
42
spine-haxe/example/src/SequenceExample.hx
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
import spine.SkeletonData;
|
||||||
|
import spine.animation.AnimationStateData;
|
||||||
|
import spine.atlas.TextureAtlas;
|
||||||
|
import spine.starling.SkeletonSprite;
|
||||||
|
import starling.core.Starling;
|
||||||
|
import starling.events.TouchEvent;
|
||||||
|
import starling.events.TouchPhase;
|
||||||
|
|
||||||
|
class SequenceExample extends Scene {
|
||||||
|
var loadBinary = false;
|
||||||
|
|
||||||
|
public function load():Void {
|
||||||
|
var atlas = TextureAtlas.fromAssets("assets/dragon.atlas");
|
||||||
|
var skeletondata = SkeletonData.fromAssets("assets/dragon-ess" + (loadBinary ? ".skel" : ".json"), atlas);
|
||||||
|
var animationStateData = new AnimationStateData(skeletondata);
|
||||||
|
animationStateData.defaultMix = 0.25;
|
||||||
|
|
||||||
|
var skeletonSprite = new SkeletonSprite(skeletondata, animationStateData);
|
||||||
|
var bounds = skeletonSprite.skeleton.getBounds();
|
||||||
|
skeletonSprite.scale = Starling.current.stage.stageWidth / bounds.width * 0.5;
|
||||||
|
skeletonSprite.x = Starling.current.stage.stageWidth / 2;
|
||||||
|
skeletonSprite.y = Starling.current.stage.stageHeight * 0.9;
|
||||||
|
|
||||||
|
FIXME
|
||||||
|
sequences
|
||||||
|
are
|
||||||
|
broken
|
||||||
|
skeletonSprite.state.setAnimationByName(0, "flying", true);
|
||||||
|
|
||||||
|
addChild(skeletonSprite);
|
||||||
|
juggler.add(skeletonSprite);
|
||||||
|
|
||||||
|
addEventListener(TouchEvent.TOUCH, onTouch);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function onTouch(e:TouchEvent) {
|
||||||
|
var touch = e.getTouch(this);
|
||||||
|
if (touch != null && touch.phase == TouchPhase.ENDED) {
|
||||||
|
trace("Mouse clicked");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -929,7 +929,7 @@ class SkeletonJson {
|
|||||||
throw new SpineException("Slot not found: " + slotMapName);
|
throw new SpineException("Slot not found: " + slotMapName);
|
||||||
for (attachmentMapName in slotMap) {
|
for (attachmentMapName in slotMap) {
|
||||||
var attachmentMap = slotMap[attachmentMapName];
|
var attachmentMap = slotMap[attachmentMapName];
|
||||||
var attachment:VertexAttachment = cast(skin.getAttachment(slotIndex, attachmentMapName), VertexAttachment);
|
var attachment:Attachment = skin.getAttachment(slotIndex, attachmentMapName);
|
||||||
if (attachment == null)
|
if (attachment == null)
|
||||||
throw new SpineException("Timeline attachment not found: " + attachmentMapName);
|
throw new SpineException("Timeline attachment not found: " + attachmentMapName);
|
||||||
|
|
||||||
@ -940,11 +940,12 @@ class SkeletonJson {
|
|||||||
continue;
|
continue;
|
||||||
|
|
||||||
if (timelineMapName == "deform") {
|
if (timelineMapName == "deform") {
|
||||||
var weighted:Bool = attachment.bones != null;
|
var vertexAttachment = cast(attachment, VertexAttachment);
|
||||||
var vertices:Vector<Float> = attachment.vertices;
|
var weighted:Bool = vertexAttachment.bones != null;
|
||||||
|
var vertices:Vector<Float> = vertexAttachment.vertices;
|
||||||
var deformLength:Int = weighted ? Std.int(vertices.length / 3 * 2) : vertices.length;
|
var deformLength:Int = weighted ? Std.int(vertices.length / 3 * 2) : vertices.length;
|
||||||
|
|
||||||
var deformTimeline:DeformTimeline = new DeformTimeline(timelineMap.length, timelineMap.length, slotIndex, attachment);
|
var deformTimeline:DeformTimeline = new DeformTimeline(timelineMap.length, timelineMap.length, slotIndex, vertexAttachment);
|
||||||
time = getFloat(keyMap, "time");
|
time = getFloat(keyMap, "time");
|
||||||
frame = 0;
|
frame = 0;
|
||||||
bezier = 0;
|
bezier = 0;
|
||||||
|
|||||||
@ -19,7 +19,7 @@ class TextureAtlas {
|
|||||||
}
|
}
|
||||||
|
|
||||||
var textureLoader = new AssetsTextureLoader(basePath);
|
var textureLoader = new AssetsTextureLoader(basePath);
|
||||||
return new TextureAtlas(Assets.getText("assets/raptor.atlas"), textureLoader);
|
return new TextureAtlas(Assets.getText(path), textureLoader);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @param object A String or ByteArray. */
|
/** @param object A String or ByteArray. */
|
||||||
|
|||||||
@ -27,7 +27,7 @@
|
|||||||
* SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
* SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
import { Color, Disposable, TimeKeeper } from "@esotericsoftware/spine-core";
|
import { BlendMode, Color, Disposable, TimeKeeper } from "@esotericsoftware/spine-core";
|
||||||
import { GLTexture } from "./GLTexture";
|
import { GLTexture } from "./GLTexture";
|
||||||
import { ResizeMode, SceneRenderer } from "./SceneRenderer";
|
import { ResizeMode, SceneRenderer } from "./SceneRenderer";
|
||||||
|
|
||||||
@ -88,7 +88,7 @@ export class LoadingScreen implements Disposable {
|
|||||||
|
|
||||||
renderer.resize(ResizeMode.Expand);
|
renderer.resize(ResizeMode.Expand);
|
||||||
renderer.camera.position.set(canvas.width / 2, canvas.height / 2, 0);
|
renderer.camera.position.set(canvas.width / 2, canvas.height / 2, 0);
|
||||||
renderer.batcher.setBlendMode(gl.ONE, gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
|
renderer.batcher.setBlendMode(BlendMode.Normal, true);
|
||||||
|
|
||||||
if (complete) {
|
if (complete) {
|
||||||
this.fadeOut += this.timeKeeper.delta * (this.timeKeeper.totalTime < 1 ? 2 : 1);
|
this.fadeOut += this.timeKeeper.delta * (this.timeKeeper.totalTime < 1 ? 2 : 1);
|
||||||
|
|||||||
@ -27,12 +27,19 @@
|
|||||||
* SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
* SPINE RUNTIMES, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
import { Disposable } from "@esotericsoftware/spine-core";
|
import { BlendMode, Disposable } from "@esotericsoftware/spine-core";
|
||||||
import { GLTexture } from "./GLTexture";
|
import { GLTexture } from "./GLTexture";
|
||||||
import { Mesh, Position2Attribute, ColorAttribute, TexCoordAttribute, Color2Attribute } from "./Mesh";
|
import { Mesh, Position2Attribute, ColorAttribute, TexCoordAttribute, Color2Attribute } from "./Mesh";
|
||||||
import { Shader } from "./Shader";
|
import { Shader } from "./Shader";
|
||||||
import { ManagedWebGLRenderingContext } from "./WebGL";
|
import { ManagedWebGLRenderingContext } from "./WebGL";
|
||||||
|
|
||||||
|
const GL_ONE = 1;
|
||||||
|
const GL_ONE_MINUS_SRC_COLOR = 0x0301;
|
||||||
|
const GL_SRC_ALPHA = 0x0302;
|
||||||
|
const GL_ONE_MINUS_SRC_ALPHA = 0x0303;
|
||||||
|
const GL_ONE_MINUS_DST_ALPHA = 0x0305;
|
||||||
|
const GL_DST_COLOR = 0x0306;
|
||||||
|
|
||||||
export class PolygonBatcher implements Disposable {
|
export class PolygonBatcher implements Disposable {
|
||||||
public static disableCulling = false;
|
public static disableCulling = false;
|
||||||
|
|
||||||
@ -47,8 +54,7 @@ export class PolygonBatcher implements Disposable {
|
|||||||
private indicesLength = 0;
|
private indicesLength = 0;
|
||||||
private srcColorBlend: number;
|
private srcColorBlend: number;
|
||||||
private srcAlphaBlend: number;
|
private srcAlphaBlend: number;
|
||||||
private dstColorBlend: number;
|
private dstBlend: number;
|
||||||
private dstAlphaBlend: number;
|
|
||||||
private cullWasEnabled = false;
|
private cullWasEnabled = false;
|
||||||
|
|
||||||
constructor (context: ManagedWebGLRenderingContext | WebGLRenderingContext, twoColorTint: boolean = true, maxVertices: number = 10920) {
|
constructor (context: ManagedWebGLRenderingContext | WebGLRenderingContext, twoColorTint: boolean = true, maxVertices: number = 10920) {
|
||||||
@ -61,8 +67,7 @@ export class PolygonBatcher implements Disposable {
|
|||||||
let gl = this.context.gl;
|
let gl = this.context.gl;
|
||||||
this.srcColorBlend = gl.SRC_ALPHA;
|
this.srcColorBlend = gl.SRC_ALPHA;
|
||||||
this.srcAlphaBlend = gl.ONE;
|
this.srcAlphaBlend = gl.ONE;
|
||||||
this.dstColorBlend = gl.ONE_MINUS_SRC_ALPHA;
|
this.dstBlend = gl.ONE_MINUS_SRC_ALPHA;
|
||||||
this.dstAlphaBlend = gl.ONE_MINUS_SRC_ALPHA;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
begin (shader: Shader) {
|
begin (shader: Shader) {
|
||||||
@ -74,7 +79,7 @@ export class PolygonBatcher implements Disposable {
|
|||||||
|
|
||||||
let gl = this.context.gl;
|
let gl = this.context.gl;
|
||||||
gl.enable(gl.BLEND);
|
gl.enable(gl.BLEND);
|
||||||
gl.blendFuncSeparate(this.srcColorBlend, this.dstColorBlend, this.srcAlphaBlend, this.dstAlphaBlend);
|
gl.blendFuncSeparate(this.srcColorBlend, this.dstBlend, this.srcAlphaBlend, this.dstBlend);
|
||||||
|
|
||||||
if (PolygonBatcher.disableCulling) {
|
if (PolygonBatcher.disableCulling) {
|
||||||
this.cullWasEnabled = gl.isEnabled(gl.CULL_FACE);
|
this.cullWasEnabled = gl.isEnabled(gl.CULL_FACE);
|
||||||
@ -82,17 +87,28 @@ export class PolygonBatcher implements Disposable {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
setBlendMode (srcColorBlend: number, srcAlphaBlend: number, dstColorBlend: number, dstAlphaBlend: number) {
|
private static blendModesGL: {srcRgb: number, srcRgbPma: number, dstRgb: number, srcAlpha: number}[] = [
|
||||||
if (this.srcColorBlend == srcColorBlend && this.srcAlphaBlend == srcAlphaBlend && this.dstColorBlend == dstColorBlend && this.dstAlphaBlend == dstAlphaBlend) return;
|
{srcRgb: GL_SRC_ALPHA, srcRgbPma: GL_ONE, dstRgb: GL_ONE_MINUS_SRC_ALPHA, srcAlpha: GL_ONE },
|
||||||
|
{srcRgb: GL_SRC_ALPHA, srcRgbPma: GL_ONE, dstRgb: GL_ONE, srcAlpha: GL_ONE },
|
||||||
|
{srcRgb: GL_DST_COLOR, srcRgbPma: GL_DST_COLOR, dstRgb: GL_ONE_MINUS_SRC_ALPHA, srcAlpha: GL_ONE},
|
||||||
|
{srcRgb: GL_ONE, srcRgbPma: GL_ONE, dstRgb: GL_ONE_MINUS_SRC_COLOR, srcAlpha: GL_ONE }
|
||||||
|
]
|
||||||
|
|
||||||
|
setBlendMode (blendMode: BlendMode, premultipliedAlpha: boolean) {
|
||||||
|
const blendModeGL = PolygonBatcher.blendModesGL[blendMode];
|
||||||
|
const srcColorBlend = premultipliedAlpha ? blendModeGL.srcRgbPma : blendModeGL.srcRgb;
|
||||||
|
const srcAlphaBlend = blendModeGL.srcAlpha;
|
||||||
|
const dstBlend = blendModeGL.dstRgb;
|
||||||
|
|
||||||
|
if (this.srcColorBlend == srcColorBlend && this.srcAlphaBlend == srcAlphaBlend && this.dstBlend == dstBlend) return;
|
||||||
this.srcColorBlend = srcColorBlend;
|
this.srcColorBlend = srcColorBlend;
|
||||||
this.srcAlphaBlend = srcAlphaBlend;
|
this.srcAlphaBlend = srcAlphaBlend;
|
||||||
this.dstColorBlend = dstColorBlend;
|
this.dstBlend = dstBlend;
|
||||||
this.dstAlphaBlend = dstAlphaBlend;
|
|
||||||
if (this.isDrawing) {
|
if (this.isDrawing) {
|
||||||
this.flush();
|
this.flush();
|
||||||
let gl = this.context.gl;
|
|
||||||
gl.blendFuncSeparate(srcColorBlend, dstColorBlend, srcAlphaBlend, dstAlphaBlend);
|
|
||||||
}
|
}
|
||||||
|
let gl = this.context.gl;
|
||||||
|
gl.blendFuncSeparate(srcColorBlend, dstBlend, srcAlphaBlend, dstBlend);
|
||||||
}
|
}
|
||||||
|
|
||||||
draw (texture: GLTexture, vertices: ArrayLike<number>, indices: Array<number>) {
|
draw (texture: GLTexture, vertices: ArrayLike<number>, indices: Array<number>) {
|
||||||
|
|||||||
@ -43,8 +43,7 @@ export class ShapeRenderer implements Disposable {
|
|||||||
private tmp = new Vector2();
|
private tmp = new Vector2();
|
||||||
private srcColorBlend: number;
|
private srcColorBlend: number;
|
||||||
private srcAlphaBlend: number;
|
private srcAlphaBlend: number;
|
||||||
private dstColorBlend: number;
|
private dstBlend: number;
|
||||||
private dstAlphaBlend: number;
|
|
||||||
|
|
||||||
constructor (context: ManagedWebGLRenderingContext | WebGLRenderingContext, maxVertices: number = 10920) {
|
constructor (context: ManagedWebGLRenderingContext | WebGLRenderingContext, maxVertices: number = 10920) {
|
||||||
if (maxVertices > 10920) throw new Error("Can't have more than 10920 triangles per batch: " + maxVertices);
|
if (maxVertices > 10920) throw new Error("Can't have more than 10920 triangles per batch: " + maxVertices);
|
||||||
@ -53,8 +52,7 @@ export class ShapeRenderer implements Disposable {
|
|||||||
let gl = this.context.gl;
|
let gl = this.context.gl;
|
||||||
this.srcColorBlend = gl.SRC_ALPHA;
|
this.srcColorBlend = gl.SRC_ALPHA;
|
||||||
this.srcAlphaBlend = gl.ONE;
|
this.srcAlphaBlend = gl.ONE;
|
||||||
this.dstColorBlend = gl.ONE_MINUS_SRC_ALPHA;
|
this.dstBlend = gl.ONE_MINUS_SRC_ALPHA;
|
||||||
this.dstAlphaBlend = gl.ONE_MINUS_SRC_ALPHA;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
begin (shader: Shader) {
|
begin (shader: Shader) {
|
||||||
@ -65,18 +63,17 @@ export class ShapeRenderer implements Disposable {
|
|||||||
|
|
||||||
let gl = this.context.gl;
|
let gl = this.context.gl;
|
||||||
gl.enable(gl.BLEND);
|
gl.enable(gl.BLEND);
|
||||||
gl.blendFuncSeparate(this.srcColorBlend, this.dstColorBlend, this.srcAlphaBlend, this.dstAlphaBlend);
|
gl.blendFuncSeparate(this.srcColorBlend, this.dstBlend, this.srcAlphaBlend, this.dstBlend);
|
||||||
}
|
}
|
||||||
|
|
||||||
setBlendMode (srcColorBlend: number, srcAlphaBlend: number, dstColorBlend: number, dstAlphaBlend: number) {
|
setBlendMode (srcColorBlend: number, srcAlphaBlend: number, dstBlend: number) {
|
||||||
this.srcColorBlend = srcColorBlend;
|
this.srcColorBlend = srcColorBlend;
|
||||||
this.srcAlphaBlend = srcAlphaBlend;
|
this.srcAlphaBlend = srcAlphaBlend;
|
||||||
this.dstColorBlend = dstColorBlend;
|
this.dstBlend = dstBlend;
|
||||||
this.dstAlphaBlend = dstAlphaBlend;
|
|
||||||
if (this.isDrawing) {
|
if (this.isDrawing) {
|
||||||
this.flush();
|
this.flush();
|
||||||
let gl = this.context.gl;
|
let gl = this.context.gl;
|
||||||
gl.blendFuncSeparate(srcColorBlend, dstColorBlend, srcAlphaBlend, dstAlphaBlend);
|
gl.blendFuncSeparate(srcColorBlend, dstBlend, srcAlphaBlend, dstBlend);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -67,7 +67,7 @@ export class SkeletonDebugRenderer implements Disposable {
|
|||||||
let skeletonY = skeleton.y;
|
let skeletonY = skeleton.y;
|
||||||
let gl = this.context.gl;
|
let gl = this.context.gl;
|
||||||
let srcFunc = this.premultipliedAlpha ? gl.ONE : gl.SRC_ALPHA;
|
let srcFunc = this.premultipliedAlpha ? gl.ONE : gl.SRC_ALPHA;
|
||||||
shapes.setBlendMode(srcFunc, gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
|
shapes.setBlendMode(srcFunc, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
|
||||||
|
|
||||||
let bones = skeleton.bones;
|
let bones = skeleton.bones;
|
||||||
if (this.drawBones) {
|
if (this.drawBones) {
|
||||||
|
|||||||
@ -30,7 +30,7 @@
|
|||||||
import { NumberArrayLike, Color, SkeletonClipping, Vector2, Utils, Skeleton, BlendMode, RegionAttachment, TextureAtlasRegion, MeshAttachment, ClippingAttachment } from "@esotericsoftware/spine-core";
|
import { NumberArrayLike, Color, SkeletonClipping, Vector2, Utils, Skeleton, BlendMode, RegionAttachment, TextureAtlasRegion, MeshAttachment, ClippingAttachment } from "@esotericsoftware/spine-core";
|
||||||
import { GLTexture } from "./GLTexture";
|
import { GLTexture } from "./GLTexture";
|
||||||
import { PolygonBatcher } from "./PolygonBatcher";
|
import { PolygonBatcher } from "./PolygonBatcher";
|
||||||
import { ManagedWebGLRenderingContext, WebGLBlendModeConverter } from "./WebGL";
|
import { ManagedWebGLRenderingContext } from "./WebGL";
|
||||||
|
|
||||||
|
|
||||||
class Renderable {
|
class Renderable {
|
||||||
@ -68,11 +68,6 @@ export class SkeletonRenderer {
|
|||||||
let twoColorTint = this.twoColorTint;
|
let twoColorTint = this.twoColorTint;
|
||||||
let blendMode: BlendMode | null = null;
|
let blendMode: BlendMode | null = null;
|
||||||
|
|
||||||
let tempPos = this.temp;
|
|
||||||
let tempUv = this.temp2;
|
|
||||||
let tempLight = this.temp3;
|
|
||||||
let tempDark = this.temp4;
|
|
||||||
|
|
||||||
let renderable: Renderable = this.renderable;
|
let renderable: Renderable = this.renderable;
|
||||||
let uvs: NumberArrayLike;
|
let uvs: NumberArrayLike;
|
||||||
let triangles: Array<number>;
|
let triangles: Array<number>;
|
||||||
@ -166,11 +161,7 @@ export class SkeletonRenderer {
|
|||||||
let slotBlendMode = slot.data.blendMode;
|
let slotBlendMode = slot.data.blendMode;
|
||||||
if (slotBlendMode != blendMode) {
|
if (slotBlendMode != blendMode) {
|
||||||
blendMode = slotBlendMode;
|
blendMode = slotBlendMode;
|
||||||
batcher.setBlendMode(
|
batcher.setBlendMode(blendMode, premultipliedAlpha);
|
||||||
WebGLBlendModeConverter.getSourceColorGLBlendMode(blendMode, premultipliedAlpha),
|
|
||||||
WebGLBlendModeConverter.getSourceAlphaGLBlendMode(blendMode, premultipliedAlpha),
|
|
||||||
WebGLBlendModeConverter.getDestColorGLBlendMode(blendMode),
|
|
||||||
WebGLBlendModeConverter.getDestAlphaGLBlendMode(blendMode, premultipliedAlpha));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (clipper.isClipping()) {
|
if (clipper.isClipping()) {
|
||||||
|
|||||||
@ -62,63 +62,3 @@ export class ManagedWebGLRenderingContext {
|
|||||||
if (index > -1) this.restorables.splice(index, 1);
|
if (index > -1) this.restorables.splice(index, 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const ONE = 1;
|
|
||||||
const ONE_MINUS_SRC_COLOR = 0x0301;
|
|
||||||
const SRC_ALPHA = 0x0302;
|
|
||||||
const ONE_MINUS_SRC_ALPHA = 0x0303;
|
|
||||||
const ONE_MINUS_DST_ALPHA = 0x0305;
|
|
||||||
const DST_COLOR = 0x0306;
|
|
||||||
|
|
||||||
export class WebGLBlendModeConverter {
|
|
||||||
|
|
||||||
static getDestGLBlendMode (blendMode: BlendMode) {
|
|
||||||
switch (blendMode) {
|
|
||||||
case BlendMode.Normal: return ONE_MINUS_SRC_ALPHA;
|
|
||||||
case BlendMode.Additive: return ONE;
|
|
||||||
case BlendMode.Multiply: return ONE_MINUS_SRC_ALPHA;
|
|
||||||
case BlendMode.Screen: return ONE_MINUS_SRC_ALPHA;
|
|
||||||
default: throw new Error("Unknown blend mode: " + blendMode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
static getDestColorGLBlendMode (blendMode: BlendMode) {
|
|
||||||
switch (blendMode) {
|
|
||||||
case BlendMode.Normal: return ONE_MINUS_SRC_ALPHA;
|
|
||||||
case BlendMode.Additive: return ONE;
|
|
||||||
case BlendMode.Multiply: return ONE_MINUS_SRC_ALPHA;
|
|
||||||
case BlendMode.Screen: return ONE_MINUS_SRC_COLOR;
|
|
||||||
default: throw new Error("Unknown blend mode: " + blendMode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
static getDestAlphaGLBlendMode (blendMode: BlendMode, premultipliedAlpha: boolean = false) {
|
|
||||||
switch (blendMode) {
|
|
||||||
case BlendMode.Normal: return ONE_MINUS_SRC_ALPHA;
|
|
||||||
case BlendMode.Additive: return premultipliedAlpha ? ONE_MINUS_SRC_ALPHA : ONE;
|
|
||||||
case BlendMode.Multiply: return ONE_MINUS_SRC_ALPHA;
|
|
||||||
case BlendMode.Screen: return ONE_MINUS_SRC_ALPHA;
|
|
||||||
default: throw new Error("Unknown blend mode: " + blendMode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
static getSourceColorGLBlendMode (blendMode: BlendMode, premultipliedAlpha: boolean = false) {
|
|
||||||
switch (blendMode) {
|
|
||||||
case BlendMode.Normal: return premultipliedAlpha ? ONE : SRC_ALPHA;
|
|
||||||
case BlendMode.Additive: return premultipliedAlpha ? ONE : SRC_ALPHA;
|
|
||||||
case BlendMode.Multiply: return DST_COLOR;
|
|
||||||
case BlendMode.Screen: return premultipliedAlpha ? ONE : SRC_ALPHA;
|
|
||||||
default: throw new Error("Unknown blend mode: " + blendMode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
static getSourceAlphaGLBlendMode (blendMode: BlendMode, premultipliedAlpha: boolean = false) {
|
|
||||||
switch (blendMode) {
|
|
||||||
case BlendMode.Normal: return premultipliedAlpha ? SRC_ALPHA : ONE;
|
|
||||||
case BlendMode.Additive: return premultipliedAlpha ? SRC_ALPHA : ONE;
|
|
||||||
case BlendMode.Multiply: return ONE;
|
|
||||||
case BlendMode.Screen: return ONE;
|
|
||||||
default: throw new Error("Unknown blend mode: " + blendMode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user