d3d11 鼠标拾取

最新推荐文章于 2024-05-31 09:50:13 发布
最新推荐文章于 2024-05-31 09:50:13 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： DirectX11

这节教程是关于Pick(拾取技术的),程序的结构如下:




在看这节教程前先弄懂：(1)大概了解D3D11的渲染流水线

                                            (2)      D3D11教程三十七之FrustumCulling(视截体裁剪)上半节教程， 弄不懂也没关系，两节教程之间有一些联系，但是由于我们的教程简化模型，就算看不懂D3D11教程三十七之FrustumCulling(视截体裁剪)上半节教程也不影响这节教程的理解。


一，Pick技术的简介。

Pick技术简单的来描述，其实就是在一个编辑器或者3D程序界面中，通过鼠标的点击来选取一个3D物体。我这里拿出虚幻四游戏引擎来做示例，看下面图：





上面就是大名鼎鼎的虚幻四游戏引擎的编辑界面了，里面高亮的石头就是通过点击鼠标来选取的，下面我就讲解一下这种拾取技术的原理。



二，Pick技术的原理。

我们在界面通过鼠标点击，具体的点击3D物体的过程如下面所示：在相机空间发出以相机原点发出的射线与位于相机空间的3D物体相交(本节教程的3D物体为球体)



  由于此时鼠标是位于Win32屏幕空间的，一般情况上(有时间不一定，仅仅是一般情况下)win32屏幕空间的左上角为原点，为二维坐标， 如下面图所示：



假设屏幕宽为ScreenWidth,高为ScreenHieght,  则鼠标点击在win32窗口坐标空间的坐标为(x,y),则x和y的范围是：   
0=<x<=ScreenWidth,   0=<y<=ScreenHeight,，我们下面考虑如何将鼠标点击的坐标从win32窗口坐标空间(屏幕空间)转到相机空间(ViewSpace),先来看看D3D11的简略版的3D渲染流水线图：





从3D渲染管线图 我们大概知道：顶点从相机空间到win32窗口坐标空间有三次变换
一，透视投影变换,即乘以透视投影矩阵,(这一步发生在相机空间)
二，透视除法,除以w(这一步发生在齐次裁剪空间)
三，视口变换,即乘以视口变换矩阵(这一步发生在NDC空间)

所以我们想让顶点坐标从win32坐标空间变换到相机空间，得逆过来计算

一，从win32坐标空间(屏幕空间)变换到NDC坐标

在NDC空间的顶点乘以视口变换矩阵变换到屏幕空间，所以先来看看视口变换矩阵,



看上面, 窗口的宽度为Width,窗口高度为Height,TopLeftX为窗口左上角顶点X值，TopLeftY为窗口左上角顶点Y值，MaxDepth为深度缓存的最大值，MinDepth为深度缓存的最小值，我们上面说过，一般情况下win32坐标空间的左手角为原点(0,0),所以TopLeftX=0，TopLeftY=0，而一般情况 MaxDepth=1.0, MinDepth=0.0,因此视口变换矩阵可以简化为:



假设在NDC空间的坐标为( xndc, yndc, zndc,1.0f),注意在NDC空间中 -1=< xndc<=1,  -1=< yndc,<=1,  0=< zndc=1,详情请见上面的D3D11渲染管线图.

从NDC空间变换到屏幕空间如下面所示：



假设屏幕空间上的顶点坐标为 ( x s, y s),则满足下面的关系式子：



我们上面说过得逆过来计算，也就是由屏幕空间的顶点坐标 ( x s, y s),得到NDC空间的顶点坐标得到( xndc, yndc, zndc,1.0f),如下面所示:


                        公式(1)

我们同学可能还有疑问？ zndc为什么呢?其实很简单，我们说过0.0=<Zndc<=1.0,当顶点在近截面的时候是0，而处于远截面的时候为1，而我们的屏幕空间恰恰就是近截面，所以Zndc=0

这样顶点就从屏幕空间变换到NDC空间了

二，从NDC坐标变换到齐次裁剪空间。

在齐次裁剪空间的顶点进行透视除法变换到NDC空间，在齐次裁剪空间中坐标为( Xh, Yh, Zh, Wh),  注意    -Wh=< Xh<= Wh,   -Wh=< Yh<= Wh,  0=< Zh<= Wh.

