深圳幻海软件技术有限公司 欢迎您!

  • 云端渲染时长1.58亿核小时,阿里云助力国漫巨制《新神榜:杨戬》提升视效

    当前,追光动画新作《新神榜:杨戬》(以下简称“杨戬”)正在热映,制作水准再次升级。无论是“水墨特效太极图大战”,亦或神女婉罗的灵动舞姿,还是元神现身的超燃瞬间,都极具视觉震撼。这场“大银幕古风奇幻视效盛宴”灯光总渲染量高达3.6亿核小时,其中,在阿里云上的渲染时长达1.58亿核小时,约占总时长的44

  • App开发中三种动画使用和属性详解

    本文转载自微信公众号「Android开发编程」,作者Android开发编程。转载本文请联系Android开发编程公众号。前言这次我们介绍一下android中动画的分类:ViewAnimation(补间动画);DrawableAnimation(帧动画);PropertyAnimation(属性动画)

  • 属性动画机制原理解析

    本文转载自微信公众号「Android开发编程」,作者Android开发编程。转载本文请联系Android开发编程公众号。前言动画的使用是Android开发中常用的知识可是动画的种类繁多、使用复杂,每当需要采用自定义动画实现复杂的动画效果时,很多开发者就显得束手无策;今天我们就来从源码中分析属性动画原

  • 补间动画源码中分析机制原理

    前言补间动画移动后,点击事件的响应为什么还在原来的位置?那今天我们就来从源码解析原理一、补间动画补间动画可以在一个视图容器内执行一系列简单变换(具体的变换步骤有:位置、大小、旋转、透明度);我们可以通过平移、旋转、缩放、透明度等API进行具体的操作;补间动画的实现方式可以通过XML或通过Androi

  • Material Design之有意义的转场动画和打动用户的细节

    对于普通用户来说,是关注一个应用本身、还是更关注这个应用的元素从A点到B点转变的过程,这种选择往往有些难。谨慎编排的动画可以在有多步操作的过程中有效地引导用户的注意力;在版面变化或元素重组时避免造成困惑;提高用户体验的整体美感。动画设计不仅应当优美,更应当服务于功能。视觉连贯性在两个视觉效果不同的页

  • 丢掉Excel,手把手教你用Python做可视化数据,还能任意调节动画丝滑度

    本文经AI新媒体量子位(公众号ID:QbitAI)授权转载,转载请联系出处。数据可视化动画还在用Excel做?现在一个简单的Python包就能分分钟搞定!而且生成的动画也足够丝滑,效果是酱紫的:这是一位专攻Python语言的程序员开发的安装包,名叫Pynimate。目前可以直接通过PyPI安装使用。

  • 如何使用CSS创建高级动画,这个函数必须掌握

    我们每天都在网上摸鱼,作为前端开发人员,网站上微妙的细节变化通过比别人会更关注。我一直注意到的一件事是网站上的动画的流畅性。动画对于用户体验来说是非常好的,有时我们可以一些有趣的动画来留住用户。创建高级动画听起来是一个很难的话题,但好消息是,在CSS中,可以将多个简单的动画相互叠加,以创建一个更复杂

  • 还在用 JS 做节流吗?CSS 也可以防止按钮重复点击

    众所周知,函数节流(throttle)是JS中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。举个例子:一个保存按钮,为了避免重复提交或者服务器考虑,往往需要对点击行为做一定的限制,比如只允许每300ms提交一次,这时候我想大部分同学都会到网上直接拷贝一段throttle函数,或者直接引用

  • Vue 可视化大屏适配插件之过程篇

    注册vue指令如何支持类型提示?文档说vue插件的use方法是支持第二个参数的,一开始打算通过第二个参数做基础配置。能正确读取到该参数,可是不知道怎么做类型提示,因为官方定义的是any[],那我总不能让使用者去从我的插件里导出类型再去as吧?谷歌了问题,翻了issue,也找了一些开源的插件去看,好像

  • 前端必学的动画实现思路!

    一个合理的动画是良好用户体验中必不可少的一部分。我们平常是怎样写动画的?CSS中的animation和transition,还有requestAnimationFrame?示例请看下面的示例:这是一个可添加的数字的随机乱序列表。首先想一想,我们第一直觉可能会这样做:将这些数字的DOM节点用绝对定位来

  • 妙啊!动画还可以这样控制?

    今天,有在群里看到这样一个问题:有一个动画,一开始静止处于第一帧,只在用户hover的时候运行动画,在运行一次后停止,并且停留在最后一帧,使用CSS可以完成么?像是这样:一个非常有意思的问题,答案是可以的。我们抽取一下其中的关键点:动画只运行一次,未运行前处于第一帧,运行完后处于最后一帧。动画通过h

  • 2022年比较好的十个JavaScript动画库

    在今天的文章中,我们将看到JavaScript动画库如何帮助实现这一切。首先,介绍一下JavaScript的动画添加只需要一个动作的简单动画(例如,切换)是一回事。对于这一点,你总是可以使用简单的CSS动画。但是,对于更复杂或高级的效果。JavaScript是一个更好的工具。不言而喻,使用JavaS

  • 巧用Css圆角实现有点意思的加载动画

    作为一名前端工程师,需要对css技巧有充分的研究和了解,接下来笔者将会带大家一起掌握如何用css的圆角属性来实现有点意思的加载动画.如果想学习更多css实用技巧,可以参考笔者以下的文章:手撸一个在线css三角形生成器轻松使用纯css3打造有点意思的故障艺术使用css3实现一个类在线直播的队列动画cs

  • 总结100+前端优质库,让你成为前端百事通

    1年多时间,陆陆续续整理了一些常用且实用的开源项目,方便大家更高效的学习和工作.js相关库js常用工具类「lodash」一个一致性、模块化、高性能的JavaScript实用工具库。「xijs」一款面向复杂业务场景的javascript工具库「ramda」一个很重要的库,提供了许多有用的方法,每个Ja

  • 前端高效开发必备的 JS 库梳理

    之前有很多人问学好前端需要学习哪些js库,主流框架应该学vue还是react?针对这些问题,笔者来说说自己的看法和学习总结.首先我觉得在学习任何知识之前必须要有一个明确的学习目标,知道自己为什么要学它,而不是看网上说的一股脑的给你灌输各种知识,让你学习各种库,从而不断的制造大家的焦虑感.前端由于入行

  • Three.js 的 3D 粒子动画:群星送福

    ”粒子动画“这个词大家可能经常听到,那什么是粒子动画呢?粒子是指原子、分子等组成物体的最小单位。在2D中,这种最小单位是像素,在3D中,最小单位是顶点。粒子动画不是指物体本身的动画,而是指这些基本单位的动画。因为是组成物体的单位的动画,所以会有打碎重组的效果。本文我们就来学习下3D的粒子动画,做一个

  • 前端: 如何更高效的学习Css? 有哪些库值得推荐?

    如何高效学习Css之前在工作中也使用css做过很多有意思的事情,比如用css画图标,写轮播图,写动效,做布局等等,但是这些应用的实现都依赖于html和css基础知识.根据我自己的学习经验,我们需要掌握如下基础知识:Css基本语法结构和属性设置Css盒模型Css定位方式Css布局CssBFC(块级格式

  • 动画 ViewPropertyAnimator 使用详解和原理分析

    本文转载自微信公众号「Android开发编程」,作者Android开发编程。转载本文请联系Android开发编程公众号。前言平常所做的动画大部分是针对View的,而View经常会需要集中动画混合在一起做,因此提供了一个ViewPropertyAnimator类来快速的实现多个动画的混合;ViewPr

  • 利用 CSS @property 探寻渐变的极限状态

    本文利用CSS@property来实现一些有意思的(但可能没什么用的)事情。渐变动画的历史我们都知道,在之前,我们想实现渐变的动画,其实是非常复杂甚至是做不到的。例如,从下图A状态,到B状态:复制<div></div> 1.复制div { &nb

  • 用户数量急速增加的6个Javascript库

     Javascript不仅解决了跨浏览器的兼容性问题,而且使开发跨平台网站变得容易,这急速增加了用户数量。Javascript使触摸屏设备的使用变得简单。有了它,我们可以让网站响应手指的手势,如点击、滚动和缩放。有了javascript库,就有***的可能性来创建创新的和创造性的Web应用

推荐阅读