白鹭显示html里面的img,egret2d EUI 和egret3d 混合使用

最新推荐文章于 2024-03-28 10:02:32 发布
最新推荐文章于 2024-03-28 10:02:32 发布
阅读量294 收藏
点赞数
文章标签： 白鹭显示html里面的img

2D混合

2D混合基础该篇教程将讲述关于Egret引擎中2D内容与3D内容交互使用说明：

加载2D资源//注入自定义的素材解析器

var assetAdapter = new AssetAdapter();

this.stage.registerImplementation("eui.IAssetAdapter",assetAdapter);

this.stage.registerImplementation("eui.IThemeAdapter",new ThemeAdapter());

//初始化Resource资源加载库

RES.addEventListener(RES.ResourceEvent.CONFIG_COMPLETE, this.onConfigComplete, this);

RES.loadConfig("resource/default.res.json", "resource/");

说明:

default.res.json为资源列表,将资源信息加载到内存中,如图下所示：

5714b53186bc1.png

加载2D UI组件默认主题文件//加载皮肤主题配置文件,可以手动修改这个文件。替换默认皮肤。

var theme = new eui.Theme("resource/default.thm.json", this.stage);

theme.addEventListener(eui.UIEvent.COMPLETE, this.onThemeLoadComplete, this);

RES.addEventListener(RES.ResourceEvent.GROUP_COMPLETE, this.onResourceLoadComplete, this);

RES.addEventListener(RES.ResourceEvent.GROUP_LOAD_ERROR, this.onResourceLoadError, this);

RES.addEventListener(RES.ResourceEvent.GROUP_PROGRESS, this.onResourceProgress, this);

RES.addEventListener(RES.ResourceEvent.ITEM_LOAD_ERROR, this.onItemLoadError, this);

RES.loadGroup("preload");

说明:

default.thm.json为UI皮肤对应关系，exmls-skins，详情可以前往Egret主页查询2D Api信息。

生成2D控件//注册x轴旋转checkbox

var rotationXCheckBox = new eui.CheckBox();

rotationXCheckBox.label="x轴旋转";

rotationXCheckBox.x=0;

rotationXCheckBox.y=10;

this.addChild(rotationXCheckBox);

///注册CheckBox事件

rotationXCheckBox.addEventListener(egret.Event.CHANGE,e=> this.view.isRotationX = rotationXCheckBox.selected ,this);

//注册x轴旋转速度调节条

var speedXslider = new eui.HSlider();

speedXslider.x=120;

speedXslider.y=12;

speedXslider.width=300;

speedXslider.height=20;

speedXslider.minimum=0;

speedXslider.maximum=100;

this.addChild(speedXslider);

///注册Slider事件

speedXslider.addEventListener(egret.Event.CHANGE,e=> this.view.rotationXSpeed = 0.05 * speedXslider.value + 0.5,this);

说明:

这里我们创建一个勾选框，来控制是否开该方向上的旋转功能。又创建了一个可以拖动滑条，用来控制旋转速度。如图所示：

5714b531af815.png

创建3D显示区域this._egret3DCanvas = new egret3d.Egret3DCanvas();

///Canvas的起始坐标，页面左上角为起始坐标(0,0)。

this._egret3DCanvas.x = 0;

this._egret3DCanvas.y = 0;

///设置Canvas页面尺寸。

this._egret3DCanvas.width = window.innerWidth;

this._egret3DCanvas.height = window.innerHeight;

///创建View3D对象,页面左上角为起始坐标(0,0),其参数依次为:

///@param x: number 起始坐标x,

///@param y: number 起始坐标y

///@param width: number 显示区域的宽

///@param height: number 显示区域的高

this._view3D = new egret3d.View3D(0,0,window.innerWidth,window.innerHeight);

///当前对象对视位置,其参数依次为:

///@param pos 对象的位置

///@param target 目标的位置

this._view3D.camera3D.lookAt(new egret3d.Vector3D(200, 200,-1000),new egret3d.Vector3D(0,0,0));

///View3D的背景色设置

this._view3D.backColor = 0xffffffff;

///将View3D添加进Canvas中

this._egret3DCanvas.addView3D(this._view3D);

///启动Canvas。

this._egret3DCanvas.start();

说明:

