什么时候 HTML5 系列的技术可以真正达到当年 flash 的水平？

V2EX = way to explore

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

已注册用户请登录

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

我经常喜欢上： http://armorgames.com/ 玩些小游戏。
这上面的小游戏通常都是用 flash 完成的。虽然 flash 技术因其自身缺陷已经被大众抛弃，被踩上一万只脚。但是你真的不得不服 flash 的表现力和开发效率。
现在流行的所谓“ H5 ”（我恨 H5 这个说法，你们知道我想说的就是微信朋友圈里那些会动有声音的小广告就行了），根本和当年的 flash 水平小动画没得比，开发流程又实在原始+ 丑陋。
而现在基于 HTML5 技术做出来的小游戏还是始终和 flash 游戏差一个档次。
说实话，真的很怀念 flash 流行的那些日子~~如果 adobe 再争气些就好了。
推荐 flash 几个小游戏吧：

《纸飞机冒险》，我最喜欢的休闲游戏：
http://armorgames.com/play/7598/flight?via-search=1
《宝石塔防》，非常有策略性：
http://armorgames.com/play/15760/gemcraft-chasing-shadows
《 The Last Stand - Dead Zone 》生存类的 RPG ，表现力不输单机游戏：
http://armorgames.com/the-last-stand-dead-zone-game/13691

flash

游戏

html5

表现力

47 条回复 • 2015-10-01 12:30:32 +08:00

luoway

2015-09-29 19:15:47 +08:00

