（五）Sprite Node

最新推荐文章于 2025-08-11 15:40:55 发布
转载 最新推荐文章于 2025-08-11 15:40:55 发布 · 468 阅读 · 0
文章标签：

#cocos2d-x #cocos2dx #xcode #cocos2d

游戏中最重要的元素Sprite精灵，关于精灵的创建，精灵的控制等等。


涉及到的类Class：

  • AnimationFrame 动画帧。

  • Animation 动画对象；一个用来在精灵对象上表现动画的动画对象。

  • AnimationCache 动画缓存单例类。 如果你想要保存动画，你需要使用这个缓存。

  • Sprite 精灵;定义为二维图像。

  • SpriteBatchNode 与批量节点类似，如果包含子节点会在一次OpenGL调用内绘制完成。

  • SpriteFrame 一个精灵帧。

  • SpriteFrameCache 处理精灵帧的载入的单例。 它将精灵帧保存在缓存里。


下面依次说下用法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/************************************************************************/
/*Sprite定义为二维图像
可以通过一个图像或一个图像的矩形裁剪部分创建Sprite
Sprite的默认锚点(anchorPoint)为(0.5, 0.5)。
 
*/
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteByPath()
{
    auto sprite = Sprite::create("grossinis_sister2.png");
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
    return sprite;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/************************************************************************/
/* 一个精灵帧包括：
 
纹理：一个被精灵使用的二维纹理
矩形：一个纹理矩形                                                                     */
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteBySpriteFrame()
{
    auto sFrame = SpriteFrame::create("grossinis_sister2.png",Rect(0,0,56,138));
    auto sprite = Sprite::createWithSpriteFrame(sFrame);
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
    return sprite;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/************************************************************************/
/* 处理精灵帧的载入的单例。 它将精灵帧保存在缓存里。
    只需要加载一次文件，在多个地方通过名字或标记就可以直接使用纹理和精灵帧
*/
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteBySpriteFrameCache()
{
    auto cache = SpriteFrameCache::getInstance();
    cache->addSpriteFramesWithFile("grossini-aliases.plist");
    auto sFrame = cache->getSpriteFrameByName("grossini_dance_01.png");
    auto sprite = Sprite::createWithSpriteFrame(sFrame);
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
    return sprite;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/************************************************************************/
/*
    SpriteBatchNode与批量节点类似，如果包含子节点会在一次OpenGL调用内绘制完成
    一个SpriteBatchNode可以引用一个且只有一个纹理(一个图像文件或一个纹理集)，只有包含该纹理的Sprite可以加入到SpriteBatchNode中。 
    加入SpriteBatchNode的所有Sprite在一次OpenGL ES调用内绘制完成，而未加入SpriteBatchNode的Sprite每一个都需要单独调用OpenGL ES绘制，
    这样效率比较低。这个可以自己去试一下效果做个对比就能看出。
*/
/************************************************************************/
SpriteBatchNode* SpriteNodeTest::createSpriteBySpriteBatchNode()
{
    auto size = Director::getInstance()->getVisibleSize();
    SpriteFrameCache::getInstance()->addSpriteFramesWithFile("grossini-aliases.plist");
    auto sBatch = SpriteBatchNode::create("grossini-aliases.png");
    for (int len = 0; len < 250; len++)
    {
        auto sprite = Sprite::createWithSpriteFrameName("grossini_dance_01.png");
        sprite->setPosition(Vec2(CCRANDOM_0_1()*size.width,CCRANDOM_0_1()*size.height));
        sBatch->addChild(sprite);
    }
    return sBatch;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/************************************************************************/
/* 一个用来在精灵对象上表现动画的动画对象
动画对象包含动画帧对象, 还可能有一个设定这些帧之间延迟的参数. 
你可以用动画动作(Animate action)来创建一个动画对象
*/
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteByAnimation()
{
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
 
    auto cache = SpriteFrameCache::getInstance();
    cache->addSpriteFramesWithFile("grossini-aliases.plist");
 
    auto sprite = Sprite::createWithSpriteFrameName("grossini_dance_01.png");
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
     
    Vector<SpriteFrame*> aFrames(15);
    char sFrameName[100]={0};
    for (int len = 1;len < 15; len++)
    {
        sprintf(sFrameName,"dance_d",len);
        auto sFrame = cache->getSpriteFrameByName(sFrameName);
        aFrames.pushBack(sFrame);
    }
    auto animation = Animation::createWithSpriteFrames(aFrames,0.3f);
    sprite->runAction(RepeatForever::create(Animate::create(animation)));
 
    return sprite;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/************************************************************************/
/* 动画缓存单例类。 如何你想要保存动画，你需要使用这个缓存
*/
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteByAnimationCache()
{
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
 
    auto cache = SpriteFrameCache::getInstance();
    //缓存animations要用到的资源
    cache->addSpriteFramesWithFile("grossini-aliases.plist","grossini-aliases.png");
 
    auto sprite = Sprite::createWithSpriteFrameName("grossini_dance_01.png");
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
 
    auto aCache = AnimationCache::getInstance();
    //animations里面包含动画信息和名字，要确保animations包含的资源已经在SpriteFrameCache里面缓存
    aCache->addAnimationsWithFile("animations-2.plist");
    sprite->runAction(RepeatForever::create(Animate::create(aCache->animationByName("dance_1"))));
    return sprite;
}

上面就是基本的用法，当然这很粗浅，更深的用法以及工具类，慢慢研究吧！


这是我写的测试类：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#ifndef __SpriteNodeTest__
#define __SpriteNodeTest__
 
#include "cocos2d.h"
USING_NS_CC;
 
class SpriteNodeTest : public cocos2d::Layer
{
public:
    static cocos2d::Scene* createScene();
    CREATE_FUNC(SpriteNodeTest);
    virtual bool init(); 
    static Sprite* createSpriteByPath();
    static Sprite* createSpriteBySpriteFrame();
    static Sprite* createSpriteBySpriteFrameCache();
    static SpriteBatchNode* createSpriteBySpriteBatchNode();
    static Sprite* createSpriteByAnimation();
    static Sprite* createSpriteByAnimationCache();
protected:
    bool onTouchBeganFun(Touch* touch,Event* ev);
};
 
#endif
 
SpriteNodeTest.h
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
#include "SpriteNodeTest.h"
 
std::function<Node*()> demotest[]=
{
    SpriteNodeTest::createSpriteByPath,
    SpriteNodeTest::createSpriteBySpriteFrame,
    SpriteNodeTest::createSpriteBySpriteFrameCache,
    SpriteNodeTest::createSpriteBySpriteBatchNode,
    SpriteNodeTest::createSpriteByAnimation,
    SpriteNodeTest::createSpriteByAnimationCache
};
 
Scene* SpriteNodeTest::createScene()
{
    // 'scene' is an autorelease object
    auto scene = Scene::create();
 
    // 'layer' is an autorelease object
    auto layer = SpriteNodeTest::create();
 
    // add layer as a child to scene
    scene->addChild(layer);
 
    // return the scene
    return scene;
}
 
bool SpriteNodeTest::init()
{
    auto event = EventListenerTouchOneByOne::create();
    event->onTouchBegan = CC_CALLBACK_2(SpriteNodeTest::onTouchBeganFun,this);
    this->_eventDispatcher->addEventListenerWithSceneGraphPriority (event,this);
 
    createSpriteByPath();
    return true;
}
#define MAX_LAYER    (sizeof(demotest) / sizeof(demotest[0]))
int index=0;
bool SpriteNodeTest::onTouchBeganFun(Touch* touch,Event* ev)
{
    index++;
    index = index % MAX_LAYER;
 
    this->removeAllChildren();
    auto sprite = demotest[index]();
    this->addChild(sprite);
    return true;
}
 
/************************************************************************/
/*Sprite定义为二维图像
可以通过一个图像或一个图像的矩形裁剪部分创建Sprite
Sprite的默认锚点(anchorPoint)为(0.5, 0.5)。
 
*/
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteByPath()
{
    auto sprite = Sprite::create("grossinis_sister2.png");
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
    return sprite;
}
 
 
/************************************************************************/
/* 一个精灵帧包括：
 
纹理：一个被精灵使用的二维纹理
矩形：一个纹理矩形                                                                     */
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteBySpriteFrame()
{
    auto sFrame = SpriteFrame::create("grossinis_sister2.png",Rect(0,0,56,138));
    auto sprite = Sprite::createWithSpriteFrame(sFrame);
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
    return sprite;
}
/************************************************************************/
/* 处理精灵帧的载入的单例。 它将精灵帧保存在缓存里。
    只需要加载一次文件，在多个地方通过名字或标记就可以直接使用纹理和精灵帧
*/
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteBySpriteFrameCache()
{
    auto cache = SpriteFrameCache::getInstance();
    cache->addSpriteFramesWithFile("grossini-aliases.plist");
    auto sFrame = cache->getSpriteFrameByName("grossini_dance_01.png");
    auto sprite = Sprite::createWithSpriteFrame(sFrame);
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
    return sprite;
}
/************************************************************************/
/*
    SpriteBatchNode与批量节点类似，如果包含子节点会在一次OpenGL调用内绘制完成
    一个SpriteBatchNode可以引用一个且只有一个纹理(一个图像文件或一个纹理集)，只有包含该纹理的Sprite可以加入到SpriteBatchNode中。 
    加入SpriteBatchNode的所有Sprite在一次OpenGL ES调用内绘制完成，而未加入SpriteBatchNode的Sprite每一个都需要单独调用OpenGL ES绘制，
    这样效率比较低。这个可以自己去试一下效果做个对比就能看出。
*/
/************************************************************************/
SpriteBatchNode* SpriteNodeTest::createSpriteBySpriteBatchNode()
{
    auto size = Director::getInstance()->getVisibleSize();
    SpriteFrameCache::getInstance()->addSpriteFramesWithFile("grossini-aliases.plist");
    auto sBatch = SpriteBatchNode::create("grossini-aliases.png");
    for (int len = 0; len < 250; len++)
    {
        auto sprite = Sprite::createWithSpriteFrameName("grossini_dance_01.png");
        sprite->setPosition(Vec2(CCRANDOM_0_1()*size.width,CCRANDOM_0_1()*size.height));
        sBatch->addChild(sprite);
    }
    return sBatch;
}
/************************************************************************/
/* 一个用来在精灵对象上表现动画的动画对象
动画对象包含动画帧对象, 还可能有一个设定这些帧之间延迟的参数. 
你可以用动画动作(Animate action)来创建一个动画对象
*/
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteByAnimation()
{
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
 
    auto cache = SpriteFrameCache::getInstance();
    cache->addSpriteFramesWithFile("grossini-aliases.plist");
 
    auto sprite = Sprite::createWithSpriteFrameName("grossini_dance_01.png");
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
     
    Vector<SpriteFrame*> aFrames(15);
    char sFrameName[100]={0};
    for (int len = 1;len < 15; len++)
    {
        sprintf(sFrameName,"dance_d",len);
        auto sFrame = cache->getSpriteFrameByName(sFrameName);
        aFrames.pushBack(sFrame);
    }
    auto animation = Animation::createWithSpriteFrames(aFrames,0.3f);
    sprite->runAction(RepeatForever::create(Animate::create(animation)));
 
    return sprite;
}
/************************************************************************/
/* 动画缓存单例类。 如何你想要保存动画，你需要使用这个缓存
*/
/************************************************************************/
Sprite* SpriteNodeTest::createSpriteByAnimationCache()
{
    auto size = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();
 
    auto cache = SpriteFrameCache::getInstance();
    //缓存animations要用到的资源
    cache->addSpriteFramesWithFile("grossini-aliases.plist","grossini-aliases.png");
 
    auto sprite = Sprite::createWithSpriteFrameName("grossini_dance_01.png");
    sprite->setPosition(Vec2(size.width/2 + origin.x, size.height/2 + origin.y));
 
    auto aCache = AnimationCache::getInstance();
    //animations里面包含动画信息和名字，要确保animations包含的资源已经在SpriteFrameCache里面缓存
    aCache->addAnimationsWithFile("animations-2.plist");
    sprite->runAction(RepeatForever::create(Animate::create(aCache->animationByName("dance_1"))));
    return sprite;
}
 
SpriteNodeTest.cpp
SKSpriteNode对象初始化在iPhone 6 plus中显示不正确的分析及解决
享受开发，颠倒银河
06-23 4724
一个SpriteKit项目在其他设备上运行都无问题(无论是真机或是模拟器),但是在iPhone6 Plus上会出现精灵对象纹理被过度放大的现象:从上图中大家可以看到无论是主角或是道具球都过大了.看了一下精灵图片是放在atlas纹理集文件夹中的:可以看到PowerUp和Player都有对应缩放的版本:Player.png,Player@2x.png以及Player@3x.png.在各个图片的属性中检查
cocos2dx脱坑之旅 2 给 node sprite layer 添加拖到,触摸效果
JZQNIBASILE的博客
10-22 218
kao，搜了一圈，都是几百年前写的狗时,一篇完整的代码都没有，只好写一篇来水一水。 local someTest = class("someTest") local scheduler = cc.Director:getInstance():getScheduler() function someTest.showUI(layer) someTest.gameLayer = layer someTest:initLayer() end function someTest:initLa
Cocos2d-x 3.2 学习笔记（五）Sprite Node
weixin_30443813的博客
07-23 115
游戏中最重要的元素Sprite精灵，关于精灵的创建，精灵的控制等等。 涉及到的类Class： AnimationFrame 动画帧。 Animation 动画对象；一个用来在精灵对象上表现动画的动画对象。 AnimationCache动画缓存单例类。 如何你想要保存动画，你需要使用这个缓存。 Sprite 精灵;定义为二维图像。 SpriteBatchNode与批量节点类似，如果包...
Spritekit游戏开发之SKSpriteNode（精灵）二
EbalZhang的博客
10-27 1930
上一节我们讲了如何用图片创建加入精灵，我们创建了2个精灵，都是用同一张图片 我们加入一段代码，把第二个加入的精灵颜色改变下，改成红色，这个方法我不说，以后讲动作时再讲。 override func didMoveToView(view: SKView) { //用一张图片初始化一个精灵 let ship = SKSpriteNode(imageNamed: "
动态创建Sprite
霉女码农
07-30 6501
Texture2D texture = Resources.Load(path) as Texture2D; SpriteRenderer spriteRenderer = transform.GetComponent(); spriteRenderer.sprite = Sprite.Create(texture, new Rect(0, 0, texture.width, texture.he
SpriteKit框架之浅谈SKNode及SKSpriteNode
得不到的永远是骚栋.
01-15 870
做什么都要不忘初心,对吗?热爱编程,那就把它做好. 简介 在一个游戏的场景当中几乎所有的内容都是由图像实现的,在开发过程中每一个图像都被称为精灵,不管是背景还是各种物体都属于精灵.在场景中所看到的所有内容都是有结点SKNode类以及它的子结点类构成的.这边博客主要讲的是SKNode相关的技术点以及SKNode最常用的子类SKSpriteNode的使用. ####SKNode的子类列表 SKNode大致包含几个大类,如下图表所示. 类名称 功能简介 SKSpriteNode 用于..
node-spritesheet, 用于 node.js的Sprite图纸生成器和 grunt.js 任务.zip
09-18
node-spritesheet, 用于 node.js的Sprite图纸生成器和 grunt.js 任务 节点 spritesheet节点spritesheet是在 node.js 中创建sprite工作表的工具。 它最初的意图是作为一个 Grunt任务，但是我决定它值得进一步抽象。...
Node.js使用gm拼装sprite图片
10-19
Node.js结合GraphicsMagick（gm包）拼装sprite图片的过程涉及到图形处理和自动化脚本编写，是一种在Web开发中常用的技术手段，尤其适用于生成和管理网站图标。以下详细解析相关的知识点： 1. sprite图片概念 Sprite...
three-spritetext:ThreeJS的基于Sprite的文本组件
04-27
基于Sprite的文本组件。 文本被绘制到画布上，转换为，然后用作上的材质。 由于正在使用精灵，因此文本将始终面向相机，并且其方向相对于相机固定。 快速开始 import SpriteText from 'three-spritetext'; 或者 var...
Node.js模块svg-sprite.zip
07-16
svg-sprite 是一个低层次的 Node.js 模块，它可以将一堆 SVG 文件进行优化，然后将它们烤成几种类型的 SVG sprites ，并包含合适样式表的资源（例如 CSS, Sass, LESS, Stylus, etc.）使用模式：// Create spriter...
node-spritesheet: node.js Sprite图纸生成器及grunt.js集成
由于提供的信息中仅有一个文件名“node-spritesheet-master”，我们可以假设这是一个ZIP压缩包，包含了node-spritesheet的源代码、文档、测试用例和其他开发资源。因为通常开源项目的master分支包含了项目的所有源...
UE5——源码阅读——148——批渲染绘制精灵
weixin_43945471的博客
03-06 269
排序 根据混合模式的过滤器排序。拿到纹理和遮罩透明度。
【CocosCreator入门】CocosCreator组件 | Sprite（精灵）组件
看世界，也找自己
03-29 6098
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中 Sprite 组件是最常用的之一。Sprite 组件用于渲染 2D 图像，并提供了许多可配置的选项，如图像纹理、尺寸、位置、旋转等。在本文中，我们将深入探讨 Sprite 组件的技术实现和使用方法。
Spritekit游戏开发之SKSpriteNode（精灵）一
EbalZhang的博客
10-27 3196
在spritekit这个游戏框架里，我们常用的就是精灵，其实所有2d游戏开发中，精灵都是一种常用对象，spritekit翻译来其实就是精灵工具集。 2d游戏制作中，我们需要把很多图片放到游戏中，并且控制他们，这些都可以称为精灵，基本上可以这么说，游戏中的图片就是精灵，虽然不严谨，但是好理解。 那如何在spritekit中创建和加入一个精灵，就需要实例化SKSpriteNode这个精灵节点类
cocos2d-x学习笔记-SpriteBatchNode的优化原理
wjlovefql的专栏
06-25 1798
要相对cocos2d-x有一个全面的理解，学习openglshi
Sprite(精灵)全解
互创至上
02-02 6568
Sprite(精灵)全解   精灵是游戏中十分重要的组成部分，随处可见，如：游戏背景、NPC、人物、道具等。在cocos2d-x引擎中，只要是用图片展示的，基本上需要使用精灵类。   1. 首先来了解一下跟精灵相关的几个类： (1) Texture2D 可以把它看成一个纹理，它是cocos2d-x渲染图形的重要参数，用来贴图，因为cocos2d-x使用openglES绘制2d图形的，它
TF 上架全流程实战，从构建到 TestFlight 分发
2501_91510632的博客
08-08 778
摘要：本文介绍了Windows+Mac团队如何高效完成iOS应用TestFlight上架的全流程。TestFlight作为苹果官方内测渠道，具有免设备绑定、支持万人测试等优势。流程分为五个关键步骤：1) Windows使用Appuploader申请证书；2) Mac构建签名IPA；3) Windows上传IPA；4) 配置测试信息；5) 收集反馈迭代版本。通过跨平台工具协作，实现Windows完成90%流程（仅构建需Mac），降低硬件成本的同时提升团队协作效率，特别适合中小团队快速迭代。
[无需 Mac] 使用 GitHub Actions 构建 iOS 应用
欧阳天涵的专栏
08-07 952
本文介绍了如何在没有Mac设备的情况下，使用GitHub Actions构建和发布iOS应用到App Store Connect。主要内容包括：1）准备iOS项目仓库并配置GitHub Actions工作流；2）设置必要的密钥和密码，包括ExportOptions.plist文件、App Store Connect API密钥的Base64编码等；3）执行自动化构建流程，通过xcodebuild命令完成应用的打包和上传。文章还提供了常见错误排查建议，帮助开发者顺利完成iOS应用的自动化构建和发布流程。
记录一些sonic自动化运行中的问题
最新发布
qq_33719152的博客
08-11 277
1.运行sonic自动化的时候，WebDriverAgent证书过期需要重新打包，然后遇到很多问题，归根结底就是xcode升级到16.4，导致的很多版本不兼容问题。最后解决方式是升级了sonic_agent到最新的版本2.7.2，运行没有问题了。最后通过查看官网，和论坛里有人回复的一些解决方式猜到了问题答案，做个记录。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值