透视除法过程为:                        xndc= Xh/ Wh; 
                                                     yndc= Yh/ Wh;
                                                     zndc= Zh/ Wh;
                                                     wndc=1.0= Wh/ Wh;

那么 Wh是什么呢？ Wh为相机空间的顶点坐标的Z值，详情见上面的D3D11渲染管线图。而在我们的Pick技术里，点击的顶点恰恰是屏幕上的顶点，并且屏幕空间恰恰是相机空间的近截面，所以 Wh=n,( 这里假设Z=n为相机空间的近截面，Z=f为相机空间的远截面),。

即  透视除法具体过程为                xndc= Xh/ n;         
                                   yndc= Yh/ n;         
                                  zndc= Zh/ n;     
                                                      wndc=1.0= n/ n;

逆过来求就是：

Xh=Xndc*n;     Yh=Yndc*n;                Zh=Zndc*n=0*n=0;         Wn=Wndc*n=1.0*n=n;

联立公式1： Xndc=2*Xs/w-1           Yndc=-2*Ys/h+1
可得：

Xh=(2*Xs/w-1)*n        Yh=(-2*Ys/h+1)*n       Zh=0      Wh=n
                              
                                            公式(2)

三，从齐次裁剪空间到相机空间。

在相机空间的顶点乘以透视投影矩阵变换到齐次裁剪空间，所以先来看看D3D11的透视投影矩阵



也就是


上面这里A和B的引进仅仅是为了方便表示而已， 其中A=f/(f-n)     B=-nf/(f-n), 而上面我们假设过相机空间的近截面为Z=n,  远截面为Z=f,  而 r为屏幕的宽高比，α为视截体在YZ平面投影的FOV角大小，如下面所示：




我们顶点(Xv,Yv,Zv,1.0f);从相机空间乘以透视投影矩阵而变换到齐次裁剪空间，用下面公式表示：




那么由齐次裁剪空间顶点坐标( Xh, Yh, Zh, Wh)算出相机空间的(Xv,Yv,Zv,1.0f)，由上面可以知道

                                 Xh=Xv/(r*tan(α/2))
                           Yh=Yv/tan(α/2)
                           Zh=Zv*A+B
                           Wh=Zv
 
逆过来求则得到：
                          Xv=Xh*(r*tan(α/2))
                          Yv=Yh*tan(α/2)
                          Zv=(Zh-B)/A
                          Wv=1.0f;

联立上面的公式3，Xh=(2*Xs/w-1)*n        Yh=(-2*Ys/h+1)*n       Zh=0      Wh=n
得到

Xv={(2*Xs/w-1)*n }*{(r*tan(α/2))}={(2*Xs/w-1)*n }/{(1/(r*tan(α/2)))}
Yv=Yh*tan(α/2)={(-2*Ys/h+1)*n}/{1/(tan(α/2))}
Zv=-B/A={nf/(f-n)}/{f/(n-f)}=n
Wv=1.0f

当然我们求出相机空间再近截面的点并不需要直接用到r, α这两个变量,我们可以直接借用透视投影矩阵，假设透视投影矩阵为ProjMa,  则ProjMa11=1/(r*tan(α/2)),        ProjMa22=tan(α/2),注意这里下标从1开始，而非0开始

最后得到
Xv={(2*Xs/w-1)*n }/ProjMa11;
Yv={(-2*Ys/h+1)*n}/ProjMa22;
Zv=n
Wv=1.0f

这次再次放出前面已经出现过一次的一张图：




上面P点在屏幕空间坐标就是(Xs,Ys),在相机空间坐标就是(Xv,Yv,Zv,1.0f),射线AB是从点Eye出发经过P点的射线，在相机空间中点Eye(相机)处在原点(0,0,0,1.0f)

射线向量为P-Eye=({(2*Xs/w-1)*n }/ProjMa11,{(-2*Ys/h+1)*n}/ProjMa22,n,0);

把公约数n除掉，得到射线向量   ((2*Xs/w-1) /ProjMa11,(-2*Ys/h+1)/ProjMa22,1.0f,0);

