常见游戏Loading界面的实现

最新推荐文章于 2024-04-08 09:31:12 发布
VIP文章 最新推荐文章于 2024-04-08 09:31:12 发布
阅读量4.7k 收藏 1
点赞数
分类专栏： cocos2d-x 文章标签： cocos2d-x CCProgressTimer Lo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CHENPOLU/article/details/19038081
版权

主要使用CCProgressTimer进度条类来实现。截图如下：


最上面是要加载的图片，中间是显示加载百分比，最下面就是进度条显示。

OK，那么让我们来看一下该怎样去实现它。

首先，创建一个Cocos2d-x工程，命名为MyLoading。

首先在HelloWorldScene.h文件中添加将要用到的两个私有成员变量：

private:
    int curLoadNum;
    int
最低0.47元/天 解锁文章
i红人
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C++游戏Loading界面
09-05
一个简单的游戏Loading界面的设计，千里之行，始于足下~
自定义加载（loading）界面
热门推荐
爱上游戏开发
11-23 3万+
   刚接触不久就遇到困难------自定义loading。想和其他获取图片方式一样获取加载界面的图片，结果发现资源还没加载就需要图片，在网上百度了许多，都没有找到正确的方式，通过自己的摸索，终于，，，我成功了。。。 下面介绍一下主要思想：    首先，我们需
