我做的这个 HTML5 小游戏创意和设计如何？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 3406 天前的主题，其中的信息可能已经有所发展或是发生改变。

手机上玩的，两百多行JS代码搞定，现在差不多有一万多人玩过，大家轻喷http://tianmaying.com/tutorial/collect-b

第 1 条附言 · 2015-08-17 16:36:17 +08:00

发现好多人都发现调整屏幕大小的 Bug ，不过这个游戏当时是为了在朋友圈分享用的，移动端玩的，不要纠结于此啦：）

html5

搞定

代码

差不多

59 条回复 • 2015-08-19 12:20:11 +08:00

Rosay

2015-08-17 09:39:53 +08:00

文章讲解的还可以,只是这种游戏很容易就腻了.

hunniman

2015-08-17 09:46:06 +08:00

还可以

ajan

2015-08-17 09:47:23 +08:00

不错的小游戏

lingyired

2015-08-17 10:02:51 +08:00

tiange

2015-08-17 10:12:20 +08:00

@Rosay 是的，微信上也就一两天的热度

kokdemo

2015-08-17 10:16:28 +08:00

@lingyired 我也想到了你说的这个问题……

tiange

2015-08-17 10:18:27 +08:00

@kokdemo @lingyired ，是的，有这个问题，主要在手机上玩，还好：）

xierui

2015-08-17 11:39:04 +08:00

一万多人玩过啊，不错，先顶，再学习一下

njutree

2015-08-17 12:53:28 +08:00

调小宽度，任意 zhuangblity

tiange

2015-08-17 12:57:02 +08:00

@njutree 考虑到这个 Bug 了，不过主要在微信上分享，所以基本不太影响

Sweeiyy

2015-08-17 14:22:41 +08:00

非常屌..逗逼们都很喜欢玩.朋友圈各种装逼..要是看到的人再多点肯定很火...

lucky2touch

2015-08-17 14:29:35 +08:00

不错，玩法简单，还可以衍生出很多变种。不过为什么背景是移动的效果？是为了避免单调？

homu

2015-08-17 14:35:44 +08:00

玩了一下很有趣但是我这个鼠标操作起来比较困难如果是移动端应该还不错

tiange

2015-08-17 14:40:10 +08:00

@homu 恩，主要给移动端设计的

keyXiw

2015-08-17 14:52:59 +08:00

不错啊玩法简单很给力

Ansen

2015-08-17 14:53:25 +08:00

tiange

2015-08-17 15:27:31 +08:00

@Ansen 手机有装 200 多个 B 的：）

1605cl

2015-08-17 16:17:55 +08:00

实在太逗了！朋友圈和群里分享出去就不停的有人在刷新各种记录，不过难度是不是有点高啊，好像没见过超过 150 的。

nameryan

2015-08-17 16:17:59 +08:00

手机上装了 230 个 B ，有谁教我如何发截图？

1605cl

2015-08-17 16:18:49 +08:00

@nameryan 膜拜！拼死拼活玩了一下午才 119...

Rosay

2015-08-17 16:23:27 +08:00

还有其他这类小游戏吗? 这个游戏手机上玩手指在屏幕顶端快速滑动可以无限装 B

tiange

2015-08-17 16:25:46 +08:00

@Rosay 这个，没那么简单吧， B 的速度会越来越快的

tiange

2015-08-17 16:27:40 +08:00

@nameryan 逼格很高啊，哈哈

xierui

2015-08-17 16:30:31 +08:00

手指在屏幕顶端滑动确实更加容易啊，但是还是没有查过 180 。。。话说那个篮子有点丑啊，逼格明显不高

John2Young

2015-08-17 16:32:36 +08:00

nameryan 可以用 QQ 发到“我的电脑”。。。设备间共享确实头疼

John2Young

2015-08-17 16:33:17 +08:00

可以把屏幕调小无限刷，但是游戏无法结束啊~~

tiange

2015-08-17 16:35:18 +08:00

@John2Young 再调大。。。。。。。

minfzhon

