Giter Site home page Giter Site logo

weexgame's Introduction

WeexGame

关注weex很久了,weex刚开始内测时也就是我开始学习前端时。我原本是做ios的,只懂得一点html的标签,所以weex还是很好上手的。看到weex的workshop比赛的通知,就利用业余很短的时间用weex做了一款关于皇室战争游戏的小型App-翻船脸萌,并把其成功集成到了iOS项目中,加载数据极其流畅,这款游戏相信很多男生也都很熟悉,在国内外也很火热。这里面通过请求数据加载了一些列表,可以让人体验到其流畅性,由于自己设计和时间的原因,其中很大不足的一点就是配色有点难看,后期还会完善功能和修改配色。以下是关于项目的简单介绍(里面有小部分功能尚未完成):

1,开始进入项目,首页分为3部分,头部是个轮播图,每隔1秒出现另一张图片;中间是功能选择部分,点击可以跳转到每个部分,里面有其相关内容;最下面的部分是个游戏列表,往上滑动可以加载更多,这些cell也可以点击,充分体现weex的流畅性

图片名称

2,点击首页列表中的任何一个cell,可以加载出相应的更详细的介绍,如下图所示

图片名称

3,点击首页中间部分的第一个图标-前沿攻略,可以通过请求数据,加载出一些列表攻略,这些cell也是可以被点击的,如下图所示

图片名称

4,点击策略列表中的任何一个cell,得到相应的更全面的攻略信息,如下图所示

图片名称

5,点击首页中间部分的家族成员列表,登录后可以看到已经添加的朋友的列表,并可以选择与其聊天(但这部分还未完成,后面会做)。

图片名称

6,点击首页中间部分的牌库图标,可以加载出三部分列表,并且每个列表可以切换,每个列表里的cell也可以被点击,点击后先看到的是兵种界面,如下图所示

图片名称

7,点击法术可以看到法术界面,如下图所示

图片名称

8,点击建筑可以看到建筑界面,如下图所示

图片名称

9,点击首页中间部分卡组图标,可以得到关于卡组的一些列表,如下图所示

图片名称

10,点击首页中间部分视频图标,可以得到关于视频的一些列表,如下图所示

图片名称

11,点击最下面的翻船视频,可以看到一个关于皇室战争的视频,点击暂停会停止播放,点击播放会继续播放(这里后期打算改成聊天的界面)

图片名称

12,当视频播放完成后会得到下图界面

图片名称

13,点击最下面的翻船设置,可以看到关于此App的一些信息,但大部分都未完成,后期会将更新

图片名称

14,点击翻船设置里面的版权声明,可以看到如下图的界面

图片名称

关于此项目运用

由于对安卓的东西不太熟悉,前期一直是利用终端扫码来构建页面,现在成功运用到了ios项目中,如果想运行此项目,直接克隆下来,把DemoDefine.h文件里的CURRENT_IP改成自己电脑的ip,运行即可。

关于Weex

本人感觉特别喜欢利用weex开发,可以实时、方便的看到自己做出来的页面在手机上运行出来的效果,加载数据极为流畅,同时也解决了在iOS中烦人的适配问题,在4s中都能正常显示。对于weex的一些评论我没有必要说太多,毕竟是前端的小白,但是我会一直不断努力、不断学习,与weex共成长。我公司也正在打算把weex运用到新的项目中,希望可以得到各位阿里大神们的支持,同时也感谢阿里大神们的耐心解答,有的问题其实也是自己的问题,但依旧很耐心,谢谢!希望更多的开发者加入到weex中来,一起来支持weex!

weexgame's People

Contributors

lanxiner123 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

weexgame's Issues

前端代码没有

本以为可以参考一下,怎么只是集成了sdk的一个工程
至于改current_ip更没什么作用了😓

有些问题想请教下

我也是这两天开始看的,由于对js不是很了解,所以看的有点费力,想问几个问题,望解答:
1.显出出来的页面是在js代码中控制显示大小的吗?因为我在oc中控制view的大小发现并没有变化,只是x和y的距离能改变。
2.在你的model中,我发现跳转的时候原生导航栏是给覆盖的吗?这段的代码在哪里?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.