v2 上有个说 HTML5 的星际争霸。
[创新高性能移动 UI 框架—— Canvas UI 框架]( http://www.csdn.net/article/2015-03-03/2824083-Canvas-UI)，把原来页面的 DOM 写成 Canvas ，可以提高性能。
HTML5 有巨大潜力，只是还没有发展出公认的交互和性能良好的开发模式及工具

chengzhoukun

2015-09-29 19:26:23 +08:00

flash 的衰败更多的是啊都比自己作死

YuJianrong

2015-09-29 20:20:55 +08:00

@chengzhoukun 不做死也难成气候了。显然浏览器厂商并不乐于见到自己的浏览器上面还有一个不可控的 VM ，尤其是在资源有限的移动设备上。

cyberform

2015-09-29 20:50:41 +08:00

h5 从出来那会就吹比 as 多牛逼多有前途，结果现在 adobe 都不做 as 了， h5 还那尿形。

miniwoodman

2015-09-29 21:12:59 +08:00

带着耳机玩了下 GemCraft ，音效颇有大作的水准

HTML5 的内容创作工具目前还不如 Flash 方便，内容制作上目前有些断档的感觉，流程上的工具比较杂，没什么标准方法，怎么干都行

semicircle21

2015-09-29 21:18:37 +08:00

你这些例子和 H5 比不太公平, 因为都是游戏, 应该和游戏引擎比, 比如 Unity 的 WebPlayer 等. 目前的 H5 适合做动画效果不那么复杂的东西, 而且只应用在桌面上.

lalalakakaka

2015-09-29 22:12:20 +08:00

@semicircle21 还是那个问题，如楼上所说。
当年推 HTML5 的时候，吹的牛皮可是说要淘汰 flash 的。
现在说 HTML5 不和 flash 比，要 Unity 和 flash 比~这不是要推 html5 那些人把自己的牛皮吃回去嘛
而且 Unity 的 WebPlayer 也是插件，和用 flash 有什么区别

对了， Unity 的在手机段代表作是愤怒的小鸟~而愤怒的小鸟的原型《 crash the castle 》却是 flash 做的~而且某种程度上比愤怒的小鸟更好玩些~欢迎试玩
http://armorgames.com/play/11099/crush-the-castle-2-players-pack

wuxiaomo

2015-09-29 22:18:20 +08:00

就游戏上来讲， Html5 的 canvas webgl 可以替代 flash 了，但佳作比较少

d7101120120

2015-09-29 22:24:23 +08:00

记得原来听说以后的 APP 只要用 HTML5 做，然后随便一封装就可以各种跨平台。

Axurez

2015-09-29 22:37:12 +08:00

Armor Games, Kongregate 这些站现在过得应该也还好

typcn

2015-09-29 22:41:47 +08:00

http://www.cocos2d-x.org/download 楼主认识不？

http://madebyevan.com/webgl-water/ 再给 Flash 5 年，能做出来不？

http://helloracer.com/webgl/

说话之前先过一下大脑， Google 搜索一下，不要用百度

typcn

2015-09-29 22:47:05 +08:00

HTML5 调试只需要 Chrome 的 Console ，可以实时运行代码，可以实时进行 Profiling ，直接下断点调试也行。而且楼上各种炫酷的 3D 效果，占 CPU 5% 都不到。

你家 Flash ，只能用打印调试法，代码里面打个 trace ，然后去 .txt 里面找，不要提什么开发效率。

别说 3D 了，光播个视频 CPU 占满一个核心结果最高 FPS 不过 30 ， 2D 都做不好，不要提什么表现力。

USCONAN

2015-09-30 00:06:00 +08:00

http://chrome.supergiantgames.com/

這用 Flash 要怎麼做？

USCONAN

2015-09-30 00:19:13 +08:00

http://middle-earth.thehobbit.com/

moooookey

2015-09-30 00:23:25 +08:00

永远都会在公有标准与私有标准之间扯皮！！！！

semicircle21

2015-09-30 01:39:02 +08:00

@lalalakakaka
@miniwoodman
我同意没有统一内容制作工具和没有一统化流程的现状, 这确实是个很大的缺陷, 但仔细想一下, 曾经的 Microsoft Blend, 要把 ps, ai 都取代, 设计师的输出物直接作为程序的资源文件, 不需要再"切图"/ "标注", 可以说是流程非常先进而统一了, 然而现实很骨感: 设计师们没听说过 Blend, WPF 在 Coder 看来也是新东西, 整个战线太长了, .......最终好像是喜洋洋村长的发明, 中看不中用的...
所以, 也许, 碎片化的工具, 乱哄哄的开源, 东拼西凑的方案, 后浪踩着前浪的尸体前进, 是创新的必经之路, 也是正确的方式.
过早的期待"统一内容制作工具"这样的东西是不现实的.

semicircle21

2015-09-30 01:40:41 +08:00

@d7101120120 这个跑题了, HTML5 在移动设备上是战 5 渣 ....... 可是, Flash 做得很好么?

likuku

2015-09-30 01:50:54 +08:00

@semicircle21 腾讯自己也有一套类似 "Microsoft Blend" 的，貌似它们自己用的很开心，很高效好用。

miniwoodman

2015-09-30 02:43:37 +08:00

@semicircle21 其实我也有些话没说，我是觉得，现在很多原 Flash 内容制作团队或许还没有太熟练的掌握 HTML5 内容制作，而且可能一些人员转移到移动应用游戏制作上去了，这也不是什么问题，移动应用和游戏的制作与 HTML5 内容制作相通的地方要比 Flash 更多。

Flash 毕竟是 IE 时代的历史遗留产物，只是由于 Macromedia 公司抓住了机会由一个小插件逐渐发展成为一个平台，也许 Flash 能够提早硬件化，那么今天世界或许会有很大的不同。。。我虽然也了解 Flash 的繁荣，但我其实在情绪上一直都是很抵触 Flash 的，第一眼看到时我还以为是 Java Applet 实现的，我当时倒是很看好 Java Applet 的。。。

说到 HTML5 ，我不知道怎么表达，我觉得这才是业界该做的事情，运用成熟之后将会无比精彩！

前端开发本来就不可能有太单一化的工具和流程，有个文本编辑器和几个做图的软件就够了，所以我对 Dreamware 这种东西一直都不太看好，觉得用处不大，如果哪个公司要开发一个大而全的 HTML5 开发工具，那可真是难以想像～

assassinpig

2015-09-30 08:05:14 +08:00

一开始的定位和宗旨不一样
flash 是一个公司推出的基于浏览器之上，目的就是增加交互性和加强效果表现；
html5 是一个共同制定的标准，目的就是你会写标记语言和 js ，就能在页面上写出你想要的东西；

至于开发流程
如果开发流程令人厌恶，则就可以进行改进即可，
html5 不太会照顾到具体的开发，即便是用个文本编辑器你也能开搞

html5 能否做到 flash 那样的交互
感觉全看大神们的心情

magicyu1986

2015-09-30 09:17:02 +08:00

"库太少"

litpen

2015-09-30 09:40:14 +08:00

我觉得 adobe 可以做个类似 flash 的 html5 图形化工具，又可以继续大卖了

imn1

2015-09-30 09:40:43 +08:00

1.吹的人目的不良，不是官方言论
2.HTML5 确实可以取代 flash ，但淘汰不是它本身能掌控的，是市场
3.虽然 HTML5 产生有一定时日，但从客户端设备支持的现状看，目前 HTML5 还是起步阶段
4.HTML5 编程者出于娱乐目的从业者还很少

市场是有选择的，在线视频已经打响第一枪
但是，参照 vcd/rmvb 历史，就能估计中国这个市场始终会有别于其他

moe3000

2015-09-30 09:46:21 +08:00

HTML5 又不是为了取代 flash..

mfaner

2015-09-30 10:28:19 +08:00

@typcn “只能用打印调试法”你也是厉害

meathill

2015-09-30 12:18:29 +08:00

@typcn Adobe 市场部最近几年连给 Flash PR 都懒得搞了，真让人失望。 Google 找到这个 2011 年的视频，也足以一战了：

你说 Flash 只能 trace ……拜托喷之前先了解一下嘛。

这么说吧，所有让你觉得，“我靠 HTML5 真屌”的东西，都是大约 5 年前 Flasher 玩剩下的。

--------

可惜的是， Adobe 太挫，未来只能是开放 Web 标准的。

malcolmyu

2015-09-30 12:22:56 +08:00

@chengzhoukun 但是也要考虑到历史的进程啊

typcn

2015-09-30 12:26:23 +08:00

@meathill 如果在浏览器里面用，除了 trace 别无办法，难道在客户机出了问题，你把 Flash IDE 搬进去，再把源码传过去调试一份？

要贴贴 Working 的 Page / Source Code ，看视频毫无意义，视频渲染技术 0x 年就有，网页上的真 3D 除了 Unity 和 WebGL 还没见过别的。

jaguar

2015-09-30 12:52:47 +08:00 via Android

IE 看着楼上一帮傻叉在那自娱自乐不厚道的笑了

meathill

2015-09-30 13:36:04 +08:00

@typcn 浏览器里面一样可以用 debug flash player 来调试，断点单步跳进跳出都可以。你要是这样说， uglify 或者 closure compiler 编译之后的代码只具备理论上的调试性而已。

alternative3d 是一个俄罗斯的团队做的基于 stage3D 的引擎，视频当然不是渲染出来的，不然贴出来有何意义……

随便哪个 3d 引擎都有 showcase 页面，既然你不曾看过就贴在这里：

http://www.flare3d.com/showcase/

http://old.alternativaplatform.com/en/showcase/

http://away3d.com/showcase/

typcn

2015-09-30 13:48:52 +08:00

@meathill 点了 20 个， 16 个不可用， 3 个黑屏， 1 个只有开始按钮点了没反应

没有找到一个 Demo ，甚至没有一个图片有视频中的效果

samael

2015-09-30 13:59:02 +08:00 via Smartisan T1

有种遗老遗少的既视感，就像我一直觉得 nds 的游戏性是手游的好几倍，但又能怎样呢？

主要看你做游戏是要达成什么目的，比如说传播率。我的观点是平台特性决定游戏方式。而且游戏开发和做 web 还是有区别的，这点隔阂还得用时间去填上

好像大家都是技术的角度，并没有说游戏设计的角度。。。

mozartgho

2015-09-30 14:08:34 +08:00

我知道火车站的自助购票机界面是 flash 做的

mrtone

2015-09-30 14:26:41 +08:00

@typcn flash 也有 Stage 3D GPU 加速的, 这些 webgl 作品都可以用 flash 实现出来…… flash 作品 http://www.nissan-stagejuk3d.com/ 声明下，我曾经是 webgl 从业者，顺带关注过 Stage 3D 和 away3d 。。。

w88975

2015-09-30 14:51:04 +08:00

@mozartgho 这个我玩崩过，长按还是怎么样会出现 flash 的右键菜单，选 flash 设置，跳转到 adobe 的官网去。。。

mrtone

2015-09-30 14:52:11 +08:00

adobe 的 FLSL 比 webgl 的 GLSL 还是要难用不少的，像汇编一样，虽说 flash 确实是已经日薄西山了，但好歹平台统一， html5 虽说有很多很不错的新 API ，但各个浏览器厂商实现标准和进度都不同，很多比较细节、底层的 API ，支持度都不够，作为开发者根本不敢用……个人感觉这是 html5 最大的一个问题。