图形学笔记（七）画一个 3D 的彩色的立方体

最新推荐文章于 2024-09-23 19:54:32 发布
最新推荐文章于 2024-09-23 19:54:32 发布
阅读量2.8k 收藏 10
点赞数
分类专栏： # 计算机图形学 # 从零开始的计算机图形学 文章标签： 3D 彩色 立方体
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wonz5130/article/details/83155293
版权

画完会动的 3D 矩形，现在玩点高级的，画一个会动的 3D 彩色的立方体。

一、代码

  • main.cpp
#include <iostream>

//GLEW
#define GLEW_STATIC
#include <GL/glew.h>

//GLFW
#include <GLFW/glfw3.h>

//Shader
#include "Shader.h"

// SOIL2
//Linux 用的是 \, 但是 / 都可以用
#include "SOIL2/SOIL2.h"  
#include "SOIL2/stb_image.h"

//glm
#include <glm/glm.hpp>
#include <glm/gtc/matrix_transform.hpp>  //需要什么变换，就导入什么文件，具体可以去官网看
#include <glm/gtc/type_ptr.hpp>

const GLint WIDTH = 800, HEIGHT = 600;  //新建窗口

int main()
{
	glfwInit();
	//OpenGL 版本
	glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
	glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
	//窗口设置
	glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);  //用的是新版的 OpenGL 3.3
	glfwWindowHint(GLFW_OPENGL_FORWARD_COMPAT, GL_TRUE); // must for Mac
	glfwWindowHint(GLFW_RESIZABLE, GL_FALSE);  //改为 GL_TRUE，改变窗口，纵横比会变
	GLFWwindow *window = glfwCreateWindow(WIDTH, HEIGHT, "Learn OpenGL B16xxxxxx", nullptr,
		nullptr);  //窗口名字改成自己的学号

	if (nullptr == window)
	{
		std::cout << "Failed to create GLFW window" << std::endl;
		glfwTerminate();
		return -1;
	}

	// next two lines are for mac retina display
	int screenWidth, screenHeight;
	glfwGetFramebufferSize(window, &screenWidth, &screenHeight);  //获取窗口大小

	glfwMakeContextCurrent(window);  //可以新建很多 window

	glewExperimental = GL_TRUE;
	if (GLEW_OK != glewInit())
	{
		std::cout << "Failed to initialise GLEW" << std::endl;
		return -1;
	}
	glViewport(0, 0, screenWidth, screenHeight);  //从（0,0）开始画点，直到 WIDTH 和 HEIGHT

	//glEnable(GL_CULL_FACE);  //只显示一半
	//glEnable(GL_DEPTH_TEST);  //深度测试
	//glDepthFunc(GL_LESS);  //深度信息小于当期信息，就把进行测试

	/*
	//启动透明度混合，固定不能改，alpha 线性混合：设置当前为 α ，其他就为 1- α
	glEnable(GL_BLEND);
	//表示把渲染的图像融合到目标区域。也就是说源的每一个像素的alpha都等于自己的alpha，
	//目标的每一个像素的alpha等于1减去该位置源像素的alpha。因此不论叠加多少次，亮度是不变的。
	glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
	*/

	//vs 是顶点调色器，frag 是边缘调色器
	Shader ourShader = Shader("core1.vs", "core1.frag");  //文件相对路径

	//now the verte information comes below
	float vertices[] = {
	-0.5f, -0.5f, -0.5f, 0.0f, 0.0f, 0.0f,
	0.5f, -0.5f, -0.5f, 1.0f, 0.0f, 0.0f,
	0.5f, 0.5f, -0.5f, 1.0f, 1.0f, 0.0f,
	0.5f, 0.5f, -0.5f, 1.0f, 1.0f, 0.0f,
	-0.5f, 0.5f, -0.5f, 0.0f, 1.0f, 0.0f,
	-0.5f, -0.5f, -0.5f, 0.0f, 0.0f, 0.0f,

	-0.5f, -0.5f, 0.5f, 0.0f, 0.0f, 1.0f,
	0.5f, -0.5f, 0.5f, 1.0f, 0.0f, 1.0f,
	0.5f, 0.5f, 0.5f, 1.0f, 1.0f, 1.0f,
	0.5f, 0.5f, 0.5f, 1.0f, 1.0f, 1.0f,
	-0.5f, 0.5f, 0.5f, 0.0f, 1.0f, 1.0f,
	-0.5f, -0.5f, 0.5f, 0.0f, 0.0f, 1.0f,

	-0.5f, 0.5f, 0.5f, 0.0f, 1.0f, 1.0f,
	-0.5f, 0.5f, -0.5f, 0.0f, 1.0f, 0.0f,
	-0.5f, -0.5f, -0.5f, 0.0f, 0.0f, 0.0f,
	-0.5f, -0.5f, -0.5f, 0.0f, 0.0f, 0.0f,
	-0.5f, -0.5f, 0.5f, 0.0f, 0.0f, 1.0f,
	-0.5f, 0.5f, 0.5f, 0.0f, 1.0f, 1.0f,

	0.5f, 0.5f, 0.5f, 1.0f, 1.0f, 1.0f,
	0.5f, 0.5f, -0.5f, 1.0f, 1.0f, 0.0f,
	0.5f, -0.5f, -0.5f, 1.0f, 0.0f, 0.0f,
	0.5f, -0.5f, -0.5f, 1.0f, 0.0f, 0.0f,
	0.5f, -0.5f, 0.5f, 1.0f, 0.0f, 1.0f,
	0.5f, 0.5f, 0.5f, 1.0f, 1.0f, 1.0f,

	-0.5f, -0.5f, -0.5f, 0.0f, 0.0f, 0.0f,
	0.5f, -0.5f, -0.5f, 1.0f, 0.0f, 0.0f,
	0.5f, -0.5f, 0.5f, 1.0f, 0.0f, 1.0f,
	0.5f, -0.5f, 0.5f, 1.0f, 0.0f, 1.0f,
	-0.5f, -0.5f, 0.5f, 0.0f, 0.0f, 1.0f,
	-0.5f, -0.5f, -0.5f, 0.0f, 0.0f, 0.0f,

	-0.5f, 0.5f, -0.5f, 0.0f, 1.0f, 0.0f,
	0.5f, 0.5f, -0.5f, 1.0f, 1.0f, 0.0f,
	0.5f, 0.5f, 0.5f, 1.0f, 1.0f, 1.0f,
	0.5f, 0.5f, 0.5f, 1.0f, 1.0f, 1.0f,
	-0.5f, 0.5f, 0.5f, 0.0f, 1.0f, 1.0f,
	-0.5f, 0.5f, -0.5f, 0.0f, 1.0f, 0.0f
	};

	//the date should be transfered to the memory on the Graphics Card,传到显存
	GLuint VAO, VBO;  //VAO:Vertex Array Object   VBO:Vertex Buffer Object传数据
	glGenVertexArrays(1, &VAO);  //创建 VAO
	glGenBuffers(1, &VBO);
	glBindVertexArray(VAO);  //设当前直线
	glBindBuffer(GL_ARRAY_BUFFER, VBO);  //VAO 和 VBO 成对出现
	// transfer the data：传数据
	glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);  //静态访问，几乎不修改
	//set the attribute
	glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE,
		6 * sizeof(GLfloat), (GLvoid *)0);  //0:对应调色器里 location 的值；3:对应 vec3 三个量；GL_FLOAT:浮点型；GL_FALSE:；5*sizeof(GLfloat):对应 Buffer 里传的数据；(GLvoid*)0:从第 0 个位置开始
	glEnableVertexAttribArray(0);
	glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE,
		6 * sizeof(GLfloat), (GLvoid *)(3 * sizeof(GLfloat)));  //0:对应调色器里 location 的值；3:对应 vec3 三个量；GL_FLOAT:浮点型；GL_FALSE:；5*sizeof(GLfloat):对应 Buffer 里传的数据；(GLvoid*)0:从第 0 个位置开始
	glEnableVertexAttribArray(1);
    
	glBindBuffer(GL_ARRAY_BUFFER, 0);
	glBindVertexArray(0);

	//画图
	while (!glfwWindowShouldClose(window))
	{
		glfwPollEvents();  //把所有事件系统都取过来：键盘/鼠标等操作
		glClearColor(0.2f, 0.3f, 0.3f, 1.0f);  //窗口背景颜色，RGB，最后一个是透明度
		glClear(GL_COLOR_BUFFER_BIT);
		//Bind the shader
		//glUseProgram(shaderProgram);  //使用调色器,不注释
		ourShader.Use();
		//glm 从 0.9.9 版本起，默认会将矩阵类型初始化为一个零矩阵（所有元素均为 0）
		glm::mat4 transform = glm::mat4(1.0f);  //初始化 4 * 4 单位矩阵

		//旋转
		//GLM 希望它的角度是弧度制，radians 将角度转化为弧度制
		//glfwGetTime()：让图形一直变换，做一个类型转换，用 static_cast<GLfloat>，设为 GLfloat 型
		//glm::vec3(1.0f, 1.0f, 1.0f)，分别绕 x 轴、y 轴、z 轴进行旋转，如果都为 1.0f，就是绕和向量 (1,1,1) 转
		transform = glm::rotate(transform, glm::radians(20.0f) * static_cast<GLfloat>(glfwGetTime()), glm::vec3(1.0f, 1.0f, 1.0f));

		//缩放，x、y、z 都缩放到原来的 0.5 倍
		transform = glm::scale(transform, glm::vec3(0.5f, 0.5f, 0.5f));

		//平移
		//transform = 

		GLuint transLoc = glGetUniformLocation(ourShader.Program, "transform");  //到 vs 找到那个 transform 变量
		//Matrix4fv：4维矩阵，fv：浮点类型
		//transLoc：变量 uniform 的位置
		//1：代表只传入一个矩阵
		//GL_FALSE：不对矩阵进行置换，即不交换矩阵的行和列。GLM 的默认布局就是列主序，所以并不需要置换矩阵
		//最后：直接给出 transform 矩阵数组，这里我们要把矩阵转换成数组的格式传递。
		glUniformMatrix4fv(transLoc, 1, GL_FALSE, glm::value_ptr(transform));  //glUniformMatrix4fv：四个坐标  glUniform4fv：三个坐标

		//Draw the triangle
		glBindVertexArray(VAO);  //使用 VAO，直接绑定

		//glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);
		glDrawArrays(GL_TRIANGLES, 0, 36);  //画三角形，从第 0 个数据开始画，到最后一个数据（第 3 个）结束
		//glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);
		//glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, 0); //解绑定
		glBindVertexArray(0);

		glfwSwapBuffers(window);  //调用双面进行画，显示一个，另一个在画，画面更流畅
	}
	glDeleteVertexArrays(1, &VAO);
	glDeleteBuffers(1, &VBO);
	//lDeleteBuffers(1, &EBO);

	glfwTerminate();
	return 0;
}
  • Shader.h
