15.cocos creator简易排行榜列表

1.创建空白项目, 新建标准文件夹 res,scripts,scenes

2.创建scrollView节点

3. 调整content位置并修改conent节点宽度与view节点宽度一致

4. 调整item, 新建sprite节点

5.将头像资源移动到res文件夹下, 新建avator(头像)节点并调整

6.创建label节点

7.在content节点添加layout组件

8. 创建预制体

至此UI部分已完成

代码实现预制体循环添加

game_scene.js

// Learn cc.Class:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/class.html
//  - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html
// Learn Attribute:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html
//  - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html
//  - [English] https://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.htmlcc.Class({extends: cc.Component,properties: {// foo: {//     // ATTRIBUTES://     default: null,        // The default value will be used only when the component attaching//                           // to a node for the first time//     type: cc.SpriteFrame, // optional, default is typeof default//     serializable: true,   // optional, default is true// },// bar: {//     get () {//         return this._bar;//     },//     set (value) {//         this._bar = value;//     }// },item_prefab: {default: null,type: cc.Prefab,},},// LIFE-CYCLE CALLBACKS:onLoad () {this.scr = this.node.getChildByName("scrollView").getComponent(cc.ScrollView);console.log(this.scr);for(var i = 0; i < 10; i++) {var opt_item = cc.instantiate(this.item_prefab); //实例化一个预制体this.scr.content.addChild(opt_item);}},start () {},// update (dt) {},
});

运行

15.cocos creator简易排行榜列表相关推荐

【cocos creator】滑动列表复用，减少drawcall（TS）
示例项目:https://download.csdn.net/download/K86338236/86860248 效果:999条数据,drawcall稳定在15 使用:ScrollViewCtrl ...
cocos creator 滚动列表 ListView
滚动列表,这种东西在游戏中很常见.而cocos creator 中的ScrollView + Layout 只有你想不到,没有它满足不了, 各种分骚布局. 都能实现. 但是, 但是, 它还有一些 ...
微信小游戏排行榜：Cocos Creator
上一篇文章介绍了主域和子域的概念,微信小游戏:主域子域,这一篇介绍一下怎样在微信小游戏中制作好友排行榜创建工程由于开放数据域是一个封闭.独立的 JavaScript 作用域,所以开发者需要创建两个 ...
利用微信小程序（小游戏）API制作适配cocos creator小游戏排行榜的实例程序
cocos creator 可以通过新建一个creator项目进行添加子域项目,但是有一个缺点就是占用文件大小是一个问题,所以我这里采用微信的API进行绘制排行榜, 主域就是各种发送给子域的消息,这里 ...
15个 Cocos Creator 技术解决方案免费开源！更多资源持续更新中…
期望的游戏效果不知该如何实现?被繁琐的操作劝退?想要提升开发效率?应广大开发者的需求,Cocos 技术支持团队将持续为大家整理提供一些实用的技术解决方案,通通免费开源! 这些方案部分来自 Cocos ...
cocosjs微信头像本地服务器,Cocos creator游戏接入微信开放数据域，实现好友排行榜功能...
微信小游戏加入排行榜功能,可以增加游戏微信好友参与,增加分数竞争氛围,官方的说明文档不怎么详细,也有坑.本文实战以cocos creator v2.2版本为例,供大家参考. 结果显示: 前提: 1.创 ...
cocos creator开发微信小游戏(五)贪吃蛇大作战
目录小游戏介绍小游戏cocos creator场景图小游戏部分JS代码开发中碰到的问题工程及说明小游戏介绍贪吃蛇小游戏:贪吃蛇试玩(首次加载比较慢),类似贪吃蛇大作战的小游戏.当玩家的蛇 ...
Cocos Creator游戏开发教程学习笔记
学完提问几个问题吧: position的锚点位置数值原点在哪里? 因为position是相对坐标,所以原点是父节点的锚点 .所以Canvas下面的直属节点原点就是世界坐标系的原点Canvas的锚点. ...
《Cocos Creator游戏实战》摘星星进阶版
摘星星进阶版添加开始按钮实现按钮功能显示"Game Over" 限制主角移动范围让跳跃动作更加细腻加入星星收集动画编写动画脚本加入触屏控制添加游戏提示 Cocos ...

15.cocos creator简易排行榜列表

15.cocos creator简易排行榜列表相关推荐

最新文章

热门文章