最终相机空间的射线用两个量表示：    射线原点RayOrigin(0,0,0,1.0f) 
                                         射线向量   ((2*Xs/w-1) /ProjMa11,(-2*Ys/h+1)/ProjMa22,1.0f,0)

所以说<Introduction to 3DGame Programming with DirectX11>关于这的推导有些地方不太对的

计算相机空间的射线代码如下：

[cpp]  view plain  copy
  1. bool PickRayClass::Frame(int mouseX, int mouseY)  
  2. {  
  3.     //计算在相机空间的射线  
  4.     float vx = (2.0f*(float)mouseX / mScreenWidth - 1.0f) / mProjMatrix._11;  
  5.     float vy = (-2.0f*(float)mouseY / mScreenHeight + 1.0f) / mProjMatrix._22;  
  6.   
  7.     mViewSpaceRayOrigin = XMFLOAT4(0.0f, 0.0f, 0.0f, 1.0f);  
  8.     mViewSpaceRayDir = XMFLOAT3(vx, vy, 1.0f); //是单位向量?  
  9.   
  10.     return true;  
  11. }  



从上面我们计算出了相机空间的射线，但是我们为了方便的计算球体和射线的相交以及某些其它原因(限于篇幅，不讲了)，我们直接将射线从相机空间直接变换到球体的局部空间

代码如下：

[cpp]  view plain  copy
  1.       XMMATRIX ViewMatrix, InvViewMatrix,WorldMatrix,InvWorldMatrix;  
  2.   
  3. XMVECTOR mLocalSpaceRayOrigin;  
  4. XMVECTOR mLocalSpaceRayRayDir;  
  5.   
  6. //更新相机矩阵  
  7. mCamera->Render();  
  8.   
  9. //获取相机矩阵和世界矩阵  
  10. ViewMatrix = mCamera->GetViewMatrix();  
  11. WorldMatrix = mD3D->GetWorldMatrix()*XMMatrixTranslation(SpherePosX, SpherePosY, SpherePosZ);  
  12.   
  13. //获取相机矩阵的逆矩阵和世界矩阵的逆矩阵  
  14. InvViewMatrix = XMMatrixInverse(&XMMatrixDeterminant(ViewMatrix), ViewMatrix);  
  15. InvWorldMatrix = XMMatrixInverse(&XMMatrixDeterminant(WorldMatrix), WorldMatrix);  
  16.   
  17. //将相机矩阵的逆矩阵与世界矩阵的逆矩阵相乘,得注意相机逆矩阵在前，世界逆矩阵在后  
  18. XMMATRIX InvMa = XMMatrixMultiply(InvViewMatrix, InvWorldMatrix);  
  19.   
  20. //将射线的原点和方向向量从相机空间变到局部空间，局部空间物体的中心为(0.0f,0.0f,0.0f)  
  21. mLocalSpaceRayOrigin = XMVector3TransformCoord(ViewSpaceRayOrigin,InvMa);  
  22.   
  23. mLocalSpaceRayRayDir = XMVector3TransformNormal(ViewSpaceRayDir, InvMa);  
  24. mLocalSpaceRayRayDir = XMVector3Normalize(mLocalSpaceRayRayDir);  

注意这两个函数的使用：
XMVector3TransformNormal变换XMVECTOR时，变换XMVECTOR时，把向量的第四个分量W看作为0.0，也就是真正的向量。
XMVector3TransformCoord变换XMVECTOR时,  变换XMVECTOR时，把向量的第四个分量W看作为1.0，也就是真正的点。

三，计算球体和射线的相交.


假设球体和射线处于同一个空间，q为射线的原点，u为射线的射线向量,则射线上面的点可以用 r(t)=q+t*u 表示，注意t为标量

假设C点为球体的圆心，r为球体的半径：

假设射线与球体相交，交点为P，如图所示：




我们知道射线与球的交点P位于球上，P到球心C的距离为半径r, 则得出等式：



而P是射线上的点，P=r(t)=q+t*u,  t为某个实数



令m=q-c,则



我们又回到了初中时代的一元二次方程式的求解问题，下面得到各个系数：



我们拿出初中方程的判定解数量的方程式：