王权与自由国际服卡Loading界面/点开始游戏没反应有效解决方法
最新发布
miniouo的博客
04-08 114
别急，可能是因为你的网络不给力。不如打开奇游加速工具，优化一下你的网络设置，解决那些因网络问题导致的游戏启动问题。家里的网络资源有限，如果太多设备在抢占带宽，游戏启动就可能会慢如蜗牛。试试把其他上网设备暂时关掉，让电脑独占网络资源，这样游戏启动就能顺畅许多啦。检查一下网络连接是否正常，有时候重新启动一下路由器，或者换个网络端口也许就能解决问题。王权与自由国际服卡Loading界面/点开始游戏没反应有效解决方法。王权与自由国际服卡Loading界面/点开始游戏没反应有效解决方法。解决方法二：检查路由器网络。
三、实现游戏界面
胤凯的博客
09-20 2794
实现游戏界面
在Unity中一些Loading界面制作的小技巧
2303_76354097的博客
08-08 1034
将图片导入到Unity中，可以创建一个文件夹保存它们，直接拖拽进来即可。（图片拖拽到Rawimage上，就会显示图片）一定要记得把进度条以及文本拖拽到脚本上面去，不然就无法运行。添加Slider和文本，可以调整成自己喜欢的形状和颜色。后面的一些数字就代表着它们，会被写进代码里面实现跳转。添加Canvas,image,Rawimage.其实上面就用到了计时器，效果一致。时间的控制大家可以自行调整。
游戏Loading中的小提示和Loading动画实现
Claire_2012的专栏
08-08 1236
学习unity1年多了，工作也1年了，因为工作需要，有几个月没接触unity Ngui啦。 学的还是不踏实。继续努力吧。由于下周就要进行新游戏的开发，这几天熟悉熟悉NGUI，今天按照现在公司以前的项目做了个loading界面。     内容就是一张背景图，上面会有几个精灵一闪一闪的跳动的显示加载的界面，下面会随机出现小提示文字。需求很简单。但是做了这个简单的功能练习，我还是学会了一点儿基础
“灵剑出鞘”小游戏开发日志（4）---- 设计游戏架构设计及资源的加载loading页面
aixh1985的博客
05-10 161
分析出游戏中的一些实体已经大致的实现规划。设计整个游戏架构，实现满足ecs架构的组件和对象
H5游戏loading页面样式制作(cocoscreator版)
Mr_JiaTao的博客
04-22 2116
背景 前阵子，美术设计了一个H5游戏loading页面的UI。如图： 刚看到这张UI图的时候，没有很好的实现思路。(第一版UI图，美术少打了一个字母，哈哈哈。)当时，有两个想法： 1、找产品压缩需求，能不能制作一个loading动图放那里，下面的进度条不要。 2、新建一个资源加载场景，场景里面内容就如上图一样，至于最前面的引擎资源加载页面(cocos发布后自动生成的那个黑色资源加载页面)，我给它设置成全透明。因为，进游戏后，先进入资源加载场景，场景资源很少，所以可以很快的进入资源加载页面，然后在资源加载页
Threejs系列--16游戏开发--沙漠赛车游戏【loading与start切换效果】
小猴子喝牛奶的博客
05-03 702
Threejs系列--16游戏开发--沙漠赛车游戏【loading与start切换效果】序言目录结构新增依赖代码一览world/index.js代码代码解读运行结果 序言 本章将调整相机角度，让整个游戏界面看起来不是一张纸… 目录结构 资源目录里面的结构不变，点击传送门快速查看。 |__src |__assets |__js | |__base 基础类文件夹 | |__Camera.js 相机类 | |__geometries 定制的物体类文件夹 | |__materials 材质
【摸鱼系列】如何用Python做一个有趣的Loading彩蛋游戏~
m0_67575344的博客
08-24 7391
自己给自己整个小彩蛋~这个总没毛病吧~
Cocos2dx loading界面实现
08-21
Cocos2dx loading界面实现
原生JS实现LOADING效果
12-01
纯文本loading效果，可以自己定义颜色和速度 代码如下: /** Loading animation  * Created by 黑と白の印記 on 15/03/11.  */   function loading(element,lightColor,darkColor,speed,callback){  if(!...
自己封装的精美loading界面简单
11-13
自己封装的精美loading界面简单,好用，一行代码调用，一行代码隐藏，
axios简单实现小程序延时loading指示
10-18
主要介绍了axios简单实现小程序延时loading指示，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
cocos2d-x中的缓存CCTextureCache、CCSPriteFrameCache、CCAnimationCache
Write the code , change myself.
02-18 7035
cocos2d-x中存在3个缓存类，都是全局单例模式。 1.CCTextureCache 首先是最底层也最有效的纹理缓存CCTextureCache，这里缓存的是加载到内存中的纹理资源，也就是图片资源。其原理是对加入缓存的纹理资源进行一次引用，使其引用计数加一，保持不被清除，其cocos2d-x的渲染机制是可以重复使用同一份纹理在不同的场合进行绘制，从而到达重复使用，降低内存和CPU运算资源的
cocos2d-x 定时器update,schedule
Write the code , change myself.
02-13 6037
cocos2d-x为我们介绍了两种方式实现定时机制——使用update方法以及使用schedule方法。 1.update定时器 第一种定时器机制是CCNode的刷新事件update方法，该方法在每帧绘制之前都会被触发一次。由于绘图帧率有限，而每次更新最终会反应到画面上，所以在每帧之间刷新一次已经足够应付大部分游戏逻辑处理的要求了。 CCNode默认并没有启用update事件，为了启用定时器
cocos2d-x 对象池机制：可回收与重复使用
Write the code , change myself.
02-22 2535
另一个能有效提高内存和计算效率的是对象池的使用。其本质与缓存类似，即希望能减少那些频繁使用的对象的重复创建和销毁，例如飞行射击类游戏中的子弹。使用对象池机制能带来两方面的收益，首先是减少对象初始化阶段的重复计算，其次是避免反复地向操作系统申请归还内存。一个很好的例子就是捕鱼游戏中的鱼，鱼和鱼之间的属性是类似的，不一样的仅仅是当前的坐标位置及正在播放的动作帧。那么，当鱼游到屏幕后，可以不对其进行销毁
学习cocos2d-x自带的SimpleGame
Write the code , change myself.
01-27 2509
作为一个菜鸟，就得从头学起。 cocos2d-x文件目录里面自带了很多例子，其中就有一个SimpleGame。它属于射击类的小小小游戏。 开始学吧 首先新建个cocos2d-x项目，打开终端进入project-creator目录，输入： ./create_project.py -project MySimpleGame -package xxx.com -language cpp 回车，
loading 实现
06-07
在前端开发中，实现 loading 可以通过 CSS 和 JavaScript 来完成，具体方式如下： 1. 使用 CSS 实现 loading 动画： 可以使用 CSS 的动画效果实现 loading 动画，例如使用 @keyframes 定义动画关键帧，然后使用 animation 属性将动画应用到指定元素上。示例代码如下： ```css @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading { width: 50px; height: 50px; border: 5px solid #ccc; border-top-color: #999; border-radius: 50%; animation: loading 1s linear infinite; } ``` 2. 使用 JavaScript 实现 loading 动画： 可以使用 JavaScript 动态创建 loading 元素，并设置其样式和动画，然后将 loading 元素添加到页面中。示例代码如下： ```javascript function showLoading() { // 创建 loading 元素 var loading = document.createElement('div'); loading.className = 'loading'; // 设置 loading 样式和动画 loading.style.width = '50px'; loading.style.height = '50px'; loading.style.border = '5px solid #ccc'; loading.style.borderTopColor = '#999'; loading.style.borderRadius = '50%'; loading.style.animation = 'loading 1s linear infinite'; // 将 loading 元素添加到页面中 document.body.appendChild(loading); } function hideLoading() { // 移除 loading 元素 var loading = document.querySelector('.loading'); if (loading) { loading.parentNode.removeChild(loading); } } ``` 以上代码实现了一个简单的 loading 动画，showLoading 函数用于显示 loading，hideLoading 函数用于隐藏 loading。可以根据实际需求调整 loading 的样式和动画。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值