当前位置: 首页 > news >正文

不同类型网站栏目设置区别友情链接是什么

不同类型网站栏目设置区别,友情链接是什么,非经营性网站个人可以备案吗,新闻app开发《不被遗忘的时光》第一期 1、游戏的形式:横板;2d的顶视角(Top-down);射击;ARPG;益智解谜。 2、画风:类似手游《伊洛纳》。 3、故事背景:以中元节的爷孙阴阳交流作为故…
《不被遗忘的时光》第一期

1、游戏的形式:横板;2d的顶视角(Top-down);射击;ARPG;益智解谜。

2、画风:类似手游《伊洛纳》。

3、故事背景:以中元节的爷孙阴阳交流作为故事背景,参考《寻梦环游记》。以孙子的视角探寻爷爷年轻(1960s-1970s)年代的故事。

4、游戏引擎:cocos creator v3.8+

5、场景和相机:游戏场景主要两个:

(1)大厅(界面游戏和线索),只需要一个固定相机。

(2)游戏内的主场景,需要一个ui的固定相机,以及一个跟随主人公的相机。

下面是游戏内场景暂时的实现方案:

a.scene下两个画布:Canvas和UICanvas,UI层级更高,因为控制和信息的组件都在UI层。
在这里插入图片描述
b.项目设置为高度适配模式,然后两个画布分别加上widget组件,都选择宽度拉伸。

如果对适配感兴趣的,可以参考一下cocos creator 的适配用法。

在这里插入图片描述
c.两个画布分别挂上相机,而相机的可视层需要做区别,需要让UICanvas的相机拍不到Canvas的内容,反之亦然即可。

d.Canvas的相机需要跟随移动,但为了性能的考虑,这里使用的是延时检测加相机缓动的形式。在主人公移动时,通过时间间隔校验,当移动时间超过一定的阈值,则发送事件,让监听的相机做出移动跟随。

//主人公移动检测
if (this.m_iMoveInterval < 0){this.m_iMoveInterval = D.REFRESH_CAMERA_TIME;EventManager.getInstance().emit(D.DefineEvent.EVENT_PLAYER_MOVE);
}
//相机跟随的监听方法
private onPlayerMove(){if (this._playerPrefab.getComponent("hero").judgePlayerIsMove() && 		  		this.m_mainCamera){this.changeCameraPosition();}
}

这里我设置的REFRESH_CAMERA_TIME是1s,可以根据实际情况做调整。

注意:当主人公移动完成后,需要再发一个事件让相机移动到正确的位置,防止主人公的移动过程不足REFRESH_CAMERA_TIME。

案例演示效果:
请添加图片描述

6、控制方式:方向的控制用虚拟摇杆,攻击及其他功能的控制还没做。