△=b*b-4*a*c

(1)如果△=0 则线段和球体有且仅有一个交点
(2) 如果△<0,则线段和球体无交点
(3) 如果△>0,则线段和球体有两个不同的交点

所以当△>=0时，我们的线段和球体就存在交点，其实我想过一个问题，存在射线反向与球体相交，而射线正向不与球体相交的情况，毕竟线段和射线是有区别的，这个留给读者思考，我们在本节教程就假设△>=0时，射线和球体相交。


代码实现(球体球心坐标和射线必须在同一个空间，我的实例代码是在物体球体的局部空间的)：

[cpp]  view plain  copy
  1. float a, b, c,discriminant; //二次方程式系数和判别式  
  2. XMFLOAT3 m;  
  3. XMFLOAT3 dir;  
  4. XMStoreFloat3(&m, mLocalSpaceRayOrigin);  
  5. XMStoreFloat3(&dir, mLocalSpaceRayRayDir);  
  6.   
  7. a = dir.x*dir.x + dir.y*dir.y + dir.z*dir.z; //a>0 二次系数为正   
  8. b = 2 * (m.x*dir.x + m.y*dir.y + m.z*dir.z);  
  9. c = (m.x*m.x + m.y*m.y + m.z*m.z)-radius*radius;  
  10. discriminant = b*b - 4 * a*c;  


跟上面计算局部空间的射线那段代码一起放在一个函数：

[cpp]  view plain  copy
  1. bool GraphicsClass::TestIntersection(FXMVECTOR ViewSpaceRayOrigin, FXMVECTOR ViewSpaceRayDir, float SpherePosX, float SpherePosY, float SpherePosZ, float radius)  
  2. {  
  3.     XMMATRIX ViewMatrix, InvViewMatrix,WorldMatrix,InvWorldMatrix;  
  4.   
  5.     XMVECTOR mLocalSpaceRayOrigin;  
  6.     XMVECTOR mLocalSpaceRayRayDir;  
  7.   
  8.     //更新相机矩阵  
  9.     mCamera->Render();  
  10.   
  11.     //获取相机矩阵和世界矩阵  
  12.     ViewMatrix = mCamera->GetViewMatrix();  
  13.     WorldMatrix = mD3D->GetWorldMatrix()*XMMatrixTranslation(SpherePosX, SpherePosY, SpherePosZ);  
  14.   
  15.     //获取相机矩阵的逆矩阵和世界矩阵的逆矩阵  
  16.     InvViewMatrix = XMMatrixInverse(&XMMatrixDeterminant(ViewMatrix), ViewMatrix);  
  17.     InvWorldMatrix = XMMatrixInverse(&XMMatrixDeterminant(WorldMatrix), WorldMatrix);  
  18.   
  19.     //将相机矩阵的逆矩阵与世界矩阵的逆矩阵相乘,得注意相机逆矩阵在前，世界逆矩阵在后  
  20.     XMMATRIX InvMa = XMMatrixMultiply(InvViewMatrix, InvWorldMatrix);  
  21.   
  22.     //将射线的原点和方向向量从相机空间变到局部空间，局部空间物体的中心为(0.0f,0.0f,0.0f)  
  23.     mLocalSpaceRayOrigin = XMVector3TransformCoord(ViewSpaceRayOrigin,InvMa);  
  24.   
  25.     mLocalSpaceRayRayDir = XMVector3TransformNormal(ViewSpaceRayDir, InvMa);  
  26.     mLocalSpaceRayRayDir = XMVector3Normalize(mLocalSpaceRayRayDir);  
  27.   
  28.     //下面计算世界空间，射线是否与球体相交  
  29.     float a, b, c,discriminant; //二次方程式系数和判别式  
  30.     XMFLOAT3 m;  
  31.     XMFLOAT3 dir;  
  32.     XMStoreFloat3(&m, mLocalSpaceRayOrigin);  
  33.     XMStoreFloat3(&dir, mLocalSpaceRayRayDir);  
  34.   
  35.     a = dir.x*dir.x + dir.y*dir.y + dir.z*dir.z; //a>0 二次系数为正   
  36.     b = 2 * (m.x*dir.x + m.y*dir.y + m.z*dir.z);  
  37.     c = (m.x*m.x + m.y*m.y + m.z*m.z)-radius*radius;  
  38.     discriminant = b*b - 4 * a*c;  
  39.     if (discriminant >= 0) //至少一个交点  
  40.     {  
  41.         return true;  
  42.     }  
  43.     else  
  44.     {  
  45.         return false;  
  46.     }  
  47. }  