我们可以通过参数设置等方式，来生成满足我们需求的显示区域，同时2D ui层次始终高于3D显示区域。

完整示例代码一:Main.Tsclass Main extends eui.UILayer {

/**

* 加载进度界面

* loading process interface

*/

private loadingView: LoadingUI;

protected createChildren(): void {

super.createChildren();

//inject the custom material parser

//注入自定义的素材解析器

var assetAdapter = new AssetAdapter();

this.stage.registerImplementation("eui.IAssetAdapter",assetAdapter);

this.stage.registerImplementation("eui.IThemeAdapter",new ThemeAdapter());

//Config loading process interface

//设置加载进度界面

this.loadingView = new LoadingUI();

this.stage.addChild(this.loadingView);

// initialize the Resource loading library

//初始化Resource资源加载库

RES.addEventListener(RES.ResourceEvent.CONFIG_COMPLETE, this.onConfigComplete, this);

RES.loadConfig("resource/default.res.json", "resource/");

}

/**

* 配置文件加载完成,开始预加载皮肤主题资源和preload资源组。

* Loading of configuration file is complete, start to pre-load the theme configuration file and the preload resource group

*/

private onConfigComplete(event:RES.ResourceEvent):void {

RES.removeEventListener(RES.ResourceEvent.CONFIG_COMPLETE, this.onConfigComplete, this);

// load skin theme configuration file, you can manually modify the file. And replace the default skin.

//加载皮肤主题配置文件,可以手动修改这个文件。替换默认皮肤。

var theme = new eui.Theme("resource/default.thm.json", this.stage);

theme.addEventListener(eui.UIEvent.COMPLETE, this.onThemeLoadComplete, this);

RES.addEventListener(RES.ResourceEvent.GROUP_COMPLETE, this.onResourceLoadComplete, this);

RES.addEventListener(RES.ResourceEvent.GROUP_LOAD_ERROR, this.onResourceLoadError, this);

RES.addEventListener(RES.ResourceEvent.GROUP_PROGRESS, this.onResourceProgress, this);

RES.addEventListener(RES.ResourceEvent.ITEM_LOAD_ERROR, this.onItemLoadError, this);

RES.loadGroup("preload");

}

private isThemeLoadEnd: boolean = false;

/**

* 主题文件加载完成,开始预加载

* Loading of theme configuration file is complete, start to pre-load the

*/

private onThemeLoadComplete(): void {

this.isThemeLoadEnd = true;

this.createScene();

}

private isResourceLoadEnd: boolean = false;

/**

* preload资源组加载完成

* preload resource group is loaded

*/

private onResourceLoadComplete(event:RES.ResourceEvent):void {

if (event.groupName == "preload") {

this.stage.removeChild(this.loadingView);

RES.removeEventListener(RES.ResourceEvent.GROUP_COMPLETE, this.onResourceLoadComplete, this);

RES.removeEventListener(RES.ResourceEvent.GROUP_LOAD_ERROR, this.onResourceLoadError, this);

RES.removeEventListener(RES.ResourceEvent.GROUP_PROGRESS, this.onResourceProgress, this);

RES.removeEventListener(RES.ResourceEvent.ITEM_LOAD_ERROR, this.onItemLoadError, this);

this.isResourceLoadEnd = true;

this.createScene();

}

}

private createScene(){

if(this.isThemeLoadEnd && this.isResourceLoadEnd){

this.startCreateScene();

}

}

/**

* 资源组加载出错

* The resource group loading failed

*/

private onItemLoadError(event:RES.ResourceEvent):void {

console.warn("Url:" + event.resItem.url + " has failed to load");

}

/**

* 资源组加载出错

* Resource group loading failed

*/

private onResourceLoadError(event:RES.ResourceEvent):void {

//TODO

console.warn("Group:" + event.groupName + " has failed to load");

//忽略加载失败的项目

//ignore loading failed projects

this.onResourceLoadComplete(event);

}

/**

* preload资源组加载进度

* loading process of preload resource

*/

private onResourceProgress(event:RES.ResourceEvent):void {

if (event.groupName == "preload") {

this.loadingView.setProgress(event.itemsLoaded, event.itemsTotal);

}

}

private view: View3DTest;

/**

* 创建场景界面

* Create scene interface

*/

protected startCreateScene(): void {

this.view = new View3DTest();

//注册x轴旋转checkbox

var rotationXCheckBox = new eui.CheckBox();

rotationXCheckBox.label="x轴旋转";

rotationXCheckBox.x=0;

rotationXCheckBox.y=10;

this.addChild(rotationXCheckBox);

rotationXCheckBox.addEventListener(egret.Event.CHANGE,e=> this.view.isRotationX = rotationXCheckBox.selected ,this);

//注册y轴旋转checkbox

var rotationYCheckBox = new eui.CheckBox();

rotationYCheckBox.label = "y轴旋转";

rotationYCheckBox.x = 0;

rotationYCheckBox.y = 40;

this.addChild(rotationYCheckBox);

rotationYCheckBox.addEventListener(egret.Event.CHANGE,e=> this.view.isRotationY = rotationYCheckBox.selected,this);

//注册z轴旋转checkbox

var rotationZCheckBox = new eui.CheckBox();

rotationZCheckBox.label = "z轴旋转";

rotationZCheckBox.x = 0;

rotationZCheckBox.y = 70;

this.addChild(rotationZCheckBox);

rotationZCheckBox.addEventListener(egret.Event.CHANGE,e=> this.view.isRotationZ = rotationZCheckBox.selected,this);

//注册x轴旋转速度调节条

var speedXslider = new eui.HSlider();

speedXslider.x=120;

speedXslider.y=12;

speedXslider.width=300;

speedXslider.height=20;

speedXslider.minimum=0;

speedXslider.maximum=100;

this.addChild(speedXslider);

speedXslider.addEventListener(egret.Event.CHANGE,e=> this.view.rotationXSpeed = 0.05 * speedXslider.value + 0.5,this);

//注册y轴旋转速度调节条

var speedYslider = new eui.HSlider();

speedYslider.x = 120;

speedYslider.y = 42;

speedYslider.width = 300;

speedYslider.height = 20;

speedYslider.minimum = 0;

speedYslider.maximum = 100;

this.addChild(speedYslider);

speedYslider.addEventListener(egret.Event.CHANGE,e=> this.view.rotationYSpeed = 0.05 * speedYslider.value + 0.5,this);

//注册z轴旋转速度调节条

var speedZslider = new eui.HSlider();

speedZslider.x = 120;

speedZslider.y = 72;

speedZslider.width = 300;

speedZslider.height = 20;

speedZslider.minimum = 0;

speedZslider.maximum = 100;

this.addChild(speedZslider);

speedZslider.addEventListener(egret.Event.CHANGE,e=> this.view.rotationZSpeed = 0.05 * speedZslider.value + 0.5,this);

}

}

