cocos creator加载和预加载（进度条）远程服务器资源教程

最新推荐文章于 2024-05-23 18:41:39 发布
最新推荐文章于 2024-05-23 18:41:39 发布
阅读量1.7w 收藏 20
点赞数 6
分类专栏： cocos creator 文章标签： cocos creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiFangHui_/article/details/80788419
版权
本文介绍了如何使用Cocos Creator加载远程服务器上的图片资源，解决CORS跨域策略限制，通过PHP作为中转实现加载，并展示了预加载资源并设置进度条的方法。教程包括创建PHP文件、配置CORS头信息以及Cocos Creator中JavaScript的实现代码。
摘要由CSDN通过智能技术生成

相信很多开发微信小游戏的小伙伴都清楚，微信为了用户对小游戏更好的体验，对上传的包体整体大小设置了4mb以下（4mb!  emmm~~~），那么只好把游戏的一些资源放在服务器上了。

废话不多说，我以cocos creator引擎加载几张放在apache服务器上的图片为例

ps：我使用的服务器是自己的，另外服务器使用的是centos的操作系统

在服务器上搭建apache服务器请看centos6.7下搭配apache+php+mysql环境 - CSDN博客

首先使用xftp软件在服务器上放两张图片资源image1.png、image2.png（注意路径！是你网站站点下！）


然后在这里建一个php文件（注意路径！是你网站站点下！）


php文件内容如下：

