首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏python3

    3D盒子动画

    3D盒子动画 素材: 正方形图片若干 ? ? ? ? ? ? doctype html> <html lang="en">  <head>   <meta charset="UTF-<em>8</em>">   <meta name="Generator" content="EditPlus 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
  • 来自专栏河湾欢儿的专栏

    3d魔方动画

    DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-<em>8</em>"> <title></title> <style>

    84620发布于 2018-09-06
  • 来自专栏三流程序员的挣扎

    Android 动画总结(8) - Activity 转场动画

    xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"?

    4.1K21发布于 2018-09-11
  • 来自专栏学习/读书笔记

    《Flutter》-- 8.动画

    参阅书籍: 《Flutter跨平台开发入门与实践》-- 向治洪(著) 8. 动画 8.1 动画基础 不管是什么视图框架,动画的实现原理都是相同的,即在一段时限的时间内,多次、快速地改变视图外观来实现连续播放的效果。 ,必须正向动画播放完成后才有效; 5)repeat():循环播放动画; 6)dispose():销毁动画,释放动画占用资源。 在Flutter中,渐变、平移、缩放和旋转动画都属于基础动画,如果要实现一些复杂的动画效果,可以把这些基础动画组合起来形成一个动画序列或重叠动画,Flutter将这些动画序列或重叠动画称为交错动画。 在Flutter开发中,使用交错动画需要满足以下几点: 1)创建交错动画时需要创建多个动画对象; 2)一个AnimationController动画控制器控制所有的动画对象; 3)给每一个动画对象指定时间间隔

    1.7K30编辑于 2022-04-07
  • 来自专栏镁客网

    文远知行获新一轮融资,投后估值33亿美元|镁客网每周硬科技领域投融资汇总(5.9-5.14)

    小K动捕是云舶科技自主研发的具有开创性的新型AI视频动捕技术,是人工智能和游戏制作相关技术的深度结合,小K网正是以这一新型技术打造的为专业动画师和动画爱好者服务的AI平台。 Oncocross是一家韩国AI药物研发商,应用AI平台技术探索新药候选物质及在研药物中寻找新适应症的新药,主要定位于进入临床阶段的新药候选物质,或者已上市销售安全性已获得认证的药物等领域,与该领域的制药企业进行合作 艾美斐 艾美斐完成2亿元A轮融资,由专注于创新药投资的专业机构领承投、君实生物联合领投,新丝路金控跟投。 艾美斐是一家专注于新药创制的高新技术企业,公司聚焦于恶性肿瘤、自身免疫性、神经退行性等重大疾病,从免疫调节等环节入手开展新药研发。 交大高能是一家动力电池数字化3D打印解决方案提供商,由西安交大长春3D打印创新中心孵化而来,公司拥有电极创新设计和复合材料微纳打印等核心技术,面向全球电池制造企业提供数字化3D打印整体解决方案,是3D打印电池技术的导企业

    1.1K20发布于 2021-06-08
  • 来自专栏腾讯社交用户体验设计

    3D动画片设计揭秘

    动画 本片并没有太多角色动画,设定是主要展示太空鹅模型和场景,所以动画部分就是镜头和发射器特效。 ? ? 火箭发射效果使用C4D 插件TurbulenceFD ,下面是模拟参数: ? c. 太空鹅联盟潮玩系列宣传片,我们尝试了新的工作流程,从动画渲染特效等技术到音乐制作,就像太空鹅设定一样我们对于设计的探索也从未停止脚步,未来我们会尝试设计更好玩更新潮用户体验设计。

    1.2K81发布于 2019-12-12
  • 来自专栏腾讯社交用户体验设计

    高效收集管理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 整个例子的运行效果给我感觉就像这个社会各式各样的人生路

    68310发布于 2018-06-05
  • 来自专栏DrugOne

    . | 基于原子、键协同扩散和性质引导的3D分子生成模型

    近日,华东师范大学药学院/人工智能新药智中心李洪林教授团队在 Nature Communications 期刊发表论文 “Target-aware 3D molecular generation 新一代3D分子生成模型的挑战 近年来,基于深度学习的3D分子生成模型在SBDD中展现出巨大潜力,但仍面临以下挑战: (1). 华东师范大学药学院/人工智能新药智中心胡乔宇副研究员、上海临港实验室孙长志博士、华东师范大学药学院/人工智能新药智中心贺欢副研究员、华东师范大学计算机科学与技术学院博士生徐嘉政、华东师范大学药学院/ 人工智能新药智中心刘旦麟博士后为本文共同第一作者,华东师范大学药学院/人工智能新药智中心李洪林教授为本文的最后通讯作者。 该文章代码已开源: https://github.com/QiaoyuHu89/DiffGui 供稿:胡乔宇/徐嘉政 校稿:汤荣凡 华东师范大学药学院/人工智能新药智中心/李洪林教授课题组

    81310编辑于 2025-09-02
  • 来自专栏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
  • 来自专栏路过君BLOG from CSDN

    vue2 笔记8动画

    -- 使用transition标签,会在动画的对应阶段给包裹的元素添加、删除相应的样式 --> <! -- 控制多个元素动画,必须使用transition-group标签,且每个元素必须包含key --> <! v-enter-active, .v-leave-active { transition: 1s; } /*命名动画,样式名前缀v改为对应transition.name*/ /*以动画实现*/ / -- 转换名固定写animate__animated animate__bounce,作为动画样式的前缀--> <! -- 动画对应阶段使用对应属性(enter-active-class...)指定的名称作为动画样式的后缀 --> <transition name="animate__animated

    51820编辑于 2022-04-13
  • 来自专栏柠檬先生

    css3 3d变换和动画——回顾

    preserve-3d 表示所在元素在3D空间中呈现。 2.perspective  定义3D元素距视图的距离,以像素计,当为元素定义perspective 属性时,其子元素获得透视效果,而不是元素本身   语法:perspective: number | 3.perspective-origin   属性定义3D元素所基于的X轴和Y轴,该属性允许您改变3D 元素的底部位置,定义的这个属性,它是一个元素的子元素,透视图,而不是元素本身。    他们的作用就类似于我们的音乐播放器一样,可以通过paused将正在播放的动画停下了,也可以通过running将暂停的动画重新播放,         我们这里的重新播放不一定是从元素动画的开始播放,而是从你暂停的那个位置开始播放 动画已暂停           running 动画正在播放 demo下载https://github.com/ningmengxs/css3.git

    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
  • 前端|3D立体视频翻转动画

    基本介绍 HTML5 3D立方体翻转动画特效是一款基于TweenMax制作多张图片拼接的3D立方体正方形旋转动画特效。 ? 图1.1 效果图 思路分析 制作3D立体视频翻转动画网页时,主要用到以下方法: 1、使用animation: rotate linear ns infinite属性来设置动画播放样式:动画对象,播放速度 2、使用transform属性向元素应用2D或者3D转换。 :动画名 执行一次时间 执行方式 使动画永远的执行下去*/ } (3)修饰小方块的六个面和它的视频大小位置。 ,设置动画旋转效果(@keyframe效果:实现动画效果;使用方法:@keyframe 后+动画名{from:初始状态;to:末状态})。

    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
  • 来自专栏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
  • 来自专栏图形学与OpenGL

    实验8 OpenGL太阳系动画

    1.实验目的: 熟悉颜色缓存、深度缓存、模板缓存、累计缓存的内容,掌握缓存清除的方法; 建立太阳、地球、月亮的运动模型; 利用双缓存技术,用动画方式显示模型,加深读者对几何变换、投影变换以及观察变换的理解 2.实验内容:   模拟简单的太阳系,如图A.8所示。太阳在中心,地球每365天绕太阳转一周,月球每年绕地球转12周。另外,地球每天24个小时绕它自己的轴旋转。 ? 图A.8 太阳系动画 3.实验原理: (1)主要用三维平移变换、旋转变换实现太阳、地球、月亮的相对运动。   本节实验绘制了一个简单的太阳系。 (2)利用双缓存技术实现动画效果。   双缓存技术能在一个屏幕之外的缓冲区内进行渲染,再用交换命令把图形放到屏幕上。 双缓存技术的主要用途是: ①有些复杂图形绘制时间较长,但不需要显示绘制图形的所有步骤,只有整幅图像绘制完之后,才将其置于屏幕上; ②用于制作动画动画中每一帧都再画面外缓冲区绘制,绘制完之后再交换到屏幕上

    2.8K11发布于 2020-10-27
  • 来自专栏用户8739586的专栏

    云图智|关于3D打印应该如何添加支撑

    因此,合理设置支撑结构是打印复杂3D模型中一个非常重要的方面。 今天云图智跟大家分享一下,在3D打印技术过程中的支撑,我们可能会忽略的几点内容。 2、3D打印支撑结构增加了打印持续时间 3D打印支撑构造也增加了打印持续时间,因为必需打印更多的东西。 3、3D打印支撑结构添加了后期处理工作 3D打印支撑构造不是模型的一部分。 如果在去除3D打印支撑构造时不小心,它们可能会在模型表面留下瑕疵。在最坏的情况下,部分模型可能会与3D打印支撑构造一起中断。 总而言之,使用3D打印支撑构造存在重大缺陷。 易于去除的支撑类型 1、3D打印支撑结构可拆卸的3D打印支撑结构 具有一个挤出的打印机默认使用3D打印支撑构造。 如果你有一台挤出器,那你必需使用打印模型的相同材料来打印3D打印支撑构造。 3D打印应该如何添加支撑 最后,我们强调一下,尽量减少3D打印支撑构造的使用。

    1.9K40发布于 2021-11-11
  • 来自专栏APP自动化测试

    用CATransform3D实现3D效果和制作简单3D动画

    CATransform3D; 可以看到CATransform3D是一个4 * 4结构体, 另外它还有一个弟弟CGAffineTransform是 3 * 3结构体 他们的区别看名字就很明显, CATransform3D是做3D 这里需要注意的是M34的赋值一定要写在矩阵变换前面 可以再用BasicAnimation来实现3D动画, 用关键字: Transform CABasicAnimation *animation = [CABasicAnimation

    1K40发布于 2019-10-15
领券