(1)虚拟摇杆的实现方式,这里是使用了这位大佬的代码:虚拟摇杆,再加上了一点小修改,主要是加入了速度控制,以下是添加了速度控制的代码:

 private _onTouchEventMove(event: EventTouch) {let curTouchPos = event.touch.getUILocation();let uiWorldPos = new Vec3(curTouchPos.x, curTouchPos.y, 0);let convertNodePos = this.node.getComponent(UITransform).convertToNodeSpaceAR(uiWorldPos);//触摸起始点世界坐标let originLocation = this.node.getWorldPosition();let startLocation:Vec2 = v2(originLocation.x, originLocation.y);//触摸点和大圆距离 (大圆坐标 = 触摸起始点坐标)let dist = Vec2.distance(curTouchPos, startLocation);let radian = Math.atan2(curTouchPos.y - startLocation.y, curTouchPos.x - startLocation.x);//触摸点和大圆夹角弧度//触摸点在大圆范围内,则小圆位置移动到当前触摸点let dirPos = convertNodePos;if (dist <= this.maxMoveRadius) {//触摸点在圆环范围外,如果小圆移动到当前触摸点就会跑出大圆了,所以小圆位置移动到大圆边缘if (isValid(this.imgSmallCircleSpNode)) {this.imgSmallCircleSpNode.setPosition(convertNodePos);}} else {let posX = Math.cos(radian) * this.maxMoveRadius;let posY = Math.sin(radian) * this.maxMoveRadius;dirPos = new Vec3(posX, posY, 0);if (isValid(this.imgSmallCircleSpNode)) {this.imgSmallCircleSpNode.setPosition(posX, posY);}}let slidingScale = dist / this.maxMoveRadius;slidingScale = slidingScale > 1 ? 1 : slidingScale;this._vcMoveData.slidingScale = slidingScale;this._vcMoveData.distance.x = dirPos.x / dist;this._vcMoveData.distance.y = dirPos.y / dist;let newAngle = radian * 180 / Math.PI;this._vcMoveData.angle = newAngle;let vcMoveData = this._vcMoveData.cloneSelf();//派发移动事件//this.node.emit(UIVCEvent.UIVC_Move, vcMoveData);EventManager.getInstance().emit(UIVCEvent.UIVC_Move, vcMoveData);}

如果对cocos creator 的触摸相关感兴趣的,可以跳转

7、地图加载

(1)地图做出无边界的形式动态的循环加载;我将地图分割为256*256像素的单元,动态的进行加载。

(2)将植物,建筑等作为预制体,带上碰撞盒和刚体,然后每个地图上放上需要的预制体。以下是示例:image-20241219230612826

注意,Top-down的2d游戏需要将重力加速度设为0:

cc.PhysicsSystem2D.instance.gravity = cc.v2(0, 0);

(3)碰撞关系可以直接在project setting的物理中设置:

(4)动态加载和刷新的代码会在第一章结束时上传到github和gitee上,这里暂时不做介绍。

(5)示例演示:

打开调试模式:

请添加图片描述

关闭调试模式:

请添加图片描述

8、美术风格上:2d像素风顶视角(Top-down),画风上参考《伊洛纳》。

由于我们现在只有程序,非常需要感兴趣的会画画、会spine动效的朋友们来一起来合作。

联系方式:rogerorion@163.com。

http://www.dinnco.com/news/36256.html

相关文章:

  • 苏州做企业网站建设福州seo排名优化公司
  • 做网站没签合同搜索关键词的软件
  • 教做发型的网站seo网站推广排名
  • 免费建论坛网站常州网站seo
  • 建一个个人网站要多少钱色盲和色弱的区别
  • c2c就是利用专业网站提供的电子商务平台完成交易快速优化官网
  • 南宁企业网站建站佛山关键词排名工具
  • 医院网站建设策划郑州seo排名优化
  • 免费企业网站注册上海广告公司排名
  • i岗网站建设最新疫情消息
  • 农业电商网站建设pp许昌网站seo
  • 凡客官网登录入口网址济南seo外包服务
  • 那些公司需要网站开发工程师网络营销方式方法
  • 医院网站建设具体内容品牌传播方案
  • 日本软银集团seo怎么提升关键词的排名
  • 做go分析的网站中央电视台一套广告价目表
  • 贵州省城乡建设厅网站首页电工培训技术学校
  • 博彩网站如何做的充值湖北网络营销网站
  • 中英网站开发百度统计怎么使用
  • 新乡市网站建设公司网络稿件投稿平台
  • 邢台做网站找谁好的竞价推广托管
  • 列出网站开发建设的步骤seo资料站
  • wordpress 分类模板插件前端seo怎么优化
  • 软件培训机构排名北京自动seo
  • asp 网站源代码关键词优化是什么意思?
  • 情侣建站的wordpress主题百度站长官网
  • 做网站在哪nba新闻最新消息
  • 公司基本资料模板沈阳seo关键词排名优化软件
  • 宁波做网站优化价格如何在百度搜索排名靠前
  • 福田做商城网站建设哪家效益快中牟网络推广外包