#pragma once
//#ifndef shader_hpp
//#define shader_hpp
//#endif /* shader_hpp */
#include<string>
#include<fstream>  //可以打开文件
#include<sstream>
#include<iostream>
#include<GL/glew.h>

class Shader {
	GLuint vertex, fragment;
public:
	GLuint Program;
	Shader(const GLchar * vertexPath, const GLchar * fragmentPath)
	{
		std::string vertexCode;
		std::string fragmentCode;
		std::ifstream vShaderFile;
		std::ifstream fShaderFile;
		vShaderFile.exceptions(std::ifstream::badbit);
		fShaderFile.exceptions(std::ifstream::badbit);

		try {
			vShaderFile.open(vertexPath);
			fShaderFile.open(fragmentPath);

			std::stringstream vShaderStream, fShaderStream;

			vShaderStream << vShaderFile.rdbuf();
			fShaderStream << fShaderFile.rdbuf();

			//文件关闭顺序，先 v 再 f
			vShaderFile.close();
			fShaderFile.close();

			vertexCode = vShaderStream.str();
			fragmentCode = fShaderStream.str();
		}
		catch (std::ifstream::failure a) {
			std::cout <<
				"ERROR::SHADER::FILE_NOT_SUCCESSFULLY_READ"
				<< std::endl;
		}
		//类型转换
		const GLchar *vShaderCode = vertexCode.c_str();
		const GLchar *fShaderCode = fragmentCode.c_str();

		//import and compile the shader
		vertex = glCreateShader(GL_VERTEX_SHADER);  //不用重新定义
		glShaderSource(vertex, 1, &vShaderCode, NULL);
		glCompileShader(vertex);  //编译

		GLint success;
		GLchar infoLog[512];
		glGetShaderiv(vertex, GL_COMPILE_STATUS, &success);  //编译是否完成的位置
		if (!success) {
			glGetShaderInfoLog(vertex, 512, NULL, infoLog);
			std::cout <<
				"ERROR::SHADER::VERTEX::COMPILATION_FAILED\n"
				<< infoLog << std::endl;
		}

		//边缘调色器
		fragment = glCreateShader(GL_FRAGMENT_SHADER);
		glShaderSource(fragment, 1, &fShaderCode, NULL);
		glCompileShader(fragment);  //编译

		glGetShaderiv(fragment, GL_COMPILE_STATUS, &success);  //编译是否完成的位置
		if (!success) {
			glGetShaderInfoLog(fragment, 512, NULL, infoLog);
			std::cout <<
				"ERROR::SHADER::FRAGMENT::COMPILATION_FAILED\n"
				<< infoLog << std::endl;
		}

		//create the program and link the program
		this->Program = glCreateProgram();  //创建着色器程序
		glAttachShader(this->Program, vertex);
		glAttachShader(this->Program, fragment);
		glLinkProgram(this->Program);  //链接

		glValidateProgram(this->Program);  //可省略
		glGetProgramiv(this->Program, GL_LINK_STATUS, &success);
		if (!success) {
			glGetProgramInfoLog(this->Program, 512, NULL, infoLog);  //获取链接情况
			std::cout <<
				"ERROR::SHADER::PROGRAM::LINKING_FAILED\n" <<
				infoLog << std::endl;
		}
	}

