前几周做了一个AR小项目，主要功能就是展示模型动画，想做一个分享，但是AR是基于APP的，不太好分享~。。脑壳疼~。。好在AR其实本质就是3d，就想着用webGL讲讲里面的一些东西。 其中，创建模型和模型的缩放、位移、移动以及播放相应模型动画这些不做解释，完全可以用threej…

前段时间领导要我做一个流体粒子的demo,正巧我也最近在看一些流体、烟雾的文章，接到任务兴奋劲儿一下就上来了，因为没有实践过，而且效果看着很不错，于是乎我脑海里就在想整个流程，遇到其中一个硬性问题就是流体粒子每一个都有自己的速度和坐标，那我用js去运算且更新这些数据岂不是很耗性…

不到100行代码实现iPhone X上的Animoji。 两个Demo及源码，一个Animoji的，一个"视差"的。

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…

之前使用这个框架写过一个卡片DIY的项目，中间遇到很多问题都只能通过google或github issues才能解决，国内资料较少，所以才想写这篇文章来简单的做下总结，希望可以帮到其他人哈。 Fabric.js 是一个强大的H5 canvas框架，在原生canvas之上提供了交…

本文将结合移动设备摄像能力与 TensorFlow.js，在浏览器里实现一个实时的人脸情绪分类器。鉴于文章的故事背景较长，对实现本身更有兴趣的同学可直接跳转至技术方案概述。 看遍了 25 载的雪月没风花，本旺早已不悲不喜。万万没想到，在圣诞节前夕，女神居然答应了在下的约会请求。…

机器之心原创，作者：邱陆陆。 作为（伪）AI 行业从业者，之心编辑部里的小伙伴们自认都能够以不错的置信度人工识别「人工智能与人工智障」。但是，当我把下面这张爱奇艺 app 的截图放在大家面前时，编辑部的「识别器」们纷纷表示，这次置信度不高。 热门视频里，「弹幕盖脸」几乎是必然事…

简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）…

这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…