放出程序运行图：



点取(Pick)球体失败：





点取(Pick)球体成功：





最后放出我的源代码链接：

http://download.csdn.net/detail/qq_29523119/9684011


转 http://blog.csdn.net/qq_29523119/article/details/53180265

keebai
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Directx11教程(66) D3D11屏幕文本输出(1)
weixin_34301307的博客
12-23 924
     在D3D10中，通过ID3DX10Font接口对象，我们可以方便的在屏幕上输出文字信息，一个DrawText函数就能解决所有问题，但在D3D11中个，这个变得超级麻烦，因为微软移除了Font接口，要在屏幕上输出文本，用户需要做很多事情。 通常我们可以用以下的方法来输出文本信息： (1)用纹理贴图的方法，把所有的字体存储在一张纹理上，再做一个字体查询表，对应纹理的相应位置，可以用2...
Direct3D 11 总结 —— 7 实现透明效果
dss875914213的博客
04-17 998
介绍 当两张图片重叠的时候，可以一张完全盖住另外一张，也可以实现两张图片融合的结果。本文将对图片融合展开介绍。 融合的公式如下  C=Csrc⊕Fsrc1ΘCdst⊕Fdst1\ C = C_{src}\oplus F_{src1} \Theta C_{dst} \oplus F_{dst1} C=Csrc​⊕Fsrc1​ΘCdst​⊕Fdst1​  A=Asrc⊕Fsrc2ΘAdst⊕Fdst2\ A = A_{src}\oplus F_{src2} \Theta A_{ds
推荐项目：全通用DirectX11-ImGui-Hook
最新发布
gitblog_00044的博客
05-31 486
推荐项目：全通用DirectX11-ImGui-Hook 项目地址:https://gitcode.com/Sh0ckFR/Universal-ImGui-D3D11-Hook 项目介绍 在寻找一个能够让你在任何DirectX11或DirectX10应用中轻松添加图像界面和输入挂钩的解决方案吗？Universal-ImGui-D3D11-Hook 恰好满足你的需求。这是一个强大的钩子项目，它基于 ...
IMGUI_DX11显示自定义图片
abcz的博客
10-29 5861
IMGUI官方自带的例子里有一个Widgets项，里面有个Images 由于官方只演示了字体默认图片，并没有演示如何加载自定义图片 我们先搜索一下这个Images关键词 通过代码搜索，观察发现，这个纹理ID是画图的关键 ImTextureID my_tex_id = io.Fonts->TexID; 我们搜索看看io.Fonts->TexID是什么时候被赋值的...
D3D11绘制NV12格式内存数据图像到窗口
萧戈的专栏
07-10 1036
最近我们播放器（Kommander）有需要绘制NV12格式的内存数据图像到窗口上,为了搞清楚NV12的内存数据如何送入纹理对象，我专门写了个demo来实现这一块的功能，一是为了彻底搞清楚这一块原理，二也是为了方便其他人的学习。上面demo中，我自己创建了一块NV12内存数据，为了简单起见，我把NV12内存数据图像设置成一个灰色了（你们也可以根据自己需要改为其他颜色），所以你们执行程序最终会在窗口上看到一个灰色图像。
d3d11renderers.rar
07-31
本篇文章将基于"**d3d11renderers.rar**"压缩包中的"**d3d11varender.cpp**"和"**d3d11varender.h**"文件，深入探讨D3D11渲染器的实现细节。 首先，`d3d11varender.cpp`和`d3d11varender.h`是C++源文件和头文件，...
D3D11直接渲染YUV
07-27
在计算机图形学领域，D3D11，全称Direct3D 11，是Microsoft开发的一个图形应用程序接口（API），用于处理3D图形和游戏编程。它属于Windows API的一部分，为开发者提供了强大的硬件加速功能，包括对现代GPU的充分利用...
D3D11Texture2D.e
11-27
D3D11绘制文本源码
NVAPI抓屏传递给D3D11(D3D9到D3D11的数据传递)
03-29
2、D3D11利用D3D9传入的HANDLE使用OpenSharedResource来打开句柄实现D3D9到D3D11的数据传递 需要的库 1、NVAPI 安装完成后需要运行NVIDIA Capture SDK\bin目录下的NvFBCEnable.exe使能NVFBC抓屏 2、DXSDK_Jun10 坑...
d3d11_hook
12-09
《深入理解D3D11 Hook技术》 Direct3D 11（简称D3D11）是Microsoft开发的图形API，用于处理复杂的3D图形渲染任务，广泛应用于游戏开发、图形设计等领域。在软件工程中，"hook"技术是一种拦截函数调用的技术，允许...
DirectX 9.0 3D中的拾取源码
04-15
DirectX 9.0 3D中的拾取源码，该源码是用鼠标点击游戏场景中的地面，从而显示一个茶壶，用来模拟鼠标点击移动游戏人物！
DirectX 3D_实践之DirectX3D中的物体拾取技术
Z18_28_19的专栏
06-20 3609
今天我们谈一下，个人的核心竞争力，每个从事IT的人，都必须有自己的核心竞争力，有了这个，你才能有不可替代性，才可以在就业中，游刃有余，人的精力是有限的，不可能让自己在各个方面都有很深的研究和了解，但必须，在某一个方面，进行深入的研究，之前，我有讲过，我们每个人都在挖井，其实地下水在地下的深度是一致的，很多觉得当前的技术不好，没有进行深入，就重新去挖了一口井，过一段时间，又挖了一口井，但是他一直没有
Directx11教程十一之AlphaMap(混合贴图)
qq_29523119的博客
10-10 2732
先看看本次教程的构架吧， 构架其实与前两个教程差不多,就是前两个教程的纹理资源为两个,这次变为三个. 一，AlphaMap(混合贴图)的简介. AlphaMap(混合贴图)用于实现贴图的混合效果,其实AlphaMap跟黑白色的光照贴图差不多, 如图:                    假设还有另外两张纹理图, 一张为:
D3D中的拾取
梧桐下的四叶草
11-19 1120
转载自：http://www.cppblog.com/lovedday/archive/2008/04/04/46264.html 假设用户点击了屏幕上的点 s (x, y)。 从图15.1我们能看到用户选取了茶壶。无论如何，应用程序无法根据给定的s点就立即确定茶壶是被选取。 我们知道一些知识：关于茶壶和它的关联点s，茶壶投影在围绕s点的区域，更准确的说是：它投影到投影窗口上围绕p点的区域
【D3D11游戏编程】学习笔记二十三：Cube Mapping进阶之动态环境图
热门推荐
BonChoix的专栏
02-24 1万+
（注：【D3D11游戏编程】学习笔记系列由CSDN作者BonChoix所写，转载请注明出处：http://blog.csdn.net/BonChoix，谢谢~）           在前面两篇介绍Cube Mapping的文章中，我们所使用到的Cube Map都是事先制作好的，这样的一个好处就是运行时效率很高，适合于大多数情形。但如果对于即时动态变化的场景来说，依靠静态图来实现反射效果就不再
DirectX11教程5-贴图
tdl1001的专栏
03-24 4057
目录：http://blog.csdn.net/tdl1001/article/details/7888182 这一节介绍如何在DirectX11中使用贴图。贴图是用于绘制多面体表面细节的图片。贴图技术将照片级真实的效果添加到我们的场景中。这一节我们会使用这张图片作为讲解： 在上一节完成的案例中应用贴图技术来产生这样的画面： 我们将使用的图片是一个dds文件。这是Di
d3d11va2 d3d11va
05-23
d3d11va2 和 d3d11va 都是 DirectX 11 Video Acceleration （DXVA）的一部分，用于在硬件加速的视频解码过程中使用 Direct3D 11 API。d3d11va2 是 d3d11va 的升级版，添加了一些新功能和改进。它们都可以提高视频解码的效率和质量，减轻 CPU 负担。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值