完整示例代码二:AssetAdapter.Tsclass AssetAdapter implements eui.IAssetAdapter {

/**

* @language zh_CN

* 解析素材

* @param source 待解析的新素材标识符

* @param compFunc 解析完成回调函数，示例：callBack(content:any,source:string):void;

* @param thisObject callBack的 this 引用

*/

public getAsset(source: string, compFunc:Function, thisObject: any): void {

function onGetRes(data: any): void {

compFunc.call(thisObject, data, source);

}

if (RES.hasRes(source)) {

var data = RES.getRes(source);

if (data) {

onGetRes(data);

}

else {

RES.getResAsync(source, onGetRes, this);

}

}

else {

RES.getResByUrl(source, onGetRes, this, RES.ResourceItem.TYPE_IMAGE);

}

}

}

完整示例代码三:LoadingUI.Tsclass LoadingUI extends egret.Sprite {

public constructor() {

super();

this.createView();

}

private textField:egret.TextField;

private createView():void {

this.textField = new egret.TextField();

this.addChild(this.textField);

this.textField.y = 300;

this.textField.width = 480;

this.textField.height = 100;

this.textField.textAlign = "center";

}

public setProgress(current, total):void {

this.textField.text = "Loading..." + current + "/" + total;

}

}

完整示例代码四:ThemeAdapter.Tsclass ThemeAdapter implements eui.IThemeAdapter {

/**

* 解析主题

* @param url 待解析的主题url

* @param compFunc 解析完成回调函数，示例：compFunc(e:egret.Event):void;

* @param errorFunc 解析失败回调函数，示例：errorFunc():void;

* @param thisObject 回调的this引用

*/

public getTheme(url:string,compFunc:Function,errorFunc:Function,thisObject:any):void {

function onGetRes(e:string):void {

compFunc.call(thisObject, e);

}

function onError(e:RES.ResourceEvent):void {

if(e.resItem.url == url) {

RES.removeEventListener(RES.ResourceEvent.ITEM_LOAD_ERROR, onError, null);

errorFunc.call(thisObject);

}

}

RES.addEventListener(RES.ResourceEvent.ITEM_LOAD_ERROR, onError, null);

RES.getResByUrl(url, onGetRes, this, RES.ResourceItem.TYPE_TEXT);

}

}