	~Shader() {
		glDetachShader(this->Program, vertex);
		glDetachShader(this->Program, fragment);
		glDeleteShader(vertex);
		glDeleteShader(fragment);
		glDeleteProgram(this->Program);
	}
	void Use() {
		glUseProgram(this->Program);
	}
};
  • core1.vs
#version 330 core
layout (location = 0) in vec3 position;
layout (location = 1) in vec3 color;
out vec3 Color;
uniform mat4 transform;

void main(){
    gl_Position = transform * vec4(position, 1.0f);
	Color = color;
}
  • core1.frag
#version 330 core
in vec3 Color;
out vec4 color;

void main(){
    color = vec4(Color, 0.8f);
}

程序正常运行，应该能出现一个 3D 彩色动态的立方体在转。
在这里插入图片描述

其实这个立方体是绕着（1,1,1）在转动的。

二、讲解

设置顶点属性指针。

    //set the attribute
	glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE,
		6 * sizeof(GLfloat), (GLvoid *)0);  //0:对应调色器里 location 的值；3:对应 vec3 三个量；GL_FLOAT:浮点型；GL_FALSE:；5*sizeof(GLfloat):对应 Buffer 里传的数据；(GLvoid*)0:从第 0 个位置开始
	glEnableVertexAttribArray(0);
	glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE,
		6 * sizeof(GLfloat), (GLvoid *)(3 * sizeof(GLfloat)));  //0:对应调色器里 location 的值；3:对应 vec3 三个量；GL_FLOAT:浮点型；GL_FALSE:；5*sizeof(GLfloat):对应 Buffer 里传的数据；(GLvoid*)0:从第 0 个位置开始
	glEnableVertexAttribArray(1);

