- 综合排序
- 最热优先
- 最新优先
- 来自专栏河湾欢儿的专栏
3d魔方动画
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .parent{ width: 100px; height: 100px; border: 10px solid black; padding: 100px; margin: 3
85820发布于 2018-09-06 - 来自专栏python3
3D盒子动画
3D盒子动画 素材： 正方形图片若干 ? ? ? ? ? ? Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>3D 动画box</title> <style type=text/css> .warpper{position:fixed;top:30%;left:40%;perspective:1000px; } .cube{ width:300px;height:300px; transform-style:preserve-3d;/*设置3D环境*/ } .side{ width:300px;height
84720发布于 2020-01-14 - 来自专栏腾讯社交用户体验设计
3D动画片设计揭秘
a.建模 按照前期概念设定和参考，搭建7个场景模型，角色使用太空鹅系列模型。 ? 建模小技巧 因为这次所有镜头都是旋转镜头，所以我们需要搭建完整场景才可以自由旋转。 动画 本片并没有太多角色动画，设定是主要展示太空鹅模型和场景，所以动画部分就是镜头和发射器特效。 ? ? 火箭发射效果使用C4D 插件TurbulenceFD ，下面是模拟参数： ? c. 太空鹅联盟潮玩系列宣传片，我们尝试了新的工作流程，从动画渲染特效等技术到音乐制作，就像太空鹅设定一样我们对于设计的探索也从未停止脚步，未来我们会尝试设计更好玩更新潮用户体验设计。
1.2K81发布于 2019-12-12 - 来自专栏三流程序员的挣扎
Android 动画总结(7) - ViewGroup 子元素间的动画
LayoutAnimation 指定 ViewGroup 的子元素出场动画，作用在每个子元素上的动画是补间动画。 android:animationOrder="normal" android:animation="@anim/item_anim" /> 其中 item_anim 是一个普通的补间动画 属性： android:animationOrder 控制子元素动画顺序 normal 顺序 reverse 逆序 random 随机 android:delay 子元素延长时间，默认是 0.5。 的 ViewGroup 添加这个属性，比如 RecyclerView： <android.support.v7.widget.RecyclerView android:id="@+id/recycler LayoutTransition.APPEARING) * 10) transition.setAnimator(LayoutTransition.APPEARING, appearAnim) // 使用滑动动画代替默认布局改变的动画
1.7K10发布于 2018-09-11 - 来自专栏腾讯社交用户体验设计
高效收集管理3d动画资源方法
前言 3d动态设计近年在国内非常流行，设计师们都想尽办法提升自己的3d设计动态能力。3d能力的提升离不开两步，第一步3d技术习得，第二步眼界提升并灵活运用。 提升3d动态设计能力重点在于多看多练，多看关键是持续找到优秀的作品进行观看和学习，多练是需要把之前看到过的优秀作品下载下来进行拉片练习。 由于市场上能找到3d动态设计片子的平台较多，如有pinterest、behance、站cool、花瓣等这些比较知名的“全类平台”，但术业有专攻本文着重介绍动态设计，这个细分市场下的社区平台如vimeo、 vimeo视频社区 3d设计师动画素材聚集地，国内外的动态设计师设计作品基本都会在vimeo进行发布，甚至还能看到很多飞机稿、未加工过的毛片等。 Video Thumbnails Maker一键输出内容如下图，左动画右关键帧（并有时间点展示）非常实用。
1.8K20编辑于 2023-02-16 - 来自专栏APP自动化测试
使用CATransformLayer制作3D图像和动画
之前我们讲过可以用CALayer搭配CATransform3D来实现将View做3D旋转, 今天我们再看一个3D的新东西 CATransformLayer, 看名字就知道这个layer跟旋转有关, 那么具体是什么呢 他其实是作为一个容器, 我们可以往里面添加其他的CALayer 比如我们要创建一个3D效果的立方体, ? 可以先创建一个CATransformlayer容器, 正方体的6个面我们以3D旋转后的Layer表示, 加入到容器中, 调整好每个面的角度和位置让他们拼接再一起就是一个正方体了 我们上代码吧 - (void green blue:blue alpha:1.0].CGColor; face.transform = transform; return face; } @end 我们可以再给容器一个旋转动画
1.4K51发布于 2019-10-15 - 来自专栏hightopo
原 透过WebGL 3D看动画Easing
基于HT for Web的自动布局动画例子视频 image.png 基于HT for Web的3D机房动画例子视频 image.png 动画的原理比较容易理解：在一定的时间间隔内，不断改变颜色、 ，如今有很多工具提供了可视化编辑Easing曲线函数的功能，待会介绍的例子将会枚举一堆常用的Easing函数供大家参考应用，先上张图和视频开门见山让大家体验下基于WebGL的3D下，如何更直观的展示不同 ，这样多组动画同时进行时刻直观的对不同动画效果进行比较。 示例还借助了3D的空间新轴线，在垂直轴方向动态用曲线表示Easing函数在当前时间点的函数值，因此大家可以直观的体验到Easing函数曲线的动态变化过程，同时曲线段的颜色也根据该时间段箭头的前进距离由白变红 以下HT for Web的3D例子为在Android平板上运行的效果，可勾选部分类型更容易直观观察具体的Easing函数运行效果： image.png 整个例子的运行效果给我感觉就像这个社会各式各样的人生路
70310发布于 2018-06-05 - 来自专栏Android开发指南
7.侧滑、ViewDragHelper、属性动画
(v4包下) > 2. mTouchSlop 最小敏感范围, 值越小, 越敏感 * 伴随动画: > 1. 左面板: 缩放动画, 平移动画, 透明度动画 > 2. 主面板: 缩放动画 > 3. 背景动画: 亮度变化 (颜色变化) * 状态监听\触摸优化: > 1. 设置并更新状态 > 2. 仅仅决定了动画执行速度 return mRange; } // 2. 左面板: 缩放动画, 平移动画, 透明度动画 // 缩放动画 0.0 -> 1.0 >>> 0.5f -> 1.0f >>> 0.5f * percent + 0.5f // mLeftContent.setScaleX 持续平滑动画 (高频率调用) if(mDragHelper.continueSettling(true)){ // 如果返回true, 动画还需要继续执行 ViewCompat.postInvalidateOnAnimation
1.5K50发布于 2018-05-14 - 来自专栏柠檬先生
css3 3d变换和动画——回顾
preserve-3d 表示所在元素在3D空间中呈现。 2.perspective 定义3D元素距视图的距离，以像素计，当为元素定义perspective 属性时，其子元素获得透视效果，而不是元素本身 语法：perspective: number | 3.perspective-origin 属性定义3D元素所基于的X轴和Y轴，该属性允许您改变3D 元素的底部位置，定义的这个属性，它是一个元素的子元素，透视图，而不是元素本身。 7.animation-play-state 语法：animation-play-state:running | paused [, running | paused]* 他们的作用就类似于我们的音乐播放器一样，可以通过paused将正在播放的动画停下了，也可以通过running将暂停的动画重新播放， 我们这里的重新播放不一定是从元素动画的开始播放，而是从你暂停的那个位置开始播放
1.1K70发布于 2018-01-22 - 来自专栏IMWeb前端团队
CSS3的3D变换和动画
本文作者：IMWeb moonye 原文出处：IMWeb社区 未经同意，禁止转载 CSS3的3D变换 transform属性 attr des css level transform 向元素应用 2D 或 3D 转换。 3 transform-style 规定被嵌套元素如何在 3D 空间中显示。 3 perspective 规定 3D 元素的透视效果。 3 perspective-origin 规定 3D 元素的底部位置。 3 backface-visibility 定义元素在不面对屏幕时是否可见。 3 animation-delay 规定动画何时开始。默认是 0。 3 animation-iteration-count 规定动画被播放的次数。默认是 1。
2K11发布于 2019-12-03 - 来自专栏我爱计算机视觉
机器视觉在 3D 动画中的应用
在运动图片和视频游戏中进行了大量的摄影测量，以生成纹理结构的、测量体积的3D扫描，可对扫描执行操纵和动画处理以实现运动。 虽然这种静态的摄影测量可生成非常真实的静态3D图像，但它依赖于对单个纹理地图执行和后期动画处理，而这会在对扫描进行动画处理时产生问题。 例如，人脸和织物等复杂表面的运动看起来就不太自然。 传统的摄影测量是瞬间性的，需要重新进行动画处理。但是在《攻壳机动队》的电影中，观众就体验到了完美的运动3D图像，这是如何做到的呢？ ? FLIR Grasshopper的自动同步功能确保所有相机快门完美计时，这在运动摄影测量装备正确运行方面起到了至关重要的作用，同时设备中会记录所有演员的表演，以便制作电影的3D动画。 ? 现实中捕捉摄影测量软件用于创造序列化3D模型，以便将摄影测量扫描制作成规模和源保持一致的动画运动序列。每一帧都是一个全新的3D模型，但具有不同的纹理。
1.1K20发布于 2021-03-26 - 来自专栏凉城
修改Windows 7 开机启动画面
Win7 启动画面的文件存放在"C:WindowsSystem32bootres.dll"里面。 activity.bmp 是Win7 的启动资源，200*21000 像素，12MB 大小，由105 张200*200 的小图组成。Win7 启动的时候就是顺序显示这些小图。 这些就是我们启动画面的源文件了。 二、用“批量图片合并器”将这105 张图片合并为一列*105 张。 三、制作好activity.bmp 后，可用“bootool”预览动画，以免重新花费时间制作。 四、制作镜像文件。
2.1K30发布于 2018-05-25 - 来自专栏Youngxj
修改Windows 7 开机启动画面
Win7 启动画面的文件存放在"C:WindowsSystem32bootres.dll"里面。 activity.bmp 是Win7 的启动资源，200*21000 像素，12MB 大小，由105 张200*200 的小图组成。Win7 启动的时候就是顺序显示这些小图。 这些就是我们启动画面的源文件了。 二、用“批量图片合并器”将这105 张图片合并为一列*105 张。 三、制作好activity.bmp 后，可用“bootool”预览动画，以免重新花费时间制作。 四、制作镜像文件。
2.4K20发布于 2018-06-07 前端|3D立体视频翻转动画
基本介绍 HTML5 3D立方体翻转动画特效是一款基于TweenMax制作多张图片拼接的3D立方体正方形旋转动画特效。 ? 图1.1 效果图 思路分析 制作3D立体视频翻转动画网页时，主要用到以下方法： 1、使用animation: rotate linear ns infinite属性来设置动画播放样式：动画对象，播放速度 2、使用transform属性向元素应用2D或者3D转换。 ，设置动画旋转效果（@keyframe效果:实现动画效果；使用方法:@keyframe 后+动画名{from:初始状态;to:末状态}）。 .cubeBox:hover .bigCube li:nth-child(6){ transform: rotateY(90deg)translateZ(200px); } （7）
1.5K20发布于 2020-07-28- 来自专栏Mac资源随时更新
KeyShot Pro，3D动画渲染制作工具
KeyShot Pro Mac版是一款强大的3D动画渲染制作工具，使用它可以简化3d渲染和动画制作流程，并且提供最准确的材质及光线，渲染效果更加真实！ 下载：KeyShot Pro Mac版KeyShot Pro WIn版图片环境亮度动画环境光动画使用 KeyShot Animation 直接控制和调整环境的亮度。 可变形动画导入除了 Alembic 之外，还可以导入带有装配动画的 .mc/.mcx 缓存文件和 FBX 文件。肤色从 KeyShot 材质库中拖放更广泛的肤色。
1.3K20编辑于 2023-02-15 - 来自专栏IMWeb前端团队
CSS3的3D变换和动画
CSS3的3D变换 transform属性 attr des css level transform 向元素应用 2D 或 3D 转换。 3 transform-style 规定被嵌套元素如何在 3D 空间中显示。 3 perspective 规定 3D 元素的透视效果。 3 perspective-origin 规定 3D 元素的底部位置。 3 backface-visibility 定义元素在不面对屏幕时是否可见。 3 animation 所有动画属性的简写属性，除了 animation-play-state 属性。 3 animation-name 规定 @keyframes 动画的名称。 3 animation-delay 规定动画何时开始。默认是 0。 3 animation-iteration-count 规定动画被播放的次数。默认是 1。
2.4K60发布于 2017-12-29 - 来自专栏APP自动化测试
用CATransform3D实现3D效果和制作简单3D动画
CATransform3D; 可以看到CATransform3D是一个4 * 4结构体, 另外它还有一个弟弟CGAffineTransform是 3 * 3结构体 他们的区别看名字就很明显, CATransform3D是做3D 这里需要注意的是M34的赋值一定要写在矩阵变换前面 可以再用BasicAnimation来实现3D动画, 用关键字: Transform CABasicAnimation *animation = [CABasicAnimation
1.1K40发布于 2019-10-15 - 来自专栏Mac软件的分享
KeyShot Pro for mac(3D渲染和动画制作软件)
KeyShot Pro是Mac平台一款高端的渲染软件，能够在Mac系统上实现快速和高质量的3D渲染。 它可以让设计师、工程师和数字艺术家以极其直观的方式创建逼真的视觉效果，并且支持多种文件格式，包括3D CAD、实体数据和图像。 KeyShot Pro还具有高度可定制的材质编辑器、动画功能、交互式场景构建工具和虚拟现实支持等功能，使得用户可以更加轻松地创建和呈现出令人惊叹的视觉效果。 KeyShot Pro for mac(3D渲染和动画制作软件) 图片 KeyShot Pro for Mac具有许多功能特点，让用户可以轻松地创建高质量的3D渲染效果。 动画功能：KeyShot Pro for Mac支持动画功能，使用户可以创建流畅的动画来展示他们的设计成果。
2K50编辑于 2023-04-14 - 来自专栏媒矿工厂
SIGGRAPH 2024 | 头像化身动画的 3D 高斯 Blendshapes
论文作者：Shengjie Ma 等人 内容整理：林宗灏 本文提出一种用于头像化身动画的 3D 高斯混合形状表示，该方法可以从单目视频中学习优化与网格混合形状语义一致的高斯混合形状，通过高斯与表情系数的线性混合生成任意表情的头像模型 ，进而利用高斯溅射实时合成高保真的头像动画。 引言 图 1：我们的 3D 高斯混合形状类似于经典参数化人脸模型中的网格混合形状，以表情系数线性混合，实时合成逼真的人脸动画。 混合形状（Blendshape）是化身动画中经典的表示形式，因其易于控制和高效的优点，在专业动画制作和化身应用中具有显著优势。在本文中，我们为逼真的头像化身建模引入了 3D 高斯混合形状。 消融实验 图 7：混合形状一致性的消融实验。 图 8：混合形状优化的消融实验。 图 9：口腔内部高斯的消融实验。
1.3K10编辑于 2024-06-13 - 来自专栏coldPlayer的前端专栏
JavaScript实现背景图像切换3D动画效果
一、项目需求给一张长图，长图中有好多个图像，图像的动作是连续的，当鼠标在容器内移动时，背景图像会随之切换，呈现出连续的动画效果，实现效果类似于3D动画，用JS怎么实现？以下是实现效果。 media.sketchfab.com/models/01877de881c440cb9ba52b872dac85dc/fallbacks/5ca749dcb2e74dc4be85bcf8b0599a9b/a7e56f02d1004f59bdf9aae9d6cf5e70
2.7K10编辑于 2023-11-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号