完整示例代码四:View3DTest.Ts/**

*

* @author

*

*/

class View3DTest {

public isRotationX: boolean = false;

public isRotationY: boolean = false;

public isRotationZ: boolean = false;

public rotationXSpeed: number = 0.5;

public rotationYSpeed: number = 0.5;

public rotationZSpeed: number = 0.5;

/**

* Canvas操作对象

* @version Egret 3.0

* @platform Web,Native

*/

protected _egret3DCanvas: egret3d.Egret3DCanvas;

/**

* View3D操作对象

* @version Egret 3.0

* @platform Web,Native

*/

protected _view3D: egret3d.View3D;

/**

* 立方体对象

* @version Egret 3.0

* @platform Web,Native

*/

protected _cube: egret3d.Mesh;

public constructor() {

///创建Canvas对象。

this._egret3DCanvas = new egret3d.Egret3DCanvas();

///Canvas的起始坐标，页面左上角为起始坐标(0,0)。

this._egret3DCanvas.x = 0;

this._egret3DCanvas.y = 0;

///设置Canvas页面尺寸。

this._egret3DCanvas.width = window.innerWidth;

this._egret3DCanvas.height = window.innerHeight;

///创建View3D对象,页面左上角为起始坐标(0,0),其参数依次为:

///@param x: number 起始坐标x,

///@param y: number 起始坐标y

///@param width: number 显示区域的宽

///@param height: number 显示区域的高

this._view3D = new egret3d.View3D(0,0,window.innerWidth,window.innerHeight);

///当前对象对视位置,其参数依次为:

///@param pos 对象的位置

///@param target 目标的位置

this._view3D.camera3D.lookAt(new egret3d.Vector3D(200, 200,-1000),new egret3d.Vector3D(0,0,0));

///View3D的背景色设置

this._view3D.backColor = 0xffffffff;

///将View3D添加进Canvas中

this._egret3DCanvas.addView3D(this._view3D);

this.CreatCube();

this.CreatGrid();

this.CreatSky();

///启动Canvas。

this._egret3DCanvas.start();

///注册每帧更新，让cube进行旋转

this._egret3DCanvas.addEventListener(egret3d.Event3D.ENTER_FRAME,this.update,this);

///设置window resize事件

egret3d.Input.addEventListener(egret3d.Event3D.RESIZE,this.OnWindowResize,this);

}

private CreatCube():void{

///创建颜色材质

var mat_0: egret3d.TextureMaterial = new egret3d.TextureMaterial();

///创建立方体对象

var geometery_0: egret3d.CubeGeometry = new egret3d.CubeGeometry(150,150,150);

///通过材质和立方体对象生成Mesh

this._cube = new egret3d.Mesh(geometery_0,mat_0);

///将mesh插入view3D

this._view3D.addChild3D(this._cube);

}

/**

* @language zh_CN

* 创建天空盒子

* @version Egret 3.0

* @platform Web,Native

*/

private CreatSky():void {

///天空贴图用于Sky类使用，其内部是将6张HTMLImageElement(网页图片元素)封装到CubeTexture对象，CubeTexture为引擎内部使用对象

//* 需要在html中已有 < /p>

// < pre >

// image_front.png

// image_back.png

// image_left.png

// image_right.png

// image_up.png

// image_down.png

//

var cubeTexture: egret3d.CubeTexture = egret3d.CubeTexture.createCubeTexture(

document.getElementById("f"),

document.getElementById("b"),

document.getElementById("l"),

document.getElementById("r"),

document.getElementById("u"),

document.getElementById("d")

);

///创建天空盒

var sky: egret3d.Sky = new egret3d.Sky(new egret3d.CubeTextureMaterial(cubeTexture),this._view3D.camera3D);

///将天空盒子插入view3D

this._view3D.addChild3D(sky);

///启动Canvas。

this._egret3DCanvas.start();

}

/**

* @language zh_CN

* 创建纯色网格地面

* @version Egret 3.0

* @platform Web,Native

*/

private CreatGrid(): void {

///生成面板

var mat_1: egret3d.ColorMaterial = new egret3d.ColorMaterial(0xff000000);

var geometery_1: egret3d.PlaneGeometry = new egret3d.PlaneGeometry(3000,10000);

var plane = new egret3d.Mesh(geometery_1,mat_1);

plane.y = -150;

this._view3D.addChild3D(plane);

}

/**

* @language zh_CN

* 窗口尺寸变化事件

* @version Egret 3.0

* @platform Web,Native

*/

private OnWindowResize(e: egret3d.Event3D): void {

///重置ui大小

this._egret3DCanvas.width = window.innerWidth;

this._egret3DCanvas.height = window.innerHeight;

this._view3D.width = window.innerWidth;

this._view3D.height = window.innerHeight;

}

public update(e: egret3d.Event3D) {

///旋转

if(this.isRotationX) {

this._cube.rotationX += this.rotationXSpeed;

}

if(this.isRotationY) {

this._cube.rotationY += this.rotationYSpeed;

}

if(this.isRotationZ) {

this._cube.rotationZ += this.rotationZSpeed;

}

}

}

