简述下移动端使用gif, 透明背景视频, 动画的问题

先阐述下写这篇文章的起因 项目是再app内置浏览器中嵌入的一个 H5 页面,需求中有一个动画的效果,比较简单的动画,而且动画背景透明 下面来说说这个需求的坎坷经历 1. 第一个想到的应该就是让 UI 小姐姐做一个动态图啦,于是 UI 小姐姐也做了,但遇到了几个问题 - 动态图片太大,快接近我的整个项 ... »

优雅地实现CSS Animation delay心得

话不多说直接开讲: 1.需求: 等待元素A的动画加载完,再加载B元素的动画(下图中A为大熊猫,B为下方卡片) 先来看下最后的效果啦: 2.初始思路: 在B元素的动画属性上加上delay(延迟,使得这个延迟时间 = A元素动画的加载时间) 即:animation : bmove .7s .7s 1;  ... »

SVG的动态之美-搜狗地铁图重构散记

搜狗地图发布了新版的移动端地铁图,改版初衷是为了用户交互体验的提升以及性能的改善。原版地铁图被用户吐槽最多的是pinch缩放不流畅、无过渡动画、拖拽边界不合理等等,大体上都是交互体验上的问题。实际上原版的问题不仅仅存在于交互体验上,源代码也是一团糟: 无模块化概念; 存在冗余逻辑和文件; 滥用第三方 ... »

优雅地使用CSS Animation delay

今天写一个css动画时遇到一个mini难题,记录如下: 1.需求: 等待元素A的动画加载完,再加载B元素的动画 2.初始思路: 在B元素的动画属性上加上delay(延迟,使得这个延迟时间 = A元素动画的加载时间) 即:animation : bmove 1s .4s 1; (这里的.4s即dela ... »

页面加载loading动画

关于页面加载的loading动画,能度娘到的大部分都是通过定时器+蒙层实现的,虽然表面上实现了动画效果,实际上动化进程和页面加载进程是没有什么关系的,只是设置几秒钟之后关闭蒙层,但假如页面须要加载的元素很多,加载很慢的情况下,有可能动画结束蒙层消失了还会出现空白页面,这样的用户体验也还是很糟的。这种 ... »

python读取三维点云球坐标数据并动态生成三维图像与着色

关键步骤: 1.首先通过读取.txt文本数据并进行一系列字符串处理,提取显示所需要的相关数据矩阵 2.然后利用python的matplotlib库来进行动态三维显示 备注:matplotlib在显示2d数据可视化方面有着绝对的优势,但是在三维点云显示方面则存在很多问题,首先一个就是显示几千几万点以上 ... »

Unity引擎与C#脚本简介

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 由 QQ会员技术团队 发布在云+社区 1. Unity编辑器基础 从原理上讲,游戏开发就是将一系列变动的场景呈现在玩家面前,并根据玩家的输入修改游戏画面;而游戏画面则是通过调用目标操作系统上的图形图像库来绘制的。比较知名的图形图像库有Win ... »

Core Animation 文档翻译 (第八篇)—提高动画的性能

前言 核心动画是提高基于APP动画帧率的好方式,但是核心动画的使用不代表性能的提升的保证。尤其在OSX,当使用核心动画时,我们仍需选择最有效的方式。和所有的性能相关的问题一样,我们应该使用工具时时的评估和跟踪APP的性能,以至于我们能够确保性能是提升而不是退化的。   综合的建议和技巧 有 ... »

Core Animation 文档翻译 (第六篇)

  高级动画技巧 配置属性动画或者关键帧动画的方式是多种多样的。需要同时执行多个动画或者顺序执行多个动画的APP,可以通过高级的方式同步这些动画的timing或者将这些动画绑定在一起。我们也可以使用其他类型的动画对象来创建可视化的transitions和别的有趣的动画效果。   ... »

Core Animation 文档翻译 (第五篇)

  构建Layer层次结构 在APP中大多数情况下,将Layer和View对象结合使用是Layer最好的使用方式。然而,很多时候我们可能需要通过添加单独的Layer对象,以便增加视图继承层次;当为了提高性能,或为了实现View很难实现的特性,此时应该使用Layers,此时也需要知道如何管理 ... »

Core Animation 文档翻译 (第四篇)

Core Animation 文档翻译(第四篇) _ _ _ 让Layer的content动画起来 核心动画的基础接口以及为拥有Layer的View做的动画扩展接口,使得为Layer制作复杂动画变得简单化。例如改变Layer的frame的size、改变Layer在屏幕上的position、应用旋转t ... »

Unity DoTween 动画使用案例

这边我就直接放一个标准的Dotween动画的使用demo吧。 这个案例满足应该可以完成你所想实现的几乎所有复杂动画。 我们会看到 se.Append(mThing.transform.DOMove(Vector3.zero, testOneTime).SetEase(Ease.InOutBounce ... »

iOS 动画篇 (三) CADisplayLink与CoreGraphics实现动画

本文主要介绍利用CoreGraphics和CADisplayLink来实现一个注水动画。来一个效果图先: 在介绍注水动画前,先介绍利用CoreGraphics实现进度条的绘制。 一、扇形进度绘制 效果: 代码如下: 原理就是根据不同的进度值不停的重新绘制扇形。 二、绘制带边缘的扇形进度图 代码如下: ... »

Core Animation文档翻译 (第一篇)

Core Animation 文档翻译(第一篇) 前言 作为iOS 开发,官方文档的阅读是很有必要的,值此周末便写下此文。作为iOS 实际经验3年的开发,之前有阅读并实践过经典的<iOS核心动画高级技巧>,其gitbook地址,然总觉此书的翻译版,较于目前的CoreAnimation 官方文档的有所 ... »

iOS 动画篇 (二) CAShapeLayer与CoreAnimation结合使用

接上一篇博客 iOS 动画篇(一) Core Animation CAShapeLayer是CALayer的一个子类,使用这个类能够很轻易实现曲线的动画。 先来一个折线动画效果: 示例代码: 现在介绍CAShapeLayer,CAShapeLayer几乎所有的属性都可以用来做动画,比如说path、s ... »