<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dragonbones骨骼动画换肤(旧版,不支持新版纹理数据,停用)</title>
<script type="text/javascript" src="../libs/pixi.js"></script>
<script type="text/javascript" src="../Egret/dragonBones.js"></script>
<script type="text/javascript" src="../Egret/dragonBonesPixi.js"></script>
</head>
<body>
<script>
var app = new PIXI.Application(800, 600, {
backgroundColor: 0x1099bb
});
document.body.appendChild(app.view);
PIXI.loader.reset();
PIXI.loader
.add("dragonBonesData", "../dragonbones/002/Bicycle_ske.json")
.add("textureData", "../dragonbones/002/Bicycle_tex.json")
.add("texture", "../dragonbones/002/Bicycle_tex.png");
PIXI.loader.once("complete", onComplete, this);
PIXI.loader.load();
function onComplete(target, resource) {
var textureImg = resource["texture"].texture;
var textureData = resource["textureData"].data;
var skeletonData = resource["dragonBonesData"].data;
var dragonbonesFactory = new dragonBones.PixiFactory();
dragonbonesFactory.parseDragonBonesData(skeletonData);
dragonbonesFactory.parseTextureAtlasData(textureData, textureImg);
var armatureDisplay = dragonbonesFactory.buildArmatureDisplay(skeletonData.armature[0].name);
armatureDisplay.animation.play('bicycle', 0);
armatureDisplay.x = 300;
armatureDisplay.y = 500;
armatureDisplay.scale.set(0.3, 0.3);
app.stage.addChild(armatureDisplay);
var armature = armatureDisplay._armature;
var tmpslot = armature.getSlot("head");
var texture = PIXI.Texture.fromImage("../dragonbones/002/replacehead.jpg");
tmpslot.display.texture = texture;
}
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
PIXI骨骼动画Demo
共10个文件
js:3个
html:2个
json:2个
5星 · 超过95%的资源 需积分: 48 139 下载量 139 浏览量
2017-05-19
16:09:27
上传
评论 2
收藏 559KB ZIP 举报
温馨提示
PIXI骨骼动画 Dragonbones
资源推荐
资源详情
资源评论
收起资源包目录
DragonbonesDemo.zip (10个子文件)
DragonbonesDemo
Egret
dragonBones.js 395KB
dragonBonesPixi.js 31KB
libs
pixi.js 1.15MB
demo
DragonbonesReplaceTexture.html 2KB
DragonbonesAnimation.html 2KB
.project 2KB
dragonbones
002
Bicycle_ske.json 50KB
Bicycle_tex.png 271KB
Bicycle_tex.json 1KB
replacehead.jpg 20KB
共 10 条
- 1
资源评论
- 我想你也是一样2018-01-24还不错 有用 Mark
黄泽平
- 粉丝: 717
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功