说明:

5714b53218fa1.gif

张大神气
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5白鹭引擎 ui,Egret3DCanvas
weixin_31947395的博客
06-04 243
Egret3DCanvas入门Egret3DCanvas基础该篇教程将讲述Egret3D中的一个基础组件Egret3DCanvas，基本上所有的Egret3D的其他组件都是基于Egret3DCanvas进行显示交互的。但在使用它之前,我们需要简单的了解下它在Egret3DCanvas中究竟起到了什么作用：(1)事件管理对象的持有者，详情可以参考Event教程。(2)渲染视图列表的管理和维护。(3)...
egret小游戏示例
11-28
完整的白鹭引擎开发的小游戏，egert小游戏，给在egret起步的你更好的帮助
如何用Egret3D进行游戏制作？看完这篇文章你就知道了
ccccce的博客
12-10 3014
在以往的3D游戏制作中，需要大量的模型资源与配置，开发者通常需要面对诸多挑战，比如，如何妥善运用3D游戏引擎进行游戏制作？如何将3D部分与2D进行集成？ 为了最大程度解决这些问题，2018年10月19日，在武汉举行的白鹭开发者上龙上，来自白鹭科技引擎首席架构师王泽以运行时、编辑器、Unity3D导出插件、文档中心四个方面完整地介绍了Egret3D。与去年的内测版相比，Egret3D模型解析速度提...
Egret快速入门
tonydandelion2014的博客
10-17 3162
最基本的显示 private onAddToStage(event: egret.Event) { egret.lifecycle.addLifecycleListener((context) => { // custom lifecycle plugin context.onUpdate = () => {
Egret3D：一款强大的开源3D游戏引擎
最新发布
gitblog_00095的博客
03-28 383
Egret3D：一款强大的开源3D游戏引擎 项目地址:https://gitcode.com/egret-labs/egret3d 项目简介 Egret3D 是由 Egret Labs 团队开发的一款基于WebGL的开源3D游戏引擎，旨在为开发者提供高效、易用的工具链，用于构建高质量的3D Web应用程序和游戏。该项目的目标是将2D游戏开发中的简单性和便捷性延伸到3D领域，并且保持优秀的性能表现。...
Egret中p2.js用法示例及解析_小球落地
huanqing2010的专栏
07-16 6748
在线运行地址点我网页看效果 扫描二维码手机看效果 Egret 和 p2.js 坐标对比图p2.js库的引用 地面被我注释掉了，需要的话将其中两端注释（L50-55，L105）去掉即可。代码里我没有考虑地面贴图的高度，你实际用的话，创建p2.js 平面时需要考虑地面贴图的像素高度。 p2.js 库的引用： 第一步：从这儿Github把libsrc下载下来，往Egret游戏项目的目录一
egret eui 例子
12-03
EUI是一套基于Egret核心显示列表的UI扩展库，它封装了大量的常用UI组件，能够满足大部分的交互界面需求，即使更加复杂的组件需求，您也可以基于EUI已有组件进行组合或扩展，从而快速实现需求。EUI里可以使用 EXML 来...
白鹭引擎egret详细开发教程, egret代码与游戏文件大全
07-07
Egret是一套完整的HTML5游戏开发解决方案。Egret中包含多个工具以及项目。...使用Egret Engine开发的游戏可发布为HTML5版本，运行于浏览器之中。同时，也可以发布为iOS、Android和WindowsPhone原生程序。
Egret白鹭(json)图集切割工具.zip
05-22
总结，Egret白鹭(json)图集切割工具是Egret白鹭引擎开发者的重要助手，它的便捷性和高效性对于提升游戏性能和开发效率具有显著作用。通过深入理解和熟练掌握这款工具，开发者可以更好地优化资源管理，创造出更高品质...
使用Egret Engine白鹭开发的的飞机大战，引擎号5.0.7，0积分下载
07-29
《使用Egret Engine白鹭开发的飞机大战详解》 Egret Engine是一款强大的HTML5游戏开发框架，尤其适用于创建2D游戏。本项目“飞机大战”是利用Egret Engine 5.0.7版本构建的一个经典示例，旨在展示其在游戏开发中的...
egret 示例
11-22
egret 示例项目，主要介绍egret列表使用方法
完整的egret实例库
03-13
压缩包中含有全面的egret技术实例代码，条理分明，简单易懂，适合初、中级技术员，也可用作代码字典库。
egret-docs：白鹭文档
02-05
显示对象和显示容器 显示容器 绘制 遮罩 碰撞检测 文字 事件机制 网路 位图纹理 颜色效果 时间控制 多媒体 渲染模式 屏幕适应 调试 命令行扩展插件 调用原生JS 打包发布 3D引擎相关文档 更新详情 历史更新 开始...
Egret -- EgretWing动画编辑器使用
热门推荐
阳仔博客
06-08 1万+
Egret有两个可以制作动画的工具，DragonBones后面有空了在说吧，先看一下EgretWing的动画编辑器的使用，自己摸索半天，蒙的一笔，还是看教程的好。 可以去看官方教程：动画编辑器 官方的示例直接使用，可能会报出bug，哈哈，问题在于加载exml文件的时候，还未加载完成就使用exml中的组件，因此，你延时执行初始化就可以了。也就是createChildren后面的内容延时执行。 ...
egret 滚动列表示例
Mediary的博客
10-20 321
暂存一下https://my.oschina.net/wxqdoit/blog/2907116
使用egret白鹭引擎开发h5游戏的入门demo
qq_21650491的博客
10-29 3551
使用egret开发h5游戏的入门demomain类代码 main类代码 基本的代码如下所示，都写了注释，应该很好懂的。就不再一步一步分析了： /** * 定义全局变量 */ //定义一个透明度的值用来判断是否需要隐藏或者显示 var number: number; //定义一个值来表示是图片序号 var count: number = 1; //定义三个按钮 let button = new ...
html5白鹭引擎,egret
weixin_42340136的博客
06-04 284
属性详细信息bitmapData属性bitmapData : egret.BitmapData语言版本:Egret 2.4运行时版本:Web,Native被引用的 BitmapData 对象。实现public get bitmapData():egret.BitmapDatapublic set bitmapData(value:egret.BitmapData) ...
egret img标签与texture互转
qq_32307891的博客
03-30 1373
假设有个img标签<img id="upload_img" style="display: none;" /> 在index中 var u_img = document.getElementById("upload_img"); egret 中 （1） let bitmapdata:egret.BitmapData = new egret.BitmapData(window["...
egret案例教程
Creamchn的博客
05-08 2184
egret案例教程 要求 a.使用DragonBonesPro导出序列帧json和png b.有两个角色每个角色对应4个动作,点击按钮切换不同的动作 c.界面如下 2.步骤如下 A.打开DragonBonesPro导出序列帧 生成json和png文件 B.将json和png拖进egret项目中 C.demo分析 1.点击按钮小人A,小人B分别对应两套角色动作 2.点击动作1,动作2,...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值