制作一个崩溃的百度页面动画
制作要求：
把重力感应效果应用到百度首页各个元素中，实现掉落、碰撞检测和鼠标交互（可拖拉）效果。
参考作品：
http://wow.techbrood.com/fiddle/26076
预算：￥50
期限：2016-05-22 13:58:07
联系方式：chenxiaofeng@techbrood.com
(4)
8361
0
最新评论
- 相关文章
ARCore基本概念和工作原理简介
谷歌的WebAROnARCore项目基于Android手机提供的ARCore增强现实引擎，要了解WebAROnARCore，需要先了解ARCore的工作原理。基本上ARCore做了两件事，首先跟踪手机...
WebAssembly工作原理和JavaScript语言性能对比分析
本文简单说明WebAssembly（简称wasm）工作原理和高性能的原由（和JavaScript相比）。不过需要提醒的是Wasm并非设计来完全替代JS，而是对JS的一个强大补充，JS中...
WebGL Roadmap
Unity 5.0 shipped with a working preview of our WebGL technology in March this year. Since then, Google has disabled (by default) NPAPI support in the...
JavaScript事件模型图解
在JavaScript中用户交互的核心部分就是事件处理。本文为对事件模型和处理机制的总体性描述。Event是什么？
event是用户操作网页时发生的交互动作，比如clic...CSS3弹性布局内容对齐（justify-content）属性使用详解
内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。该操作发生在弹性长度以及自动边距被确定后。 它用来在存...
深入理解JS和CSS3动画性能问题和技术选择
本文对比了JS及其框架和CSS3的动画性能，并深入剖析了其内在原因。技术结论大致如下：1. jQuery出于设计原因，在动画性能上表现最差2. CSS3由于把动画逻辑推给了...
HTML5动画背后的数学2 - 仿生智能算法综述
深入理解Three.js（WebGL）贴图（纹理映射）和UV映射
本文将详细描述如何使用Three.js给3D对象添加贴图（Texture Map，也译作纹理映射，“贴图”的翻译要更直观，而“纹理映射”更准确。）。为了能够查看在线演示效...
深度贴图（depth map）概念简介和生成流程
Depth map 深度图是一张2D图片，每个像素都记录了从视点（viewpoint）到遮挡物表面（遮挡物就是阴影生成物体）的距离，这些像素对应的顶点对于观察者而言是“可...
如何使用Three.js加载obj和mtl文件
OBJ和MTL是3D模型的几何模型文件和材料文件。在最新的three.js版本(r78)中，以前的OBJMTLLoader类已废弃。现在要加载OBJ和MTL文件，需要结合OBJLoader和MTLLoade...
Three.js入门教程6 - 创建全景图和纹理
全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难。要做一个全景图，你需要一个软件用来做一张全景图片。我使用了iPhone上的Microsoft Photosyn...
Three.js入门教程5 - 10个必须知道的编程技巧
作者为Google的Paul，关于如何写出好的WebGL代码的文章。和很多开发者一样，我通过实践学习，但同时我也向其他更有经验的开发者们学习。在过去的几个月中，我在c...
如何使用CSS3实现一个3D商品标签
使用3D缎带形状的标签是常见的一个设计模式，用在商品折扣、文章标题或网站推荐信息上，来突出显示重点内容，吸引用户视觉焦点。实现的方法有2种，一种是使用背...
SVG过滤器feColorMatrix矩阵变换效果用法详解
在计算机图形学（数学）中，矩阵乘法可用于把空间向量进行几何变换。我们可以把颜色的值（RGBA）表示成一个四维空间向量：color = (r, g, b, a);那么就可以应用...
更多...