首页

0

Hilo 阿里H5游戏引擎简介

Hilo 阿里H5游戏引擎简介最近找了一些与动画相关的资料,希望以后WAP的H5活动可以做一些比较炫酷的动画。目前找到了3个可供选择的动画库,下面重点介绍一些第一个Hilo。 Hilo 阿里开源动画框架 (有API, 应该阿里的开发者会长期维护,就是例子不多,支持多种渲染方式支持Canvas,Webgl,Dom) Agile 一个叫A-jie的人写的 (没有API,但是看源码也很容易上手,且例

0

Canvas上绘制动画

Canvas上绘制精灵图的一帧我们知道我们需要调用drawImage 在画布上去绘制一个图片,那如果我们要绘制一个动图我们需要如何实现呢?我们要获取精灵图片对应的那一帧,然后在画布上绘制。每次绘制一帧,我们需要先清空原先画布上的内容 1void ctx.drawImage(iamge. sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) 注意: s

0

CSS 3D实现虚拟全景探究

随着移动设备的发展,手机浏览器的兼容性已经变得比较令人满意,绝大部分CSS3属性和HTML5 API已经被移动浏览器支持。今年淘宝造物节的H5活动宣传页实现的3D虚拟全景令人感到惊艳。本文就是来探究如何利用CSS3 和 HTML5 API来实现一个基于浏览器的虚拟全景。 几个例子话不多说,先上例子。 第一个就是2016年的淘宝造物节。 第二个是腾讯在2014年世界互联网大会上制作的公司介绍页