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

    绘制3D架构图,原来这么简单!

    在软件开发的世界里,架构图是系统设计的蓝图,它们不仅帮助团队理解系统的整体结构,还能提升沟通效率,确保项目的顺利推进。然而,绘制一张清晰、直观的架构图,往往需要大量时间和专业工具。 今天再给大家推荐一个比较特别的,它可以用来绘制3D架构图,效果非常炸裂! 先来对比一下2D和3D架构师图的直观区别: 传统的2D架构图: 传统的2D架构图 炫酷的3D架构图 炫酷的3D架构图 怎么样? iCraft Editor 言归正传,回到今天DD想要推荐的这款绘制3D架构图的在线神器:iCraft Editor • 官方网站:https://icraft.gantcloud.com/ • GitHub :https://github.com/gantFDT/icraft iCraft Editor 是一款可以帮助您轻松绘制出优秀三维架构图的工具。 它专注于架构图的三维设计,具有三维视觉效果,可以更有效的吸引观众注意力,提高沟通效率,为您带来全新的视觉体验和便捷的操作。

    80910编辑于 2025-02-10
  • 来自专栏产品

    3D架构图软件 iCraft Editor 正式发布 @icraftplayer-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生

    介绍@icraft/player-react 是 iCraft Editor 全新推出的 React 组件库,专为简化3D数字孪生场景的前端集成而设计。 查看详情炼化工厂实时生产数据展示如何将工业生产环境中的设备运行状态、生产数据等实时展示在3D场景中,实现工业数字孪生。 查看详情总结@icraft/player-react 为开发者提供了一站式的3D数字孪生可视化解决方案。 通过简单的配置即可快速构建专业的3D可视化应用,配合灵活的API和实时数据接入能力,让您的数字孪生项目快速落地。 无论是系统架构图、软件架构图、云架构图、IT架构图、部署架构图,还是3D结构图、网络架构图、网络拓扑图,都可以使用iCraft Editor来绘制并实现数字孪生。

    1.9K00编辑于 2024-11-25
  • 来自专栏翩翩白衣少年

    一款很Nice的3D生成工具,包括文生3D、图生3D3D3D等众多功能!

    它不仅可以整合现有模型,还提供了全功能 Demo UI 体验,让你轻松实现文本到 3D、图像到 3D3D3D 文字编辑和材质重构等多种操作! 无需繁琐的训练,MVEdit 就能够快速生成高质量的3D物体,并提供全功能的UI界面,包含了诸如text to 3D、image to 3D3D to 3D文字编辑和材质重构等功能。 • 多功能 demo UI:提供包括文本到 3D、图像到 3D3D3D 文字编辑和材质重构等全功能演示界面。 • 快速推理:仅需 2-5 分钟的推理时间,在质量和速度之间达到了出色的平衡。 • 通用性和灵活性:能够处理多种 3D 任务,如不同类型的车辆、篮球运动员、机器人等的图像到 3D 转换和文本引导的 3D3D 编辑。 使用方法 1. 应用场景 • 3D 内容创作:为艺术家和设计师提供更便捷的工具,创造出独特的 3D 作品。 • 游戏开发:快速生成高质量的 3D 资产,提升游戏的视觉效果。

    1.3K10编辑于 2024-03-25
  • 来自专栏牛牛资源

    基建软件Cilvil 3D:Autodesk Cilvil 3D 2023软件安装教程 Cilvil 3D下载Cilvil 3D软件

    Civil 3D是一款专为基础设施行业打造的建筑信息模型(BIM)软件。 Civil 3D是Autodesk公司开发的专业土木工程设计软件,它基于AutoCAD平台开发,主要适用于公路、桥梁、水利、排水、地形等土木工程设计和建模。 通过使用Civil 3D,工程师可以依据可靠的场地现状模型和设计约束来评估设计方案,提出更具创新性和环保的设计。 ,然后在Civil 3D设计模型中直接利用这些数据。 此外,Civil 3D还使用基于模型的环境,可帮助做出更好的设计决策并提高项目质量。Civil3D安装教程1.鼠标右键解压到“Civil3D 2022 64bit”。

    1.5K30编辑于 2023-04-18
  • 来自专栏web秀

    CSS 3D世界,3D 透视照片墙

    有了前面2章内容,大家应该对CSS 3D的构建,都有了一定认知了,动手能力强的小伙伴可能已经开始自己做好看的效果了。 今天我们就来滚固一下前面学的知识,下面有一个"3D照片墙"示例来加深一下我们所学的知识。 120px; left: 50%; top: 50%; margin-left: -105px; margin-top: -60px; transform-style: preserve-3d 用了绝对定位position: absolute6个子元素会重叠在一起了 我们先使其整个容易元素在3D空间呈现(transform-style: preserve-3d) 定宽定高元素水平垂直居中 { 所以,我们这里的空间相册,只需要每个元素沿着 Y 轴的 3D 旋转,间隔rotateY(60deg)即可形成一个圆环 动画 .photo { ...

    1.9K10发布于 2020-06-16
  • 来自专栏全栈程序员必看

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

    3D-HEVC编码框架 3D-HEVC编码结构是对HEVC的扩展,每个视点纹理及深度图编码主要采用HEVC编码框架,但在其基础上增加了一些新的编码技术,使其更有利于深度图和多视点的编码。 图1 3D-HEVC编码结构 如上图所示,3D-HEVC编解码结构和MVC类似。图中所有输入的视频图像和深度图像是同一时刻,不同拍摄位置的场景,这些图像组成一个存取层。 原理上来说,每个视点的图像,包括视频图像和深度图像,均可以利用HEVC编码框架进行编码,输入的所有比特流复合形成3D比特流。 非独立视点编码技术 3D-HEVC在编码非独立视点时,除了使用独立视点编码所用的所有工具外,还用到了HEVC关于3D扩展的编码技术,使其更有利于多视点的编码。 3.最后将当前块的冗余和预测的冗余差进行编码。若冗余信息是基于分像素的,则应该对参考视点的冗余信息进行插值滤波。

    1.6K10编辑于 2022-07-29
  • Edge 的网页 3D 视图(3D View)

    3D 视图 偶然在浏览网页 z-index 属性的时候发现了 3d view 这么一个东西,3d 视图点进去一看,发现了新大陆。 控制台中的 z-index 属性 z-index & dom 因为是从 z-index 打开的 3d 视图,所以点进去默认显示页面 z-index 层级关系图,其次右边还有一个 dom 按钮,点击后会进入 dom 3d 视图 两者都有不同的选项可以调,比如层级背景颜色,重新渲染生成等。

    39210编辑于 2024-03-12
  • 来自专栏3D视觉从入门到精通

    SuperLine3D:从3D点到3D线

    导致想要研究的关键点周围的邻域点分布也存在较大不同,难以通过这些3D点的特征描述关联起点云帧。这个问题一直以来都十分棘手。 这个工作独辟蹊径,提出对于这种点云数据,不再通过3D点来构建关联以实现点云配准,而是研究点云数据中的高层次的几何原语。 为了重复提取它们作为特征并在离散的LiDAR帧之间进行关联以进行配准,我们提出了第一个基于学习的LiDAR点云3D线特征分割和描述模型。 3.我们探索了点云特征的尺度不变性,并通过消除Sim(3)变换中的尺度因子,为改善点云上基于学习的任务在尺度扰动下的泛化提供了可行的思路 Fig1:整体网络框架。 我们重复几何自适应3次以在KITTI里程计序列上生成12989个自动标注的 LiDAR帧。 Fig3:自动标注框架。

    56020编辑于 2023-04-29
  • 来自专栏全栈程序员必看

    3D电影的原理_3D电影制作

    在搞清楚3D立体原理之前我们先了解什么是“真3D”: 我们肉眼所看到的景像是一种具有层次、深度的立体影像。 一般我们所谓3D游戏或电影,实际上并非真正的3D;因为屏幕先天即是2D,并且拍摄电影也是使用单镜头的摄影机,所以就算用3D技术制作的动画电影,输出到显示屏也是平面的,我们称呼这种3D为「平面3D」。 从上面的文字我们基本上知道了真正3D是怎样形成的,说的简单一些,就是我们的肉眼的左右眼睛看到的物体因为存在位置不同而不同,所以,我们要体验真正3D图像就必须模拟出这个环境,就是要让我们的眼镜左右眼看到的内容不同 2、使用3D立体液晶眼镜。 3D液晶眼镜通常被用在计算机上,可以通过这种眼镜玩真正3D游戏和看3D电影,原理是通过软件将原来的3D游戏分成2组不同角度的影像,通过3D液晶眼镜看到不同的画面,液晶眼镜用一根电线连接到计算机(也有无线产品

    1.1K10编辑于 2022-09-20
  • 来自专栏python3

    CSS 3 3D 转换

    3D转换时,要赋予改变元素的父元素 perspective 属性 perspective: m px; // 视点和画面的距离,视点的位置默认在父元素的中心 perspective-origin:right 属性将 HTML 元素在三维空间内 1.旋转 rotate        rotateX(角度)        rotateY(角度)        rotateZ(角度)        rotate3d (x,y,z,角度) // 2.移动 translate translateX(长度) translateY(长度) translateZ(长度) translate3d(x,y,z,角度) 3 ======================================== transform-style: flat //默认,子元素将不保留其3D位置 preserve-3d; //子元素将保留其 3D位置

    45010发布于 2020-01-10
  • 来自专栏hotarugaliの技术分享

    3D视觉

    简介 随着自动驾驶、AR & VR 等技术的发展,3D 视觉的研究正方兴未艾。 目前 3D 视觉的两个主要问题是: 从一张 2D 图像预测得到 3D 表示 处理 3D 表示数据来实现下游任务(分类、检测、分割等) 2. 3D 表示 目前 3D 视觉表示主要有 555 种方法:深度图 一种直接的方式是测量 2D 图像中每个点到相机的距离作为深度图,也即: RGB image + Depth image = RGB-D image (2.5D) image.png 然而这种方式其实不是完全的 3D Eigen 等人提出的神经网络结构如下: image.png 2.1.2 RGB + Surface Normal 另一种类似表示 3D 视觉信息的方法是对 RGB 图像中的每个像素,给出其所在物体表面的法向量 这样也能在一定程度上表示 3D 物体的空间结构信息。

    1.6K20编辑于 2022-05-27
  • 来自专栏韩曙亮的移动开发专栏

    【CSS3】CSS3 3D 转换 ① ( CSS3 3D 转换简介 | 3D 物体与 2D 物体区别 | 3D 空间坐标系 | 常用的 3D 转换属性 | 3D 位移转换语法 | 代码示例 )

    一、CSS3 3D 转换简介 1、3D 物体与 2D 物体区别 3D 显示的物体 与 平面 2D 显示的物体有明显的不同 , 3D 显示效果有 近大远小 的 特点 ; 元素的 2D 的 转换效果 有 平移 , 旋转 , 缩放 效果 , 同样有对应的 3D 转换效果 ; 2、2D 平面坐标系 2D 平面坐标系 中 , 只有 x 轴 和 y 轴 ; 33D 空间坐标系 3D 空间坐标系 比 2D 平面坐标系 转换属性 常用的 3D 转换属性 : matrix3d(n,n,n,n,n,n, n,n,n,n,n,n,n,n,n,n) : 使 4 x 4 矩阵 定义 3D 转换 , 共 16 个值 ; translateZ 、3D 位移转换 ---- CSS3 3D 转换中 , 最常用的两个转换是 : 3D 位移 3D 旋转 1、3D 位移转换语法 3D 位移 是在 3D 位移 基础上 , 增加了 沿 Z 轴平移的功能 ; 代码示例 - 3D 平移简写形式示例 代码示例 <!

    81320编辑于 2023-10-15
  • 来自专栏大数据和云计算技术

    3D Xpoint

    3D Xpoint 3D Xpoint这个东西比较新,但是可能对未来软件架构带来深刻的影响和变更,本节简单介绍下3D Xpoint到底是什么。 原理 3D Xpoint抛弃了在NAND芯片的核心-----晶体管。NAND的工作原理是运动的电子来回在称为其“浮动栅”的晶体管来回跑到,来表示二进制代码的零与一。 3D Xpoint速度比NAND快1000倍,但是远小于DRAM,所以不能用它来完全取代RAM,固态硬盘SSD甚至更慢的硬盘,在未来的一段时间仍将比3D Xpoint显著便宜,所以是继续使用它们来存储大多数文件 就基于3D XPoint的产品来讲,其最为立竿见影的应用方式就是在DRAM与SSD之间充当新的存储层。 通过将3D XPoint作为另一种缓存层,这项技术将被应用于未来的高速应用程序当中,从而克服目前内存容量或者存储延迟给这类应用造成的拖累。 应用场景 3D XPoint有三种应用模式。

    1.5K90发布于 2018-03-08
  • 来自专栏宜达数字

    3D科普

    3D: 先说3D,其实3D就是指的三维建模,简单说:一个物体具有x轴、y轴、z轴的都可以称为3D。 2D与3D的区别: 2D只有x、y轴,也就是平面图。 由于视察关系,可通过增加阴影的变化,或者侧位置渲染出来的类似3D的图标叫3D图标。 本质上也是属于2D画面范畴,因为无法旋转,只能固定的看,才有3D效果。 如下图: 后面的裸眼3D、VR,AR,MR都离不开真3D。也就是说内容得是3D建模出来的,或者现实使用3D摄像机拍摄出来的,才能达到3D效果。 裸眼3D 裸眼式3D硬件可分为光屏障式(Barrier)、柱状透镜(Lenticular Lens)技术和指向光源(Directional Backlight)裸眼3D,另外还有一种LED外接角或者内切角裸眼 不过要根据外接角的角度与高度来定制片源(也可以是程序片源)的裸眼3D,如下图: 3D影片 3D影片常见的有左右格式与上下格式,但是左右格式与上下格式的影片内容也是不一样的。

    1.3K20编辑于 2022-04-02
  • 来自专栏河湾欢儿的专栏

    3d魔方

    100px; height: 100px; transition: 1s; transform-style: preserve-3d transform-origin: right; transform: rotateY(-90deg); } .son div:nth-child(3) >

    1
    2
    3<

    79810发布于 2018-09-06
  • 来自专栏Triciaの小世界

    Echarts实现3D环状图效果(非3d

    如题 想要实现的效果: 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="tex

    1.9K10编辑于 2023-04-12
  • 来自专栏Dechin的专栏

    python3使用diagrams生成架构图

    技术背景 对于一个架构师或者任何一个软件工程师而言,绘制架构图都是一个比较值得学习的技能。 虽然我们也可以用Visio或者Edraw等专业绘图工具来绘制架构图,但是对于工程师而言,用代码来直接绘制架构图,会显得更加的优雅。 这里我们介绍的diagrams,就是一个可以用来绘制架构图的python包。 上述代码可以直接执行:python3 example1.py,然后会在当前目录下生成一个这样的架构图: ? 总结概要 本文中通过python库diagrams展示了基础的架构图绘制的方法,库中提供了常用的AWS和k8S等场景下常用的组件标签,使得我们用python代码也可以绘制精美清晰的架构图

    1.2K20发布于 2021-05-21
  • 来自专栏全栈自学笔记

    CSS3 3D转换

    3D 转换主要学习工作中最常用的 3D 位移 和 3D 旋转 主要知识点 3D位移: translate3d(x,y,z)   3D旋转: rotate3d(x,y,z)   透视: perspective   3D呈现 transfrom-style 1.2 3D移动 translate3d   3D移动在2D移动的基础上多加了一个可以移动的方向,就是z轴方向。    (理解成3D物体投影在2D平面内)。    rotate3d   3D旋转指可以让元素在三维平面内沿着 x轴,y轴,z轴或者自定义轴进行旋转。 1.6 3D呈现 transfrom-style   控制子元素是否开启三维立体环境。。   

    65220发布于 2020-10-27
  • 来自专栏数字孪生可视化

    3D 地图与 3D 柱状图联合使用

    3D地图添加3D柱状图使用的功能原理是在地图上加上圆柱对象,可以用颜色和高度分别代表分类和值大小,根据需要将柱状图放置到指定位置即可。 3D地图与3D柱状图联合使用,效果大概是这样: 注:根据你项目需求的不同,需要的可能是整个中国的地图数据,也可能是某个省的,市的,县的,区的等,这时怎么办? 1. 优点在于普通开发人员也能随手搭建3D地图,可以快速应用于三维城市项目。支持多种建筑、路网、河流等图层的动效渲染,可以在此基础上构建出折线图、柱状图、散点图、K线图、饼图等等,同时支持多图表混合展现等。 看一下3D地图与3D柱状图联合使用的实现代码吧! ", 0.5: "#00B3B3", 0.501: "#00B450", 0.74: "#00B450", 0.741: "#EAC700", 1: "#EAC700" }; // 引用地图组件脚本

    1.2K20发布于 2021-07-30
  • 来自专栏python深度学习

    python3使用diagrams生成架构图

    技术背景 对于一个架构师或者任何一个软件工程师而言,绘制架构图都是一个比较值得学习的技能。 虽然我们也可以用Visio或者Edraw等专业绘图工具来绘制架构图,但是对于工程师而言,用代码来直接绘制架构图,会显得更加的优雅。 这里我们介绍的diagrams,就是一个可以用来绘制架构图的python包。 上述代码可以直接执行:python3 example1.py,然后会在当前目录下生成一个这样的架构图: image.png 整体感觉还是比较精美的,只是如果使用专业工具如Visio等来画图的话,我们还可以直接对图片进行切割 组件簇的定义 同样来自于官方文档中的示例,我们不仅可以定义单一的组件,还可以将概念中可以组成一个模块的多个组件组成一个耦合簇,在架构图中展现:无损音乐下载 1 2 3 4 5 6 7 8 9 10 11

    1.4K00发布于 2021-04-05
领券