- 综合排序
- 最热优先
- 最新优先
- 来自专栏河湾欢儿的专栏
3d魔方动画
<style> .parent{ width: 100px; height: 100px; border: 10px
84320发布于 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
82520发布于 2020-01-14 - 来自专栏林德熙的博客
win10 UWP 动画 动画入门
本文告诉大家如何写同一个简单的动画。 动画入门 本文开始写一个简单的动画，只是移动矩形作为本文的例子。 在 UWP 移动元素的动画，可以使用 RenderTransform 移动，然后使用动画修改 RenderTransform 进行动画。 关于元素移动，请看 win10 uwp 拖动控件 首先写一个简单的界面，只有一个矩形 <Grid x:Name="Bret"> <Rectangle x:Name 需要在 Resources 写动画，于是在页面写上动画，这里使用 DoubleAnimation ，注意需要 Storyboard.TargetName 说明动画的元素。 = (Storyboard)Resources["Filiberto"]; s.Begin(); } 点击F5就是可以看到界面出现矩形，按下按钮就向右走 win10
1.2K10发布于 2018-09-18 - 来自专栏写代码和思考
Android开发(10) 动画（Animation）
概述 Android SDK介绍了两种Animation： Tween Animation：通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果，即是一种 渐变动画 ，或者说 补间动画。 Frame Animation：顺序播放事先做好的图像，是一种画面转换动画，或者说 逐帧动画。 渐变动画 4种渐变动画 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果 实现动画的步骤： 1.准备一个animation对象，改对象可以看作是个动画对象，它描述（封装）了什么样式的动画。 画面转换位置移动动画效果 RotateAnimation画面转移旋转动画效果 XML方式 我也可以写一个描述动画的xml文件，放到资源文件的anim文件夹下。
98400发布于 2020-03-16 - 来自专栏橙光笔记
Canvas系列（10）：动画初级
---- requestAnimationFrame 所谓动画其实就是快读绘制图片，由于人的眼睛更不上屏幕绘制的速率，所以看到的就好像连着的一样，也就形成了动画，动画片就是这个原理，canvas中的动画也是这个原理 提到动画就不得不说一个函数了，那就是requestAnimationFrame。 当然，对于一些简单与时间无关的动画特效，也可以不用关注这个时间，直接根据每次绘制时增加的速度去计算就好了，我们这里为了简单起见就不去动这个事件了。 ("canvas"); var context = canvas.getContext('2d'); var sW = 1; var lW = 4; var spacing = 10; // 绘制坐标系 requestAnimationFrame(animate); 看到animate还是了吗，此函数是canvas动画的“套路”，一定要熟悉它，几乎所有动画相关的代码都有该函数的身影。
1.2K32发布于 2020-10-19 - 来自专栏腾讯社交用户体验设计
3D动画片设计揭秘
动画 本片并没有太多角色动画，设定是主要展示太空鹅模型和场景，所以动画部分就是镜头和发射器特效。 ? ? 火箭发射效果使用C4D 插件TurbulenceFD ，下面是模拟参数： ? c. 假如没有使用AI降噪渲染上面这个场景，采样需要调到3000左右才能达到100采样AI降噪的效果，3000左右采样渲染时间为2-3分钟，AI降噪采样100就可以让场景没有噪点，100采样渲染时长为10s- 太空鹅联盟潮玩系列宣传片，我们尝试了新的工作流程，从动画渲染特效等技术到音乐制作，就像太空鹅设定一样我们对于设计的探索也从未停止脚步，未来我们会尝试设计更好玩更新潮用户体验设计。
1.2K81发布于 2019-12-12 - 来自专栏最新医学影像技术
医学图像处理案例（十一）——3D骨架提取算法
1、常见3D骨架提取算法 常见的两种图像细化方法有（1）、核滤波器，（2）、决策树。 决策树方法是迭代处理26邻域内中目标和背景体素所有可能的二进制组合，并在每次迭代时找到所有可删除的表面点，虽然该方法仅限于2D和3D，但却比形态滤波器运算速度快。 2、使用ITK函数来实现3D骨架提取算法 ITK的函数中只支持2D骨架提取算法，但有大牛写了基于ITK的3D骨架提取算法，C++源码下载请见原文链接。 该函数非常简单，只需要输入二值化的图像即可，输出是3D骨架图像。 骨架提取效果 如图所示是血管二值图像，图中红色点目标就是3D血管骨架结果。
5.3K20发布于 2020-06-29 - 来自专栏腾讯社交用户体验设计
高效收集管理3d动画资源方法
前言 3d动态设计近年在国内非常流行，设计师们都想尽办法提升自己的3d设计动态能力。3d能力的提升离不开两步，第一步3d技术习得，第二步眼界提升并灵活运用。 提升3d动态设计能力重点在于多看多练，多看关键是持续找到优秀的作品进行观看和学习，多练是需要把之前看到过的优秀作品下载下来进行拉片练习。 由于市场上能找到3d动态设计片子的平台较多，如有pinterest、behance、站cool、花瓣等这些比较知名的“全类平台”，但术业有专攻本文着重介绍动态设计，这个细分市场下的社区平台如vimeo、 vimeo视频社区 3d设计师动画素材聚集地，国内外的动态设计师设计作品基本都会在vimeo进行发布，甚至还能看到很多飞机稿、未加工过的毛片等。 Video Thumbnails Maker一键输出内容如下图，左动画右关键帧（并有时间点展示）非常实用。
1.8K20编辑于 2023-02-16 - 来自专栏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 整个例子的运行效果给我感觉就像这个社会各式各样的人生路
68210发布于 2018-06-05 - 来自专栏终身学习者
10 个最佳 CSS 动画库
Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能 1. 选择不同的动画 我们可以选择想要的动画类型（例如entrance/exist），除了可以选择某个动画（例如，scale-in）外，甚至还可以为该动画选择不同的展示效果（例如： scale-in-right 网站描述: Magic CSS3 Animations 是 CSS3 动画的包，伴有特殊的效果，用户可以自由的在 web 项目中使用。 ? 这个动画库有一些非常漂亮和流畅的动画，特别是3D的。 ** 用法 只需创建一个div元素，并添加动画的名称
10.CSShake 网站地址: https://elrumordelaluz.github shake','shake-hard') 使用 JQ $(".my-element").addClass("shake shake-hard")---- 原文：https://dev.to/weeb/102.1K10发布于 2020-08-04 - 来自专栏arXiv每日学术速递
ImgX-DiffSeg：基于 DDPMs 的 3D 医学图像分割
ImgX-DiffSeg：基于 DDPMs 的 3D 医学图像分割 前言 本篇文章继续解读医学图像 diffusion 系列，之前我们分别介绍过在自监督和有监督分割中的 diffusion 应用。 基于 diffusion adversarial representation learning 的血管分割 MedSegDiff：基于 Diffusion Probabilistic Model 的医学图像分割 而这次的《Importance of Aligning Training Strategy with Evaluation for Diffusion Models in 3D Multiclass Segmentation》这篇文章并不是一种新的 diffusion 应用，而是对训练和推理策略进行优化，并适应 3D 的医学图像分割任务，参考链接在文末。 实验 实验分别基于 MRI 和 CT 图像数据集， 值得注意的是，ImgX-DiffSeg 在 3D 上的表现是好于 2D 数据集的，如下表所示。
1K40编辑于 2023-08-26 - 来自专栏grain先森
前端-10款web动画插件
因为用上了一些CSS3的动画属性，所以这个超链接图片弹出动画有很多种，你也可以自己尝试定义一些新的动画效果。 ? 加载动画就是通过简单的这方形叠加形成的动画。 今天给大家带来另外一款模拟谷歌的纯CSS3 Loading加载动画，一共有6种动画效果。 ? 这次我们同样再分享一款基于HTML5 Canvas的爱心表白动画特效，从视觉上看，它也是一个爱心轮廓，但是不同的是这个爱心轮廓由许多跳动的小爱心组成，更加有一种3D立体的效果，程序员的你就拿去用吧。 10.CSS3深色背景的垂直手风琴菜单 手风琴菜单我们已经分享过很多了，特别是垂直手风琴菜单更为常见，比如这款jQuery手风琴样式的多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。
8K50发布于 2019-03-29 - 来自专栏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 - 来自专栏最新医学影像技术
VT-UNet——基于transformer的医学3D分割网络
提出的设计是一个计算效率高的模型，在医学分割十项全能 (MSD) 脑肿瘤分割 (BraTS) 任务上具有竞争力和有希望的结果。进一步表明，对数据损坏的情况我们的模型学习到的表示是具有鲁棒性的。 VT编码器由 3D补丁分区层和线性嵌入层组成，3D补丁合并层后跟着两个连续的VT编码器块。 a、3D补丁分区。基于Transformer的模型使用一系列标记。 VT-UNet的第一个块接受D × H × W × C维医学体数据（例如 MRI），并通过将3D体积拆分为不重叠的3D块来创建一组标记（见图 b)。 网络瓶颈层由VT-Enc-Blk和3D补丁扩展层组成，VT解码器从连续的VT解码器块(VT-Dec-Blks)、3D补丁扩展层和以产生最终预测的分类器组成。 a、3D补丁扩展。 三、结论 (1)、从序列到序列的角度重新制定了体分割，并提出了一种用于多模态医学图像分割的UNet形状体Transformer。
3K20编辑于 2023-09-20 - 来自专栏GiantPandaCV
ImgX-DiffSeg：基于 DDPMs 的 3D 医学图像分割
ImgX-DiffSeg：基于 DDPMs 的 3D 医学图像分割 本篇文章继续解读医学图像 diffusion 系列，之前我们分别介绍过在自监督和有监督分割中的 diffusion 应用。 基于 diffusion adversarial representation learning 的血管分割 MedSegDiff：基于 Diffusion Probabilistic Model 的医学图像分割 而这次的《Importance of Aligning Training Strategy with Evaluation for Diffusion Models in 3D Multiclass Segmentation》这篇文章并不是一种新的 diffusion 应用，而是对训练和推理策略进行优化，并适应 3D 的医学图像分割任务，参考链接在文末。 实验 实验分别基于 MRI 和 CT 图像数据集， 值得注意的是，ImgX-DiffSeg 在 3D 上的表现是好于 2D 数据集的，如下表所示。
76950编辑于 2023-08-25 - 来自专栏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 - 来自专栏柠檬先生
css3 3d变换和动画——回顾
preserve-3d 表示所在元素在3D空间中呈现。 2.perspective 定义3D元素距视图的距离，以像素计，当为元素定义perspective 属性时，其子元素获得透视效果，而不是元素本身 语法：perspective: number | 3.perspective-origin 属性定义3D元素所基于的X轴和Y轴，该属性允许您改变3D 元素的底部位置，定义的这个属性，它是一个元素的子元素，透视图，而不是元素本身。 ，也就是我们前面keyframes定义的动画名*/ -webkit-animation-duration: 10s;/*动画持续时间*/ -webkit-animation-timing-function */ -webkit-animation-iteration-count: 10;/*定义循环资料，infinite为无限次*/ -webkit-animation-direction
1K70发布于 2018-01-22 - 来自专栏我爱计算机视觉
机器视觉在 3D 动画中的应用
在运动图片和视频游戏中进行了大量的摄影测量，以生成纹理结构的、测量体积的3D扫描，可对扫描执行操纵和动画处理以实现运动。 虽然这种静态的摄影测量可生成非常真实的静态3D图像，但它依赖于对单个纹理地图执行和后期动画处理，而这会在对扫描进行动画处理时产生问题。 例如，人脸和织物等复杂表面的运动看起来就不太自然。 传统的摄影测量是瞬间性的，需要重新进行动画处理。但是在《攻壳机动队》的电影中，观众就体验到了完美的运动3D图像，这是如何做到的呢？ ? FLIR Grasshopper的自动同步功能确保所有相机快门完美计时，这在运动摄影测量装备正确运行方面起到了至关重要的作用，同时设备中会记录所有演员的表演，以便制作电影的3D动画。 ? 现实中捕捉摄影测量软件用于创造序列化3D模型，以便将摄影测量扫描制作成规模和源保持一致的动画运动序列。每一帧都是一个全新的3D模型，但具有不同的纹理。
1.1K20发布于 2021-03-26 前端|3D立体视频翻转动画
基本介绍 HTML5 3D立方体翻转动画特效是一款基于TweenMax制作多张图片拼接的3D立方体正方形旋转动画特效。 ? 图1.1 效果图 思路分析 制作3D立体视频翻转动画网页时，主要用到以下方法： 1、使用animation: rotate linear ns infinite属性来设置动画播放样式：动画对象，播放速度 2、使用transform属性向元素应用2D或者3D转换。 */ transform: rotateX(-10deg)rotateY(45deg); animation: move 4s linear infinite;/ *复合方式设置动画 ：动画名 执行一次时间 执行方式 使动画永远的执行下去*/ } （3）修饰小方块的六个面和它的视频大小位置。
1.4K20发布于 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.2K20编辑于 2023-02-15
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号