starling性能问题笔记（一）

最新推荐文章于 2022-03-24 12:53:50 发布
原创 最新推荐文章于 2022-03-24 12:53:50 发布 · 2.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#性能 #starling as3

本文讨论了在使用Starling引擎时，Sprite状态切换导致的性能问题，特别是通过改变颜色、贴图、平滑度等属性时，如何避免批次满的问题。详细介绍了测试代码及生成的AGL代码，并提出解决方案。

根sprite下面如果包含多种不同的状态，则会造成严重性能问题，

所谓的状态切换包括：

"是否染色"，"贴图切换"，"平滑度"，"纹理是否平铺显示"，或者"混合模式"设置， 可能是因为批次满了（一个批次最多包含8192个四边形）

可参考QuadBatch.isStateChange这个函数。


测试代码如下：

package
{
	import starling.display.BlendMode;
	import starling.display.Quad;
	import starling.display.Sprite;
	import starling.events.Event;
	
	public class Test extends Sprite
	{
		public static var one:Test;
		public function Test()
		{
			this.addEventListener(Event.ENTER_FRAME,tick);
			
		}
		private var k:int; 
		public function tick():void{
			//if(k%30==0){
				removeChildren();
				var q:Quad;
				for (var i:int = 0; i < 100; i++) {
					q = new Quad(200,200,0xff0000);
					addChild(q);
					q.x = 400*Math.random();
					q.y = 400*Math.random();
					var Mode:Boolean = Math.random()>.5? true:false;
					if(Mode)q.blendMode = BlendMode.ADD;//此句会造成状态切换，使100个Quad被分割成多个QuadBatch分开渲染
				}
				this.flatten();
			//}
			k++;
		}
	}
}


生成的agal也杂乱不堪，如下：

Context3D.clear(1, 1, 1, 1, 1, 0, ALL)
Context3D.setDepthTest(false, ALWAYS)
Context3D.setCulling(NONE)
Context3D.setScissorRectangle(0, 0, 0, 0)
Context3D.setRenderToBackBuffer()
Context3D.setScissorRectangle(0, 0, 0, 0)
VertexBuffer3D(181).dispose()
IndexBuffer3D(161).dispose()
VertexBuffer3D(37).dispose()
IndexBuffer3D(153).dispose()
VertexBuffer3D(35).dispose()
IndexBuffer3D(157).dispose()
Context3D.setScissorRectangle(0, 0, 0, 0)
VertexBuffer3D(1).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 1, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 1, 2, FLOAT_4)
Context3D.drawTriangles(1, 0, 2)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(2).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 2, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 2, 2, FLOAT_4)
Context3D.drawTriangles(2, 0, 2)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
//此处省略N行，N大于50
VertexBuffer3D(29).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 29, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 29, 2, FLOAT_4)
Context3D.drawTriangles(29, 0, 4)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(30).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 30, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 30, 2, FLOAT_4)
Context3D.drawTriangles(30, 0, 2)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(31).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 31, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 31, 2, FLOAT_4)
Context3D.drawTriangles(31, 0, 4)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(32).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 32, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 32, 2, FLOAT_4)
Context3D.drawTriangles(32, 0, 6)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(33).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 33, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 33, 2, FLOAT_4)
Context3D.drawTriangles(33, 0, 2)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(156).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 156, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 156, 2, FLOAT_4)
Context3D.drawTriangles(180, 0, 6)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(143).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 143, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 143, 2, FLOAT_4)
Context3D.drawTriangles(171, 0, 4)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(165).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 165, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 165, 2, FLOAT_4)
Context3D.drawTriangles(79, 0, 2)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(149).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 149, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 149, 2, FLOAT_4)
Context3D.drawTriangles(149, 0, 2)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(160).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 160, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 160, 2, FLOAT_4)
Context3D.drawTriangles(122, 0, 10)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(150).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 150, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 150, 2, FLOAT_4)
Context3D.drawTriangles(147, 0, 4)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(146).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 146, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 146, 2, FLOAT_4)
Context3D.drawTriangles(172, 0, 6)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(151).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 151, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 151, 2, FLOAT_4)
Context3D.drawTriangles(170, 0, 10)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(38).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 38, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 38, 2, FLOAT_4)
Context3D.drawTriangles(178, 0, 2)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(107).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 107, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 107, 2, FLOAT_4)
Context3D.drawTriangles(107, 0, 4)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
VertexBuffer3D(162).uploadDouble(0, 64)
Context3D.setBlendFactors(1, 1)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 162, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 162, 2, FLOAT_4)
Context3D.drawTriangles(186, 0, 2)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
Context3D.present()


如果去掉那句if(Mode)q.blendMode = BlendMode.ADD; 则Starling最终生成的agal 代码会特别简洁，所有三角形一次性绘出：

