首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏算法与编程之美

    前端|3D立体视频翻转动画

    基本介绍 HTML5 3D立方体翻转动画特效是一款基于TweenMax制作多张图片拼接的3D立方体正方形旋转动画特效。 ? 图1.1 效果图 思路分析 制作3D立体视频翻转动画网页时,主要用到以下方法: 1、使用animation: rotate linear ns infinite属性来设置动画播放样式:动画对象,播放速度 在立方体容器里面创建小立方体,并插入视频,让视频自动播放(autoplay:自动播放;loop:循环播放;muted:静音)。 ,将视频整体居中,调整视距为800。 :动画名 执行一次时间 执行方式 使动画永远的执行下去*/ } (3)修饰小方块的六个面和它的视频大小位置。

    1.3K20发布于 2020-07-28
  • 来自专栏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

    73020发布于 2020-01-14
  • 来自专栏河湾欢儿的专栏

    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

    72820发布于 2018-09-06
  • 来自专栏javafx框架tornadofx

    来点学术的,求PI值动画

    .* class MyApp : App(蒙特卡洛算法求Pi::class) class 蒙特卡洛算法求Pi : View("learn 蒙特卡洛算法") { // 动画计时器 :${numPoint.value} -- 圆内点数:${numPointInCircle.value} -- Pi估计值: ${piEstimate} " } //动画

    88350发布于 2019-09-27
  • 来自专栏ACM算法日常

    单调栈入门+动画视频

    视频解说 上面这个图已经很清楚了,不过最近dansen找到了一个做动画的软件manim,顺便用这个题目练练手,下面这个是视频动画。 这个特性对于某些场景很好用,性能复杂度,后面还有很多题目会继续深入讲解,然后也会使用图片和视频的方式,如果你觉得不错就点个赞吧,所有的资源(本题解、源码、图片drawio源码、视频manim源码)都会上传到咱公众号的

    95610发布于 2021-04-01
  • 来自专栏Diuut

    视频转换字符画动画

    本想着按照自己的思路,不用网上的集成工具生成动态字符画视频。结果搞了3天,发觉还是能力有限,就先搁置在这吧,等到哪天回头再来。 最开始视频转换因为曾经用过类似的工具,直接使用格式工厂就转了,然后视频导出成图片序列又因为对pr有点印象,知道有这个功能,也直接将一分多钟的视频输出成1000多张的图片。

    1.3K20编辑于 2022-11-22
  • 来自专栏腾讯社交用户体验设计

    3D动画片设计揭秘

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

    1.1K81发布于 2019-12-12
  • 来自专栏算法无遗策

    视频动画 | 什么是希尔排序?

    对这5组分别进行直接插入排序,在代码的进行中,它们都是穿插的进行直接插入排序,待会在下面视频动画可以看到。 (在做动画的过程中,中间出错了一个元素交换,已修正,播放的时候中间部分动作会有点赶)。 视频动画:希尔排序交换法 http://mpvideo.qpic.cn/0af26lgkzqzvodyob4bamdihamavpvxc4qxlo7l6aigqmdylbmga.f10002.mp4? 视频动画:希尔排序移动法 http://mpvideo.qpic.cn/0af2yc77ymzf4aalbqfqsaidbuhftvpe5ms3pq36byeqmdiibudq.f10002.mp4? ——END—— 推荐阅读: 视频动画 | 什么是插入排序? 视频动画 | 什么是冒泡排序? 视频动画 | 什么是快速排序? 视频动画 | 什么是鸡尾酒排序?

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

    高效收集管理3d动画资源方法

    前言 3d动态设计近年在国内非常流行,设计师们都想尽办法提升自己的3d设计动态能力。3d能力的提升离不开两步,第一步3d技术习得,第二步眼界提升并灵活运用。 提升3d动态设计能力重点在于多看多练,多看关键是持续找到优秀的作品进行观看和学习,多练是需要把之前看到过的优秀作品下载下来进行拉片练习。 vimeo视频社区 3d设计师动画素材聚集地,国内外的动态设计师设计作品基本都会在vimeo进行发布,甚至还能看到很多飞机稿、未加工过的毛片等。 Video Thumbnails Maker 是一款能帮助你把视频变成视频+截图自动化输出的软件。 Video Thumbnails Maker一键输出内容如下图,左动画右关键帧(并有时间点展示)非常实用。

    1.7K20编辑于 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 整个例子的运行效果给我感觉就像这个社会各式各样的人生路

    58610发布于 2018-06-05
  • 来自专栏算法无遗策

    视频动画 | 什么是选择排序?

    视频动画:简单选择排序 http://mpvideo.qpic.cn/0af2x4s5yi2vibypaugakailaehvrvptbfddqhidayaagdabaeeq.f10002.mp4? 6, 8, 9, 7] 下标6,8已交换[1, 2, 3, 4, 5, 6, 7, 9, 8] 下标7,8已交换[1, 2, 3, 4, 5, 6, 7, 8, 9] ——END—— 推荐阅读: 视频动画 视频动画 | 什么是希尔排序? 视频动画 | 什么是插入排序?

    71230发布于 2019-12-23
  • 来自专栏算法无遗策

    视频动画 | 什么是快速排序?

    视频动画 http://mpvideo.qpic.cn/0af2tmadya5vgdaabyfamciibigv3w7fqftgq3hwamhqadqoayga.f10002.mp4? 优化不必要的交换 回到基本的快速排序算法,回顾上面的视频动画。我们可以发现,这其中发生了不必要的移动方式。 我们最终要求一趟选的枢轴值,大的数在它的右边,小的数在它左边。 视频动画 http://mpvideo.qpic.cn/0af2twnwyu7f6bifaegqibicaqcvvxpgqnvg7l5mauaqebihbefq.f10002.mp4? ——END—— 推荐阅读: 视频动画 | 冒泡排序只是简单的冒泡排序吗?

    79310发布于 2019-12-23
  • 来自专栏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.1K51发布于 2019-10-15
  • 来自专栏全栈程序员必看

    3D视频编码(3d打印技术介绍)

    图中所有输入的视频图像和深度图像是同一时刻,不同拍摄位置的场景,这些图像组成一个存取层。在同一个存取层中,首先对独立视点(基准视点)编码,接着是该视点的深度图,再编码其他视点视频图像和深度图。 原理上来说,每个视点的图像,包括视频图像和深度图像,均可以利用HEVC编码框架进行编码,输入的所有比特流复合形成3D比特流。 非独立视点编码技术 3D-HEVC在编码非独立视点时,除了使用独立视点编码所用的所有工具外,还用到了HEVC关于3D扩展的编码技术,使其更有利于多视点的编码。 视点间运动预测 多视点视频是在同一时刻同一场景下,多个camera从不同角度拍摄的视频,不同视点呈现的物体运动具有相似性。因此可以利用同一时刻已编码视点的运动信息来预测当前视点的运动信息。 深度图编码 一般而言,所有用于视频图像的编码技术均可用作深度图编码,但是HEVC的设计目的是视频序列编码最优,对深度图的编码并不是最优。

    1.6K10编辑于 2022-07-29
  • 腾讯混元大模型:AIGC驱动产业创新的多模态引擎

    它不仅是文本、图像、视频3D内容的生成工具,更是驱动产业智能化升级的核心引擎。以下从三个关键方向,结合典型案例,剖析其实际落地价值。 多模态合成: 将生成的文本、图像、动图、语音(TTS)自动编排成标准化的互动课件或短视频。 (示意图展示:知识点输入 -> 图文动课件自动生成流程)三、企业级Agent应用:医药代表智能合规助手 医药行业推广面临严格的合规监管与海量产品知识挑战。 合规话术生成: 根据医生画像、沟通场景(如初次拜访、学术答疑),实时生成精准、合规的产品介绍话术与答疑要点,规避敏感词。 (示意图展示:医生沟通场景输入 -> 合规话术建议与报告生成)结语: 腾讯混元大模型通过深耕“生文、生图、生视频、生3D”的基础能力,支撑“营销、教育、办公、文旅”等场景的多模态协同创新,并最终在

    1.8K20编辑于 2025-09-24
  • 来自专栏柠檬先生

    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

    87870发布于 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。

    1.7K11发布于 2019-12-03
  • 来自专栏我爱计算机视觉

    机器视觉在 3D 动画中的应用

    在运动图片和视频游戏中进行了大量的摄影测量,以生成纹理结构的、测量体积的3D扫描,可对扫描执行操纵和动画处理以实现运动。 虽然这种静态的摄影测量可生成非常真实的静态3D图像,但它依赖于对单个纹理地图执行和后期动画处理,而这会在对扫描进行动画处理时产生问题。 例如,人脸和织物等复杂表面的运动看起来就不太自然。 传统的摄影测量是瞬间性的,需要重新进行动画处理。但是在《攻壳机动队》的电影中,观众就体验到了完美的运动3D图像,这是如何做到的呢? ? FLIR Grasshopper的自动同步功能确保所有相机快门完美计时,这在运动摄影测量装备正确运行方面起到了至关重要的作用,同时设备中会记录所有演员的表演,以便制作电影的3D动画。 ? 现实中捕捉摄影测量软件用于创造序列化3D模型,以便将摄影测量扫描制作成规模和源保持一致的动画运动序列。每一帧都是一个全新的3D模型,但具有不同的纹理。

    95920发布于 2021-03-26
  • 来自专栏AI算法能力提高班

    MegActor | 视频驱动的肖像动画生成

    ⚡[AIGC服务] MegActor | 视频驱动的肖像动画生成 通过原始视频驱动图像,生成肖像动画。即给定一个肖像视频A和一张肖像图像B,即可生成A驱动B的肖像动画。 先睹为快 内容简介 MegActor 是一款无中间表示的肖像动画师,它使用原始视频而不是中间特征作为驱动因素来生成逼真生动的头像视频。 方法总结 背景与挑战 原始驱动视频(raw driving videos)包含比传统肖像动画领域中使用的中间表示(如面部标记)更丰富的面部表情信息,但很少作为研究对象。 贡献与未来工作 提出了一种新颖的原始驱动视频控制的肖像动画方法,有效提高了动作一致性并减少了身份泄露问题。 增强了对原始驱动视频中无关信息的鲁棒性,通过参考图像的风格化增强了模型的鲁棒性。 个性化内容创作: 允许用户生成具有个性化特征的动画内容,用于个人娱乐或内容分享。 实时视频会议: 在视频会议中使用动画肖像代替真实视频,提供隐私保护或增强表达能力。

    82310编辑于 2024-06-14
  • 来自专栏Mac资源随时更新

    KeyShot Pro,3D动画渲染制作工具

    KeyShot Pro Mac版是一款强大的3D动画渲染制作工具,使用它可以简化3d渲染和动画制作流程,并且提供最准确的材质及光线,渲染效果更加真实! 下载:KeyShot Pro Mac版KeyShot Pro WIn版图片环境亮度动画环境光动画使用 KeyShot Animation 直接控制和调整环境的亮度。 可变形动画导入除了 Alembic 之外,还可以导入带有装配动画的 .mc/.mcx 缓存文件和 FBX 文件。肤色从 KeyShot 材质库中拖放更广泛的肤色。

    1.1K20编辑于 2023-02-15
领券