画三角形，因为有六面，所以是 36 个顶点。注意这里用的不是第二行代码。

        glDrawArrays(GL_TRIANGLES, 0, 36);  //画三角形，从第 0 个数据开始画，到最后一个数据（第 3 个）结束
		//glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);

要把其他 索引数组 EBO 全部删掉就 OK 了。

core1.vs 中，因为立方体的数组有六列，所以三列为顶点，三列为颜色。

layout (location = 0) in vec3 position;
layout (location = 1) in vec3 color;

core1.frag 中，有 in ，有 out 。

in vec3 Color;
out vec4 color;

三、致谢

从 0 开始的 OpenGL 学习（八）- 显示 3D 立方体

Wonz
关注
专栏目录
MyCGTest_计算机图形学_旋转立方体_
09-29
在本项目"MyCGTest_计算机图形学_旋转立方体_"中，我们聚焦于一个核心概念：三维立方体的旋转及其动态颜色变化。这个程序通过编程实现了在屏幕上展示一个可以自由旋转的立方体，它不仅在空间中的四个轴（上、下、左...
制作一个正方体
weixin_44547598的博客
02-15 1784
制作一个正方体首先需要建立正方体的6个面 因为正方体的6个面都是相同的所以我用x类来写它们的样式 因为正方体它是一个3D物体，所以需要用定位来制作它们 制作一个正方体，需要用css3中的旋转菜能让人看得更立体 并且还将用到关键帧来运行 它的效果是 如果将x类里面的宽高设置为200px或者将所有的translateZ（）括号里的值设置为75px的话它的效果为 ...
【D3D11游戏编程】学习笔记八：绘图基础-旋转的彩色立方体
轻轻草原
12-16 546
（注：【D3D11游戏编程】学习笔记系列由CSDN作者BonChoix所写，转载请注明出处：http://blog.csdn.net/BonChoix，谢谢~） 历代的D3D教程中，介绍基本绘图时都会拿立方体作为例子，这次也不例外~ 立方体虽然简单，但正所谓麻雀虽小，五脏俱全。绘制立方体的过程其实已经包含了所有D3D渲染程序中最基本的、必不可少的步骤。因此，从绘制立方体开始学习D3D绘图...
[OpenGL]使用OpenGL绘制三维立方体
最新发布
刘好念的博客
09-23 739
本文介绍了如何使用OpenGL使用OpenGL绘制三维立方体。在绘制三维立方体时，使用glm库确定对顶点进行坐标变换的矩阵。
D3D绘制彩色立方体
tiger1334的专栏
01-27 599
d3dUtility.h #ifndef __d3dUtilityH__ #define __d3dUtilityH__ #include #include namespace d3d { bool InitD3D( HINSTANCE hInstance, // [in] Application instance. int width, int height,
D3D11无双（2）：渲染一个3D彩色立方体
代码菌的blog
04-27 1512
渲染一个彩色立方体，这是个很经典的案例，上一篇文章成功地渲染了一个三角形，这次是个3D对象。 （注：blog: http://blog.csdn.net/booirror） 3D空间 对象空间：对象空间也叫模型空间，是美工创建模型是使用的坐标。通常位于模型的中间。 世界空间：是将场景中的所有对象共享于一个坐标下。 相机空间：也用于整个场景，但原点位于相机处。 投影空间：相机空间应用
3D立方体(代码)
web_q的博客
03-09 2198
3D立方体(Html&&css)                     .box{             width: 250px;             height: 250px;             border: 1px dashed red;             margin:100px auto;             position: rela
图形学实验-立方体线框模型透视投影
05-03
在计算机图形学领域，立方体线框模型是一种基础的3D表示方法，它通过一系列直线段来描绘立方体的边框，通常用于教学和早期的3D渲染。透视投影则是模拟人眼观察真实世界的方式，使得远离观察者的物体显得更小，从而...
CPG.rar_CPG_旋转立方体_立方体旋转_计算机图形学
09-23
总结来说，"CPG.rar"中的内容可能是一个关于如何在计算机图形学中实现3D立方体旋转的实例。通过对旋转矩阵的运用和理解，开发者可以控制3D对象的动态行为，这对于游戏开发、虚拟现实应用以及其他需要实时3D渲染的...
3D立方体旋转展示动画特效源码.rar
01-27
1. **3D渲染技术**：3D立方体旋转展示的核心是3D渲染，它是计算机图形学的一个分支，用于创建和显示三维图像。这种技术通常涉及矩阵运算、坐标变换、透视投影等数学原理，以模拟真实世界中的光照、阴影和物体运动。 ...
MFC实现的3D图形学中的立方体
04-24
用MFC实现的3D图形学中的立方体，可旋转，有三种投影方式，正交，透视，斜投影三种(MFC achieved with 3D graphics in the cube can be rotated in three projection mode, orthogonal, perspective, oblique ...
计算机图形学(MFC)-三维图形变换(立方体)
03-24
资源内容：通过键盘按键，实现立方体的移动，伸缩，旋转，错切，投影等变换 语言：C++ 运行环境：Visual Studio 2013/更高版本
opengl绘制彩色立方体
09-01
基于opengl绘制一个六个面不同颜色的立方体，并且通过鼠标来控制立方体沿三个坐标轴的旋转。
图形编辑器 汇编语言
01-13
使用汇编语言，编写一个绘图程序，可以绘制直线，折线，圆等，可以删除图形。。。
图形学绘制立方体并实现旋转
03-22
利用OPENGL图形学绘制一个立方体，并实现简单的旋转
汇编语言课程设计动态小车图形
01-02
汇编语言课程设计动态图形设计小车设计，小车在公路上行驶，从屏幕左侧驶向右侧。在到达屏幕右侧 ，公路下降一段距离并改变颜色，然后小车继续由左向右行驶驶。当下降到屏幕底部时，又返回到屏幕顶部重复上述过程，直到有键按下。公路和小车的颜色不样，要用到INT 10H功能。
逐梦旅程学习笔记 DirectX开发入门02:旋转的彩色立方体
B0tt3rf1y
12-02 1453
本文是 系列笔记DirectX部分的第2篇，上一篇参见 逐梦旅程学习笔记 DirectX开发入门01:应用程序基本框架 这个示例增加了一些实际的内容，首先是绘制一个颜色随机变幻的彩色立方体，其二是显示FPS 我录制了一段运行时刻的视频如下 如果不能播放视频，请参考以下截图 因为GIF动态图片只能播放第一帧，所以就分别借去了几个时刻的静态帧图片
DirectX11 颜色立方体示例Demo
梦幻DUO的游戏开发之路
10-01 2904
颜色立方体示例Demo1. 核心代码我们已经讲解了足够多的内容，现在我们可以开始编写一个简单的颜色立方体演示程序了。这个例子基本上包含了我们前面讲到的所有内容。读者应该对照前面的几节，仔细研究这些代码，直到把每一行代码都弄懂为止。 核心代码（建议下载Demo在VS看会更方便，DX11龙书官网有项目源代码下载，请读者自行下载）：//**********************************
[OpenGL]使用OpenGL绘制三角形
刘好念的博客
09-08 888
本文介绍了如何在linux/win(wsl2)环境下，使用GLFW+GLAD实现绘制三角形。
OpenGL实现彩色立方体绘制
"该资源是一个使用OpenGL编程语言绘制彩色立方体的示例代码。" 在计算机图形学中，OpenGL是一种广泛使用的跨语言、跨平台的编程接口，用于渲染2D和3D图形。这个示例代码主要展示了如何使用OpenGL的基本元素来创建一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Wonz

创作不易，一块就行。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值