有赞新零售社区

发帖
运营杂谈»类似杜蕾斯《把妹留住》的HTMI5游戏开发教程!免费无限制!

类似杜蕾斯《把妹留住》的HTMI5游戏开发教程!免费无限制!

鲁北北 2015-02-10 9218 浏览 43 评论 | [显示全部楼层] [打印]  
有赞后台自带的有营销游戏,但是本着折腾是第一生产力的理念我们应该努力学习从不满足才行。社区内相关的还有这个男人袜分享的帖子!
http://bbs.youzan.com/forum.php?mod=viewthread&tid=1385&extra=page%3D1%26filter%3Dtypeid%26typeid%3D117
首先给大家展示一下最终是个什么效果,我这里只截图想玩的可以关注杜蕾斯的订阅号体验。



接下来关键来了,这么高大上的游戏,对增加粉丝粘度,吸粉有很大的作用。想用?我们能不能做呢?
答案是肯定的!
怎么做呢?
原理:
此类游戏是更具HTMI 5开发的,打包成功的是一对代码和JS文件。然后你将开发好的代码上传到你自己的虚拟空间之后就可以从域名路径在支持HTMI 5的浏览器上完了,比如微信浏览器,IOS的原声浏览器、谷歌浏览器等等。得到这个地址之后我们就可以用微杂志或者是自定义菜单来跟微信链接了,怎么链接参考上面男人袜的案例。

材料:
100M带公网IP的虚拟空间
可以自己去淘宝购买虚拟空间,几十块一年,但是速度和体验不一定好!我建议使用新浪云计算免费带宽稳定,申请过程请自行百度。
小游戏代码
这里给大家提供我自己测试过的《围住神经猫2
链接: http://pan.baidu.com/s/1pJt6FKR 密码: 3unx
还有社区内网友:“王庭栋”提供的代码我未做测试,大家自行测试。  
链接: http://pan.baidu.com/s/1i3zKSiL 密码: kvyh

安装步骤:

其实知道了原理之后安装就很简单了。

注册Sina App Engine----创建虚拟空间----上传游戏代码------更改快速关注链接(如有)-----获取游戏链接---完美达成!!!

上面说过注册方法大家自行百度,我直接跳到创建虚拟空间!!
一、在Sina App Engine创建虚拟空间

1、  进入Sina AppEngine控制台点击创建新应用。



2  如图填写资料,开发语言选择php空应用。



3、  回到控制台,点击管理应用。



4、左侧下方点击   服务管理----MySQL,懂网站的都知道这个是数据库!



5、  MySQL服务初始化,点点点!!!



6、  还是服务管理---Storage(这次是建立你的空间)



7、  新建domain



8、  填表-提示新建domain成功之后咱们的虚拟空间就完成了!



二、上传游戏代码,距离胜利已经进了一大步了!!!

1、        回到上面依次点击:“应用管理--代码管理-创建一个版本”创建一个代码版本。

我们的代码空间里面已经有100M了

2、        依次点击:“操作—上传代码包”上传我们下载好的微信游戏代码。这里注意上传的代码包格式应该为ZIP压缩文件文件夹最好不要有中文名。我分享的神经猫的代码不要解压直接上传即可。









看到上传进度条变绿就上传成功了,如果上传不成功注意检查压缩文件格式和文件名。
3、        编辑代码加入我们的快速关注链接,这样点击更多游戏按钮的时候就显示会进入我们设置的关注链接了,吸粉有木有!不要问我快速链接是啥!!!!

点击编辑代码会弹出来一个很“高端”的界面!!




点这个,代码就出来了!!


这是啥?不要慌张!!!



在浏览器按住  Ctrl+f 查找“window.location.href=”



后面引号内的链接就是快速替换链接了,改成你自己的保存!!理论上说我们的游戏已经上传成功了!!只差最后一步!!!



三、提取游戏链接,这样你就可以想怎么玩就怎么玩了!
1、如图点!点!!点!!!

下面这个链接就是游戏的链接了点击访问试试看就知道了!



剩余的我已经不想再说了,本来是渲染视频的空挡找点事情做,没想到打了这么多字,截了这么多图!!要是想感谢我的话欢迎加我的个人微信”lumintao”,想要交流运营经验当然也是多多欢迎了。
最后,希望能帮到你!!!



本帖最后由 鲁北北 于 2015-2-10 07:53 编辑

评分

参与人数 1+3 收起 理由
墨鱼 + 3 乐于分享~

查看全部评分

用手机打开
收藏 8 ··· 回复
    鲁北北 青铜   2015-02-10 显示全部楼层
    弄了一个小时要是无人问津我就伤感了,不求精华只求有人看!!!!

      鲁北北 青铜   2015-02-11 显示全部楼层
      mryao 发表于 2015-2-10 09:16
      前面和楼主差不多    怎么到这一步就不行了


      你确定你的代码包传完整了?把代码删除再传一次吧!

        鲁北北 青铜   2015-02-11 显示全部楼层
        谁冷了夏天 发表于 2015-2-10 08:31
        楼主辛苦了


        不辛苦,看到大家的回复我心里暖暖的!

          鲁北北 青铜   2015-02-11 显示全部楼层
          桔子旅店 发表于 2015-2-10 12:14
          教程很好


          能帮到大家就好!

            鲁北北 青铜   2015-02-11 显示全部楼层
            墨鱼 发表于 2015-2-11 02:13
            感谢楼主热心分享,么么哒。


            我们都要爱分享

              鲁北北 青铜   2015-02-11 显示全部楼层
              优之农品 发表于 2015-2-10 14:07
              正在找没想到雷锋出现了,感谢楼主,收藏了!更多游戏源码不知道到哪去找,楼主有吗,望回复,谢谢 ...


              游戏源码自己去百度吧,我也木有。

                鲁北北 青铜   2015-02-12 显示全部楼层
                石门小七 发表于 2015-2-11 07:25
                我的在PHP那里也没东西,用DW修改本地的.HTML打包上传会错误。


                用记事本修改就可以了。

                  1跳至
                  您需要登录后才可以回帖 登录 | 立即注册

                  本版积分规则

                  复制链接
                  新浪微博
                  QQ空间
                  微信扫码
                  • 回复

                  • 评分

                  客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

                  复制成功