Context3D.clear(1, 1, 1, 1, 1, 0, ALL)
Context3D.setDepthTest(false, ALWAYS)
Context3D.setCulling(NONE)
Context3D.setScissorRectangle(0, 0, 0, 0)
Context3D.setRenderToBackBuffer()
Context3D.setScissorRectangle(0, 0, 0, 0)
Context3D.setScissorRectangle(0, 0, 0, 0)
VertexBuffer3D(4).uploadDouble(0, 512)
Context3D.setBlendFactors(1, 4)
Context3D.setProgram(1)
Context3D.setProgramConstantsDouble(VERTEX, 0, 1)
Context3D.setProgramConstants(VERTEX, 1, 4)
Context3D.setVertexBufferAt(0, 4, 0, FLOAT_2)
Context3D.setVertexBufferAt(1, 4, 2, FLOAT_4)
Context3D.drawTriangles(4, 0, 200)
Context3D.setVertexBufferAt(1, 0, 0, DISABLED)
Context3D.setVertexBufferAt(0, 0, 0, DISABLED)
Context3D.present()

mokt2001
关注
优酷 YouTube Twitter及JustinTV视频网站架构设计笔记
fguyfff的博客
01-30 776
优酷 YouTube Twitter及JustinTV视频网站架构设计笔记
Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程.Part1
热门推荐
空名先生
03-19 1万+
FairyGUI简介导读 她提供了超强的UI编辑器，界面操作与PS类似，友善且简单。主打的是摒弃了脚本和配置文件这些需要代码思维的操作，设计或者美术都可以轻轻松松学会并生产界面。 能实现功能非常之多：最基本的按钮，图片，富文本，进度条，滑动条，列表，树 进阶的有动画，控制器，关联系统，装载器，窗口，动效 支持的引擎也非常之多：Unity,Unreal,Cocos,ThreeJS,Egret,LayaAir等十多款游戏引擎 通过简单的操作来实现复杂的功能，提高开发效率，UI 制作效率提升昂...
Starling 性能优化技巧
又是一只蚂蚁
10-09 1543
性能优化 虽然Starling模仿了Flash传统显示列表，但您要知道屏幕背后发生的事情是有很大不同的。要得到应用的最佳性能，您需要了解关于Starling体系结构的一些关键概念。下面是一些您可以遵循的，让您的游戏尽可能的快速的最佳实践。 尽可能减少状态变更 如您所知，Starling使用Stage3D来渲染所有的可见对象。这就意味着所有的绘制都是GPU完成的。 现
starling性能优化
ituuz的专栏
07-17 3043
在项目开发的过程中总结了一下starling的性能优化方案： 1.     不要频繁的读取显示对象的宽高：调用宽高属性时会调用显示对象的getBounds()方法，该方法会遍历该对象的所有子对象，重新计算宽高。在频繁使用宽高属性时，如没有特殊需要，最好把宽高保存到变量中，使用变量保存的值替代直接读取宽高属性。 2.     扁平化的Sprites：starling在每一帧都会遍历所有对象检查它
starling性能问题笔记（二）
莫克陶的blog
06-26 992
package { import starling.display.Image; import starling.display.Sprite; import starling.events.Event; import starling.textures.Texture; public class JustATest extends Sprite { [Embed(source
Starling flatten 之后的差别
莫克陶的blog
03-02 1306
flatten之后，starling并不会每帧都上传顶点数据，顶点上传的语句如下（从Scout中查看到的）： VertexBuffer3D(4).uploadDouble(0, 512)
context3D属性和方法的用途
关注3d图形技术，移动互联网
02-26 1841
Stage3D的核心是Context3D，而它包含了一系列的属性和方法，如何使用这些方法请参见说明文档，我想分享的，是这些千奇百怪设置可以帮我们实现的效果。 driverInfo：驱动信息——可以用来确认用户是软渲染还是硬渲染 enableErrorChecking：启动错误检查——可以用来检查着色器错误，关闭将提高执行效率 clear：清屏——可以用于设置默认背景色及默认的深度、模具、蒙板
架构学习笔记—Twitter
Oscar.Zhang
10-10 3415
作为140个字的缔造者，twitter太简单了，又太复杂了，简单是因为仅仅用140个字居然使有几次世界性事件的传播速度超过任何媒体，复杂是因为要为2亿用户提供这看似简单的140个字的服务，这真的是因为简单，所以复杂。可是比较遗憾的是目前在中国大陆twitter是无法访问的，但作为
Adobe Flash 11 Stage3D游戏编程初学者指南 代码
06-07
Adobe Flash 11引入了一个强大的新特性，Stage3D，为游戏开发者提供了高效、低级别的图形渲染能力，极大地提升了在Web上开发复杂2D和3D游戏的性能。本指南面向初学者，旨在帮助读者掌握如何利用Stage3D进行游戏编程...
Unity NGUI和UGUI与模型、特效的层级关系
bycw666的博客
03-24 1204
前言 本篇文章是整理在做项目的过程中，遇到了各种各样的界面穿插问题，以及界面层级混乱，比如，手机卡了或点快了，就导致两个界面相互交叉。 这里有个unity学习交流小组 对于界面，这应该算是一个很严重的bug，很大部分原因是整个UI框架没有从整体上考虑这个，后来决心弄清楚层级的控制，并把一些对于目前项目可行的方法应用，界面穿插的问题少了很多，注意我只是在现有的框架打的补丁。如果是一个从头开始，在架构UI的时候，希望这篇文章能够帮到你们。 以前项目使用的NGUI插件，UI是有一个人摆放的，我们客户端就拿
starling 笔记
weixin_33918357的博客
11-28 206
starling 笔记 ： 基于Stage3Dg开发出来的一个可以使用GPU加速2D应用程序的框架。是一个渲染框架！ 特色：直观，轻量，免费。 Starling与Sparrow框架很相近。 驱动关系：GPU--&gt;OpenGL/ES2-DirectX--&gt;stage3D--&gt;starling 传统使用的Stage使用cup渲染，Starling使用GPU，减少CUP操作可...
AS3 Starling 学习杂谈 （一） Quad类
weixin_30765319的博客
01-26 159
最近小弟刚开始学Starling，今天就来说说Starling中的Quad类的学习吧！ 这个Quad类我刚开始看的时候，就得它就是AS3里面的drawRect，画矩形嘛，但用了后，却发现它的实际功能却相当的好用和丰富！ 比如setVertexColor （设置指定索引的顶点的颜色）这个方法， 1 var que:Quad = new Qua...
【Stage3D学习笔记续】山寨Starling（七）：一般优化方法简介及混合模式
weixin_33970449的博客
11-20 156
关于事件的优化： 遍历注册的事件由foreach改变为fori，在大量数据遍历时会有提升； 事件池优化： 所有的事件都使用一个对象池进行保存，而不是使用到时进行创建，使用EventDispatcher类的dispatchEventWith方法可以使用事件池，使用事件池在大量使用事件的情况下可以极大的提升运行效率，因为FlashPlayer不需要对大量的事件对象进行垃圾回收了。 该特性在St...
（新手入门）AS3基于starling引擎移动开发之Starling入门
guoyiligo的专栏
08-17 2198
本期预告，这一期我像各位新手朋友介绍第一个starling程序，
starling响应鼠标和触摸事件，点击点的转换思路
guoyiligo的专栏
01-19 361
starling响应鼠标和触摸事件，点击点的转换思路：1、stage侦听所有鼠标和触摸事件;2、将stageX、stageY转换到viewport的坐标系中;globalX = _stage.stageWidth * (globalX - _viewPort.x) / _viewPort.width; globalY = _stage.stageHeight * (globalY - _viewP
Context3D类的present方法(显示后台渲染缓冲区)
wkyb608的专栏
11-17 1198
调用 present() 方法会让从上一次 present() 调用起的所有渲染操作结果可见，并开始新的渲染周期。调用 present 之后，必须在调用另一个 drawTriangles() 之前调用 clear()。否则，此函数会将渲染缓冲区清除为黄色和绿色，或在 enableErrorChecking 设置为 true 的情况下，将引发错误。 与调用 setRenderToBackBuffe
Starling2.0真的适合手游开发吗
iqifenxia的博客
09-11 156
Starling2.0更新了Release版本，这几天看了一下源码，里面确实是实实在在地重整了显示，一些像滤镜，遮罩等等的常用功能也加入了，并且比起Starling1.7来说更加方便快捷，性能更好更易于使用。 但是总体来说Starling还是停留于2d图形显示列表的层面，而在游戏方面并没有很好的支持。简单比方常用的2D碰撞检测，寻路等等，当然有人会跳出来说碰撞可以找Box2d呀，但是你要明白原生游戏框架下支持的逻辑结构是需要整合到渲染当中的，box2d能否与Starling2.0结合产生好的效果，实在是令
【直流微电网】径向直流微电网的状态空间建模与线性化：一种耦合DC-DC变换器状态空间平均模型的方法 （Matlab代码实现）
最新发布
12-05
【直流微电网】径向直流微电网的状态空间建模与线性化：一种耦合DC-DC变换器状态空间平均模型的方法 （Matlab代码实现）内容概要：本文介绍了径向直流微电网的状态空间建模与线性化方法，重点提出了一种基于耦合DC-DC变换器状态空间平均模型的建模策略。该方法通过对系统中多个相互耦合的DC-DC变换器进行统一建模，构建出整个微电网的集中状态空间模型，并在此基础上实施线性化处理，便于后续的小信号分析与稳定性研究。文中详细阐述了建模过程中的关键步骤，包括电路拓扑分析、状态变量选取、平均化处理以及雅可比矩阵的推导，最终通过Matlab代码实现模型仿真验证，展示了该方法在动态响应分析和控制器设计中的有效性。; 适合人群：具备电力电子、自动控制理论基础，熟悉Matlab/Simulink仿真工具，从事微电网、新能源系统建模与控制研究的研究生、科研人员及工程技术人员。; 使用场景及目标：①掌握直流微电网中多变换器系统的统一建模方法；②理解状态空间平均法在非线性电力电子系统中的应用；③实现系统线性化并用于稳定性分析与控制器设计；④通过Matlab代码复现和扩展模型，服务于科研仿真与教学实践。; 阅读建议：建议读者结合Matlab代码逐步理解建模流程，重点关注状态变量的选择与平均化处理的数学推导，同时可尝试修改系统参数或拓扑结构以加深对模型通用性和适应性的理解。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值