谁说做H5动画和游戏一定要canvas?

  • 内容
  • 评论
  • 相关

前言:这篇文章写了快有一年了,居然还有不懂装懂的人给我说性能,我这里给他们上一课。

1、他的性能确实不如支持webgl的canvas引擎,但是!你试试webgl可以给ui做动画?你试试用webgl移动input?

2、你做普通网页加个小小的动画,把整个引擎引入?你会用航母来打鱼吗?

3、你一般的页面不可能把所有的东西都塞进canvas里把,对搜索引擎也不友好,那么意味着你要用透明的webgl来做特效,你以为webgl透明后,也就是输出通道,性能会比dom,css3好?

4、现在主流的H5引擎除了新版的cocos,都不支持rotationY的动画,也就是3D或者叫2.5D旋转。但我支持啊,2.5/3D动画现在也是很常用的。

还想要不懂装懂的人,可以继续留言,或者直接联系本人,或者加群,博客右下角就可以。

<-----------------下面是原文内容-------------->

记得上上个礼拜,我在createjs的技术群里说了本人会封装个用dom的H5引擎,来代替一些大型的H5引擎来做一些简单的动画效果和游戏。现在这个引擎的雏形已经出来了,我取名为animateDOM。

那我为什么要做这个引擎呢?之前我在群里也解释过,其实很多效果可以不需要canvas实现,除了矢量部分,其他的功能dom都可以替代canvas,最重要的是UI可以不用重新写了,而且还可以做出3D特效。

我先来放几个demo。

http://www.ajexoop.com/demo/animateDOM/demo1.html(这个demo因为流水特效有点大,看完整效果需要等一等)

http://www.ajexoop.com/demo/animateDOM/demo2.html

http://www.ajexoop.com/demo/animateDOM/demo3.html

http://www.ajexoop.com/demo/animateDOM/demo4.html

下载地址:https://pan.baidu.com/s/1TxWDf2rpHHC545NWxBukTQ

其实我这个引擎(其实都算不上引擎就2个文件)很简单,封装了很多过去用起来很麻烦的属性,现在直接可以.xxx就可以用了。大家可以下载下来看一下源码,之后本人还会增加其他功能。

评论

9条评论
  1. Gravatar 头像

    1 回复

    楼主是废柴啊,知道什么叫性能吗?

    • Gravatar 头像

      ajex 回复

      @1 呵呵呵

  2. Gravatar 头像

    Zed 回复

    不考虑性能的吗???

  3. Gravatar 头像

    LeBlanc 回复

    用最古老的代码实现最前卫的特效,性能差的一批,研究这个,毫无可取性,浪费时间,啥也白搭

  4. Gravatar 头像

    ajex 回复

    我服了到现在还有人说这个叫白搭 先不论我可以优化这个性能, 你用你们先进的代码试试做ui动画啊,你们试试现在主流的任何2D引擎laya,egret,cocos(cocos最新的2.5D引擎可以支持)来支持3D旋转呗
    还有,你们认为不管什么东西都可以支持canvas吗?

  5. Gravatar 头像

    匿名 回复

    非常支持

  6. Gravatar 头像

    匿名 回复

    点击飘落的樱花能监听吗

    • Gravatar 头像

      ajex 回复

      @匿名 可以设置成可以 也可以设置成不可以 一般来说为了不遮挡别的ui 会设置成不受鼠标响应

  7. Gravatar 头像

    匿名 回复

    现在真是浏览器性能过剩了,想怎么搞都行,哈哈哈

发表评论

电子邮件地址不会被公开。