- 综合排序
- 最热优先
- 最新优先
- 来自专栏河湾欢儿的专栏
3d魔方动画
.son div:nth-child(1){ animation: 1s move1 both; } .son div:nth-child(2) { animation: 1s move2 1s both; } .son div:nth-child(3){ animation : 1s move3 2s both; } .son div:nth-child(4){ animation: 1s move4 3s both; bottom; transform: rotateX(-90deg); } } @keyframes move2 /style> </head> <body>
12<84320发布于 2018-09-06来自专栏python33D盒子动画
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 warpper">
12<82520发布于 2020-01-14来自专栏音视频技术学习笔记opengl入门-坐标系统（2）单model 3D动画
1.gif 坐标系统（1）记录了基本的坐标变换的过程，这篇记录从二维到三维生成一个3D动效的代码实现。 } stbi_image_free(data); // texture 2 // --------- glGenTextures(1, &texture2); glBindTexture (GL_TEXTURE_2D, texture2); // set the texture wrapping parameters glTexParameteri(GL_TEXTURE_ 2D, GL_TEXTURE_WRAP_S, GL_REPEAT); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); , texture1); glActiveTexture(GL_TEXTURE1); glBindTexture(GL_TEXTURE_2D, texture2);
96110发布于 2020-06-11来自专栏三流程序员的挣扎Android 动画总结(2) - 帧动画
drawable="@color/color1" android:duration="200" /> <item android:drawable="@color/color<em>2</em>" > <resources> <color name="color1">#FF3030</color> <color name="color<em>2</em>">#FF4500</color> < 然后代码控制播放，实际运行发现既可以作为 Background 也可以作为 Resource，都可以启动动画。 : AnimationDrawable = image.drawable as AnimationDrawable animDrawable.stop() // 停止动画 animDrawable2.start 帧动画
1.6K20发布于 2018-09-11来自专栏flutter开发者Flutter动画【2】
前言 在上次的文章中我们学习了Tween动画的用法，我们也一块看了下AnimatedBuilder和AnimatedWidget的用法，通过Tween动画结合相应的Wdiget属性我们可以做出我们想要的效果 根据我们的值来做动画效果并且作用到相应的属性上。 AnimatedOpacity 接下来我们来看下改变透明度的动画Widget，可以child根据设置的时间和动画范围改变透明度。 依旧来看代码吧： 上面的代码类似，我们在Column的第一个元素上放置了一个AnimatedOpacity，指定动画的插值器类型为线性的，指定动画时长为3秒，透明度的最小值为0.0。 小结 使用系统提供的AnimationWidgets可以很方便的实现Widget的动画效果，在做一些简单的动画时还是非常有用的。
2.3K40发布于 2018-10-16来自专栏programAndroid动画系列(2)—补间动画
实际上，Android 的补间动画也是由我们指定动画开始、动画结束2个关键点，中间部分的动画由系统完成。 补间动画又叫View动画。上一章的帧动画和补间动画都属于视图动画。 ：在动画开始、结束的地方改变速度较慢，中间时加速 CycleInterpolator：动画循环播放特定次数，变化速度按正弦曲线改变： Math.sin(2 * mCycles * Math.PI * input ScaleAnimation scaleAnimation = new ScaleAnimation(0.5f, 2, 0.1f, 3, Animation.RELATIVE_TO_SELF, 0.5f alphaAnimation = new AlphaAnimation(0, 1); scaleAnimation = new ScaleAnimation(0.5f, 2, 总体来说，第一一个子元素延迟150ms开始播放入场动画，第2个子元素延迟300ms开始播放入场动画，依次类推。--> <!
1.2K20编辑于 2022-06-29来自专栏腾讯社交用户体验设计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来自专栏一“技”之长Cocos2d-x-v3中3D网格特效动画的应用
Cocos2d-x-v3中3D网格特效动画的应用 一、网格特效的使用原理 基础的动作是对节点整体进行移动，变形等操作，网格特效的原理是将节点分割成多个尺寸相同的网格，根据改变每个网格块的属性使整体节点产生 3D的效果。 /2+origin.x, visibleSize.height/2+origin.y)); //创建网格特效包装类 NodeGrid * nodeg = NodeGrid::create static Waves3D* create(float duration, const Size& gridSize, unsigned int waves, float amplitude); 创建波浪3D position, float radius); 创建镜头的3D效果，参数为：执行时间，网格大小，镜头中心，镜头半径 static Ripple3D* create(float duration, const
80320发布于 2018-08-16来自专栏葬爱家族Android高级动画（2）
一张小小的Logo都能2M，于是jpg，png这些压缩格式就出现了，优秀的压缩算法极大地减少了图片体积。 不管你的压缩算法有所优秀，位图有2个天生的缺点无法避免： （1）图片放大会失真 （2）图片尺寸越大，体积越大 不管是做Android开发还是IOS开发，我们都需要适配不同分辨率的手机，也就意味着同一个 y2（Q10，20，30，40） C：三次贝塞尔曲线，参数x1，y1，x2，y2，x3，y3（C10，20，30，40，50， 60） Z：连接首尾，闭合曲线，无参数 掌握以上这些基本命令之后，我们基本上就可以画出 靓仔2 animated-selector登场。 selector我们大家都很熟悉了，用于一个按钮的点击效果。 （2）两个item是vector类型，定义要显示的path。
2K20发布于 2018-09-05来自专栏腾讯社交用户体验设计高效收集管理3d动画资源方法
前言 3d动态设计近年在国内非常流行，设计师们都想尽办法提升自己的3d设计动态能力。3d能力的提升离不开两步，第一步3d技术习得，第二步眼界提升并灵活运用。 提升3d动态设计能力重点在于多看多练，多看关键是持续找到优秀的作品进行观看和学习，多练是需要把之前看到过的优秀作品下载下来进行拉片练习。 vimeo视频社区 3d设计师动画素材聚集地，国内外的动态设计师设计作品基本都会在vimeo进行发布，甚至还能看到很多飞机稿、未加工过的毛片等。 hl=zh-CN 下载vimeo流媒体的软件chrome平台 2、idm流媒体下载器 https://www.idmchina.net/ 能自由下载所有流媒体的软件windows平台 3、idm代替品 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来自专栏arXiv每日学术速递ImgX-DiffSeg：基于 DDPMs 的 3D 医学图像分割
ImgX-DiffSeg：基于 DDPMs 的 3D 医学图像分割 前言 本篇文章继续解读医学图像 diffusion 系列，之前我们分别介绍过在自监督和有监督分割中的 diffusion 应用。 基于 diffusion adversarial representation learning 的血管分割 MedSegDiff：基于 Diffusion Probabilistic Model 的医学图像分割 Segmentation》这篇文章并不是一种新的 diffusion 应用，而是对训练和推理策略进行优化，并适应 3D 的医学图像分割任务，参考链接在文末。 2 . 实验 实验分别基于 MRI 和 CT 图像数据集， 值得注意的是，ImgX-DiffSeg 在 3D 上的表现是好于 2D 数据集的，如下表所示。
1K40编辑于 2023-08-26来自专栏APP自动化测试使用CATransformLayer制作3D图像和动画
之前我们讲过可以用CALayer搭配CATransform3D来实现将View做3D旋转, 今天我们再看一个3D的新东西 CATransformLayer, 看名字就知道这个layer跟旋转有关, 那么具体是什么呢 他其实是作为一个容器, 我们可以往里面添加其他的CALayer 比如我们要创建一个3D效果的立方体, ? 可以先创建一个CATransformlayer容器, 正方体的6个面我们以3D旋转后的Layer表示, 加入到容器中, 调整好每个面的角度和位置让他们拼接再一起就是一个正方体了 我们上代码吧 - (void cube face 3 ct = CATransform3DMakeTranslation(0, -50, 0); ct = CATransform3DRotate(ct, M_PI_2, green blue:blue alpha:1.0].CGColor; face.transform = transform; return face; } @end 我们可以再给容器一个旋转动画
1.4K51发布于 2019-10-15来自专栏GiantPandaCVImgX-DiffSeg：基于 DDPMs 的 3D 医学图像分割
ImgX-DiffSeg：基于 DDPMs 的 3D 医学图像分割 本篇文章继续解读医学图像 diffusion 系列，之前我们分别介绍过在自监督和有监督分割中的 diffusion 应用。 基于 diffusion adversarial representation learning 的血管分割 MedSegDiff：基于 Diffusion Probabilistic Model 的医学图像分割 Segmentation》这篇文章并不是一种新的 diffusion 应用，而是对训练和推理策略进行优化，并适应 3D 的医学图像分割任务，参考链接在文末。 2 . 实验 实验分别基于 MRI 和 CT 图像数据集， 值得注意的是，ImgX-DiffSeg 在 3D 上的表现是好于 2D 数据集的，如下表所示。
76950编辑于 2023-08-25来自专栏最新医学影像技术VT-UNet——基于transformer的医学3D分割网络
提出的设计是一个计算效率高的模型，在医学分割十项全能 (MSD) 脑肿瘤分割 (BraTS) 任务上具有竞争力和有希望的结果。进一步表明，对数据损坏的情况我们的模型学习到的表示是具有鲁棒性的。 VT-UNet的第一个块接受D × H × W × C维医学体数据（例如 MRI），并通过将3D体积拆分为不重叠的3D块来创建一组标记（见图 b)。 VT-W-MSA和VT-SW-MSA都采用带窗的注意层，然后跟着2层多层感知器 (MLP)，其中间使用非线性的高斯误差线性单元 (GELU)。 在重塑之后，可以从维数为2×8C的结果向量中获得维数为4C的2×2个标记。再沿空间轴重塑，对于D/4×H/32×W/32×8C，创建D/4×H/16×W/16×4C标记。 b、VT 解码器块。 三、结论 (1)、从序列到序列的角度重新制定了体分割，并提出了一种用于多模态医学图像分割的UNet形状体Transformer。
3K20编辑于 2023-09-20来自专栏tea9的博客android-属性动画2
yegongheng/article/details/38435553 #######ObjectAnimator ofFloat 对象 ，属性名（对象存在get set的属性） ，变化的范围 一组属性动画 (); //y坐标变换 ObjectAnimator.ofFloat(imageView,"translationY",0f,200f).setDuration(1000).start(); 一组属性动画 p3).setDuration(1000).start(); 用AnimatorSet 执行一组动画 可以设置执行顺序 ObjectAnimator oa1=ObjectAnimator.ofFloat oa3); //依次执行 //set.playSequentially(oa1,oa2,oa3); //3 2一起执行 set.play(oa2).with(oa3); //执行完 2在执行1 set.play (oa1).after(oa2); set.setDuration(1000); set.start(); ---- #######动画的监听 （监听动画的开始 结束 取消 …） ObjectAnimator
49040编辑于 2022-07-16来自专栏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 定义元素在不面对屏幕时是否可见。 .m-courseList { transform-style: preserve-3d; } preserve-3d是透视属性，有了这个用户看到的效果才有空间感，没有的话看到的效果就和2d 3 animation-delay 规定动画何时开始。默认是 0。 3 animation-iteration-count 规定动画被播放的次数。默认是 1。
2.4K60发布于 2017-12-29来自专栏思考是一种快乐matplotlib动画入门(2):第一个动画
,纵坐标显示的空间是(-2,2) ax = plt.axes(xlim=(0, 2), ylim=(-2, 2)) #创建一个图(plot),初始横坐标纵坐标都是空，linewidth=2 line, = ax.plot([], [], lw=2) #初始化函数，会被FuncAnimation调用 def init(): line.set_data([], []) return line, # 动画函数，每一帧都会调用此函数，i为帧号. def animate(i): #返回一个ndarray数组,起始为0，终止为2,100个元素。 x = np.linspace(0, 2, 100) #计算y值 y = np.sin(2 * np.pi * (x - 0.01 * i)) line.set_data(x, y) return line, ''' 执行动画 fig: call the animator.
93910发布于 2019-09-23来自专栏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 定义元素在不面对屏幕时是否可见。 .m-courseList { transform-style: preserve-3d; } preserve-3d是透视属性，有了这个用户看到的效果才有空间感，没有的话看到的效果就和2d
2K11发布于 2019-12-03腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号