2015-08-17 17:00:22 +08:00 via iPhone

逗逼游戏，超级 Q 弹，最高纪录 132 ，无限膜拜那些上 200 的大神。

minfzhon

2015-08-17 17:06:12 +08:00 via iPhone

根本停不下来，
@xierui 赞同，篮子和 B 都丑了点。

nameryan

2015-08-17 17:10:11 +08:00

@Rosay @tiange @1605cl 对头，我也是手指在顶端快速来回滑动，要不是感觉手指贴合手机屏幕的那一面快要着火了，分数还能更高。

ytf4425

2015-08-17 17:13:17 +08:00

我上瘾了

tiange

2015-08-17 17:14:37 +08:00

@nameryan 理论上在底端来回滑动应该比在顶端更好一些吧，哈哈

tiange

2015-08-17 17:15:21 +08:00

@ytf4425 哈哈，逼格指数如何？

ytf4425

2015-08-17 17:16:53 +08:00

@tiange 1080P 表示只有 20 。。。

tiange

2015-08-17 17:18:33 +08:00

@ytf4425 用手机吧。。。。

ytf4425

2015-08-17 17:18:49 +08:00

@tiange 我装了 44 个 B ， B 格指数超过 81.77%的人！
最高，这都能上 82%，目测没多少人玩？

tiange

2015-08-17 17:20:49 +08:00

@ytf4425 真真的一万多人玩过啊，如假包换。。。

ytf4425

2015-08-17 17:22:01 +08:00

@tiange 木有手机。。。估计是没人能耐心玩

tiange

2015-08-17 17:28:35 +08:00

@ytf4425 因人而异：）

jerain

2015-08-17 17:46:30 +08:00

挡 B 不是装 B ，不需要碰撞到 B 后飞到右上角的表现

wukongkong

2015-08-17 18:08:23 +08:00

做个排名系统
然后可以对接微信的红包系统。
推广微信号目测效果非常好

tiange

2015-08-17 18:22:26 +08:00

@wukongkong 好建议！谢谢！

Rosay

2015-08-17 18:29:32 +08:00

@jerain 细节帝啊 @tiange 击飞效果改成吸附效果体验会更爽

EXDestroyer

2015-08-17 22:57:41 +08:00

挺好的

nor

2015-08-17 23:41:54 +08:00

有总结，挺好的。

fhefh

2015-08-18 09:06:14 +08:00

学习了

tiange

2015-08-18 10:39:08 +08:00

@Rosay 恩，有时间尝试一下看看效果

openroc

2015-08-18 10:53:08 +08:00

用 chrome 把篮子改大，怎么样？ :P

openroc

2015-08-18 10:57:13 +08:00

@tiange 我们也做 html5 游戏，有兴趣合作吗？

tiange

2015-08-18 11:03:34 +08:00

@openroc 太棒了，这个游戏就是写着玩的，怎么合作呢？有什么想法啊：）

tiange

2015-08-18 11:14:12 +08:00

@openroc 把屏幕缩小就行啦：）

openroc

2015-08-18 11:50:09 +08:00

@tiange 我们之前做的一个微信上游戏， https://v2ex.com/t/202257#reply9 ，我的邮箱： #我的用户名# @ g m a i l . c o m

tiange

2015-08-18 13:05:00 +08:00

@openroc 这个游戏很酷啊！

EyreFree

2015-08-18 14:58:59 +08:00

好棒...赞一个,,,

QAQ23333333

Rosay

2015-08-18 15:37:33 +08:00

@tiange 做出来了让我也看一下

openroc

2015-08-18 18:33:27 +08:00

@tiange 还可以做的更酷，我有一些想法，目前缺人帮助实现。 555..

Orzzzz

2015-08-18 23:16:33 +08:00

@lingyired 66666

tiange

2015-08-18 23:20:55 +08:00

@openroc 同病相怜啊，我们现在也缺人哪，天天加班加点开发呢~~

openroc

2015-08-19 12:20:11 +08:00

@tiange hand, 加油，共勉。：）