h4ck47h0n ? h4ck3r ? I'm just a coder......

【0x00】
刚开了专栏，没事过来投投稿混眼熟啦~//才不是为了抱枕呢
刚刚结束了黑客马拉松，回来也是缓了好久才缓过来。这么高强度的脑洞劳动···阿不，是脑力劳动的说。真的第一次。说起来，跟代码相识，还是源于一个带我入坑的大神@skywalker_z ,真·人生赢家。的确，他带着我走进了这么一条不归路。

【0x01】
前一天跟小伙伴一起坐动车从南京赶到上海。对，就是这个@MonkeyFigaro zai 还就是520这么个晚上，我跟这货大老远从南京跑到上海开了个房······好吧，不吐槽，我们继续说正事······第二天到赛场也是直接打车就过去了，起步价，很容易就找到地方。刚到赛场完全处于蒙逼状态，啥都不懂，找个地先坐下稳稳神···

然后就开始听烧碱的开场咯~毕竟不是第一次接触这些人，风格依旧是那个风格~这次还照顾到了国际友人，找到了angelhack的boss做了同传，感觉好厉害~

其实本来就是抱着个试试的心态，没有太多的准备，就跑去参赛赛，真正接触网页编程也就这么半年左右的时间，技术还没掌握的全面，于是我们开始组队，讨论想法，最后确定我们要做页面小游戏。于是就开始了这个到现在还没有完成的小项目···

【0x02】

最初小游戏的想法是由于我们的小团队里面有这么个以做游戏见长的，于是我们本着人尽其用的原则，选择了使用html页面实现无物理引擎下的小游戏。
最初想到了主题，打算了以建筑为核心，后来发现其复杂程度超过我们承受范围，pass！然后又想到MC的2D版，同样是因为技术上原因，我们没办法完成，pass！技术评估到最后，终于定下来。最后游戏的主题定在了很小的解谜游戏这样的定位上，于是就开始动手做啦！

【0x03】
技术上难度其实并不大，关键在游戏模式上面。首先，在游戏区域里面，我们设置了800400像素的区域作为游戏的主要区域，并用2020像素的小格分割为40*20的方阵，方阵中每一个小格都是可以放置方块的。那么可定义的方块，我们设置了五个功能方块，分别是加速，减速，上跳，下落，失重，一个普通方块，平台。游戏模式为关卡模式，每一关卡有自己的地形因素，并给定数量的方块用于搭建路径。方块数量有限，但一定可以到达对面，因此即含有益智也含有解谜的因素。

【0x04】
技术层面的话，最开始打算完全用前端实现，前端界面完成以后发现很多东西不是原生js可以实现的，于是我们引入了jquary，进行路经计算和鼠标点击位置的获取。这一切做好以后，由于关卡和功能方块需要可变因素，于是准备上世界上最好的语言PHP并将控制交给本地服务器和浏览器处理。在PHP中设定全局变量关卡和全局变量模式，分别对应关卡数和方块的功能，通过控制每个方块的功能ID调用不同的js函数完成小球的路径演算，左下方开始按钮为触发路径。由于没有启用任何的物理引擎，所有路径均为即时演算。具体是否可行还是要看进一步开发。

【0x05】
尽管到最后我们也没有在比赛结束之前完成，但是想法还是应初步实现了的，至少我们的doge从起点穿梭到了终点。我也会慢慢把这个小游戏写完，但是，完工的日子，可能遥遥无期吧？对于现场提供的石墨文档，声网API等等这些我们还没有涉及，不仅是因为我们技术不够，更多的是我们没有把方向定向在这方面，不过还是觉得石墨文档这东西神奇的很，希望能继续加油，我也会一直使用的~

【0x06】
虽然技术方面我们没有做好充足的准备就过来，但是我们可是做好了重充分的准备来吃的。之前就听说伙食很好，果然名不虚传，有图为证

当然啦，现场还有很多其他的吃的，玩的，打字机，波比足球，每当坐不住的时候，站起来活动一下，还是很棒的~
还有AH和SF在开场送的文化衫，穿上超级舒服~据说会越洗越软？以后慢慢试试~

这里贴上一只不愿透露姓名的猴子

赛后的学习阶段（也就是各小组的展示阶段）真是令我大开眼界，也算是出来好好学习个。那么多不懂得技术，那么多没通听过的工具，看来自己还是要多多增长自己的姿势水平啊~
希望下次能来南京，大家一起嗨~（折腾上海还是有些累的233333）

附图
偷拍烧碱

我给你拿着你说

偷偷艾特@烧碱

关键字：JavaScript, php, html5, hackthon

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！