H5横版RPG游戏,Creator 1.7版本和socket.io的组合还是很给力的


项目背景


  1. 在职小前端,周末有时间,想学习…,

  2. Creator小白,到处找视频学习,然后找到官方的 摄像机(Camera)教程,

  3. 看完那个激动呀,感觉好像都会了…,

  4. 于是打开编辑器实战一把,麻蛋,无限翻车中…

  5. 项目就这样开始了


项目过程


  1. 最痛苦就是没有素材,只能去xxx宝买点,

  2. 技术上也经常遇到难题,各种查询,视频…,

  3. 最让我深刻的还是 官方的赌上十年开发经验的系列视频,让我学习了很多,开启了写代码必须看下天花板的神技能,受益匪浅…。


项目技术


  1. 前端Creator 1.7版本+js

  2. 后端是expresssocket.io的组合


一起学习


  1. h5怎么引入socket.io?可以看看这篇文章描述

  2. 怎么接入微信JS-SDK?项目打包好的文件里面有index.html,然后h5怎么接入creator就怎么接入。

  3. 怎么把数据向服务端发送?我是用axios,插件方式,你呢?用的是撒呢,留言哈。

  4. 聊天系统?单独起个服务,进行转发,目前没有保存聊天信息,如果是Nginx代理的话,要配置下,才能进行socket.io服务

  5. 帧动画同步?接受到数据,先放进数组,然后update依次更新,不知道这样对不对,小伙伴们你们也是这样吗?

  6. 微信头像跨域问题?后台进行get请求转发。

前端

cc.loader.load({url: ‘路由/wximg?url=微信头像地址’, type: ‘jpg’}, function (err, tex) {
//逻辑
});

*后台
安装request模块

npm install --save request

app.get("/wximg",function (req,res) {
//转发路由,并且返回
request.get(req.query.url).pipe(res);
});


在线小案例


http://cs.caiyc.cn/1/img/1.png


希望Creator 2.0版本到来之前,学习和制作更多h5游戏,和Creator、Creator小伙伴们一起成长,
资料很少,bug很多,我们也在一天天成长。。。

6赞

跪求github地址。

感覺不錯!支持!

赞一个

牛逼牛逼~ 不过,websocket就好了,官方不建议用socket.io了~

小蔡,我在塘廈。

下个io小游戏我会认真考虑的哈

我在南城

服务器用node.js pomelo
web用express
客户端用jsb
几乎全栈开发

卧槽,我之前看过 摄像机(Camera)这个视频,但是又重新看了一遍,收获真多。。。。

我是小白 ,你要把什么数据发送到服务器??
不是用了socket了么//

恭喜,恭喜,温故而知新,实战一把就更加厉害了

我用来获取排行榜信息,脑子一热,用下axios前端插件,哈哈哈,可以用,这样我们的选择就多了

我在东莞理工

哈哈哈哈 是呢~~

跪求github地址

怎么接入微信JS-SDK?项目打包好的文件里面有index.html,然后h5怎么接入creator就怎么接入。
可以把index.html 的代码分享看看么, 学习学习

mark

mark了 多谢

mark了,多谢