<?php
  header('Access-Control-Allow-
最低0.47元/天 解锁文章
芳辉啊
关注
  • 6
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
cocos2d-x 菜鸟学习笔记三（图片预加载与进度条）
cyistudio的专栏
05-21 7023
在做游戏时，会用于很多和图片资源，包括角色，动画，纹理贴图……为了减少GPU和CPU的缓存占用以及图片的重复利用，在游戏开始时，都会预加载这些资源进入缓存，在cocos2d-x里用的是CCTextureCache这个类。其实，在cocos2d-x自带的TestCpp里有对应的例子，在里面用的是： addImageAsync(const char *path, CCObject *targe
cocoscreator进度条相关代码
charlsdm的博客
09-14 426
【代码】cocoscreator进度条相关代码。
Cocos Creator—定制H5游戏首页loading界面
weixin_33763244的博客
07-29 733
Cocos Creator从1.0版本发布到现在也有一年多了，按理说一些常见的问题网上都有解决方案，例如"如何自定义首页加载进度条界面"这种普遍需求，应该所有人都会遇到的，因此也有完善的解决方案才对。我在网上搜了一些文章，虽然也有讨论的帖子，但是方案都不尽人意。因此只能再次自己动手丰衣足食了，在此我总结一下我的思路和策略，分享给大家，希望...
cocos2d-x3.8进度条加载
仗剑行于江湖，执笔记江湖事。
06-13 429
先看实现的效果图 首先在头文件添加#include "ui/CocosGUI.h"在init方法编辑相应的代码 添加进度背景图auto loadbg = Sprite::create("jindutiaoBG.png"); loadbg->setPosition(Vec2(visibleSize.width / 2 + origin.x, visibleSize.height /
【cocos creator】进度条控制脚本,支持节点进度条，图片进度条，进度条组件，和进度文字展示
最新发布
烧仙草奶茶的博客
05-23 299
进度条控制脚本，支持节点进度条，图片进度条，进度条组件，和进度文字展示。
cocos creator实现实时加载进度条
jiangjialuan2的博客
06-24 2945
摘要 cocos creator实现实时加载进度条。ProgressBar（进度条）经常被用于在游戏中显示某个操作的进度，在节点上添加 ProgressBar 组件，然后给该组件关联一个 Bar Sprite 就可以在场景中控制 Bar Sprite 来显示进度了。 环境 cocos Creator 引擎2.4.3 编辑工具HBuild X 最终效果 体验一下 如下图 cocos组件截图 代码： 被动转发代码： //进度条控制 setProgress(dt) { //cc.vv.loadResou
Cocos2d-x 精灵图片预加载中不会出现重复加载问题
weixin_34194359的博客
08-15 136
    为了应对大量精灵图片的加载问题，cocos2d-x提供了精灵数据的异步预加载机制，这是要是借助于CCTextureCache::addImageAsync函数来实现的。    那么，当使用上述函数多次加载同一个精灵图片文件时，是否会出现加载多次呢？不会的。    让我们来分析一下上述函数的关键部分代码：void CCTextureCache::addImageAsync(const cha...
cocos creator远程资源设置
Level_Gram的博客
05-10 1142
构建完成后将构建后的remote文件夹，放到服务器根目录下面。用微信开发者工具打开构建好的项目，点击详情，选择不校验合法域名。构建发布时勾选下面的选项，并且填写服务器地址。这里暂时只写主包的且是在本地测试。小包和主包都可以设置为远程资源。重新编译后就可以测试了。
cocos creator 加载本地图片实现动态预览demo源码
05-04
//最近在研究creator html5开发，喜欢交流的加扣扣群427719099，各种资源各种技术应有尽有
cocoscreator刷新文件夹内所有的资源uuid
04-20
它在项目中的每个资源上都存在，使得Cocos Creator能够跟踪和管理这些资源。当你进行项目开发时，可能会遇到需要刷新资源UUID的情况，比如导入新资源、替换原有资源或者整理项目结构。下面将详细介绍如何在Cocos ...
Cocos Creator中使用TiledMap教程资源（TiledMapPractice）.rar
11-24
Cocos Creator中使用TiledMap教程资源（TiledMapPractice），里面包括了TiledMap编辑器，还有练习资源文件和相关Cocos Creator的工程文件，可供学习参考。
cocos2d-x学习笔记(8)--progress(进度条) .rar
08-25
cocos2d-x学习笔记(8)--progress(进度条) .rar
cocos2d实现progress(进度条效果)
02-28
这半年一直在用object-c开发一个ios游戏。使用cocos2d和box2d 。开发游戏变的简单多了。这游戏开发了半年多了。直到最近这个游戏停止了，因为资金问题，老大没法在发更多的工资了。哎，真的非常遗憾，我一个人完成游戏的编辑器开发，脚本开发，游戏代码开发，很不容易，因为我学object-c,coco2d才看了2个星期的书就直接开发了,以前是搞c++的吗。感觉4个人开发游戏真的很累，游戏为了脱颖出更加真实的效果还使用了物理引擎,在老大的同意的情况下，我共享cocos2d自己写的一些大家比较常用的，因为cocos2d有些控件不怎么好用或者没有,反正我觉得是这样的。如slider(滑块),button(按钮),RollNumber(数字滚动),Progress(进度条)....控件一一在我的博客里面公布，可以直接使用.源码打包下载 开发人员:Jason's.Alex QQ:531401335 csdn博客:http://blog.csdn.net/RuShrooM
Cocos Creator中使用TiledMap教程资源
05-11
我特别喜欢瓦片类的游戏，正好在学习Cocos Creator，所以想自己做几个。...里面包括了TiledMap编辑器，还有练习资源文件和相关Cocos Creator的工程文件，教程可以参见我的博客blog.csdn.net/potato47
cocos-creator点击按钮切换界面,动态加载页面，按钮缩放
06-30
在Cocos Creator中，开发2D游戏或交互式应用时，常常需要实现用户点击按钮后切换界面、动态加载页面以及按钮的缩放效果。这些功能是游戏和应用中常见的交互设计，增强了用户体验并提升了产品的可玩性。下面将详细...
【cocos creator】嵌套预加载进度条显示
烧仙草奶茶的博客
01-05 572
嵌套预加载进度条显示。
cocoscreator游戏加载场景进度条以及节点跟随进度条实现
weixin_44799450的博客
12-29 1088
然后添加Widget组件，位置可以自己调，但重点在于Align Mode属性必须设为ALWAYS，否则无效。场景加载方法提供了进度的回调，可以直接使用，来实现进度条更新。则在Bar组件上添加一个子节点，该子节点为跟随节点。如果需要实现在进度条上跟随一些小人，动画节点等。加载完成后再手动进行切换。加载进度回调使用函数方式。大场景加载会卡顿，使用。
cocos2d-x 3.x学习之进度条
wandersm的专栏
10-10 447
#include "Actions.hpp" #include "cocos2d.h" USING_NS_CC; class Progresstimer:public Layer{ public: static Scene* createScene(); virtual bool init(); void load(float dt); CREATE_FUNC(Pr
Cocos2d-x 3.10 资源加载进度条Loading显示百分比
Ferla_Mel的博客
01-09 1877
参考：http://blog.csdn.net/star530/article/details/19420317 最近在学习Cocos2dx 练习的过程 简单记录一下 参考博文在上边 转载请注明！ 本文比较适合刚接触cocos2dx的朋友，简单易懂，话不多说 下边开始！ 步骤： 1.创建Label和ProgressTimer 2.加载资源，每加载一张就调
cocos creator 2.7资源加载进度条
06-10
在 Cocos Creator 2.7 版本中，可以通过 `cc.loader` 模块来加载资源，并使用 `cc.ProgressBar` 组件来创建一个资源加载进度条。具体的实现步骤如下： 1. 创建一个进度条节点 在场景编辑器中创建一个节点，并添加 `cc.ProgressBar` 组件。设置进度条的样式、位置、大小等属性。 2. 加载资源时更新进度条 使用 `cc.loader` 模块加载资源时，可以使用 `onProgress` 方法监听进度，根据已经加载的资源数和总资源数来计算加载进度，并将进度条的百分比设置为相应的值。 ``` // 加载资源的过程中 cc.loader.loadResDir("resources", (completedCount, totalCount, item) => { let percent = completedCount / totalCount; progressBar.progress = percent; // 设置进度条的百分比 }, (err, assets) => { // 加载完成后的回调 }); ``` 其中，`loadResDir` 方法用于加载资源目录中的所有资源，`completedCount` 表示已经加载的资源数，`totalCount` 表示总资源数，`item` 表示当前加载的资源信息。`percent` 表示已经加载的资源数占总资源数的百分比，`progress` 是 `cc.ProgressBar` 组件的进度属性，将其设置为相应的值即可更新进度条。 3. 加载完成时隐藏进度条 当资源加载完成时，可以将进度条节点隐藏起来。 ``` // 资源加载完成后 progressNode.active = false; // 隐藏进度条节点 ``` 这样，你就可以在 Cocos Creator 2.7 中使用 `cc.loader` 模块和 `cc.ProgressBar` 组件来创建一个资源加载进度条了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值