首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏程序猿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
  • 来自专栏Java架构师必看

    电商网站架构图_电商架构图

    今天说一说电商网站架构图_电商架构图,希望能够帮助大家进步!!! 大型网站架构是一个系列文档,欢迎大家关注。本次分享主题:电商网站架构案例。 ,业务的发展; 预计3~5年用户数达到1000万; 定期举办双11,双12,三八男人节等活动; 其他的功能参考京东或国美在线等网站。 ,业务的发展 属于约束条件伸缩性,可扩展性3~5年用户数达到1000万 约束条件举办双11,双12,三八男人节等活动活动管理,秒杀突增访问流量(可伸缩)实时性要求(高性能)参考京东或国美在线 参考条件 拆分后的架构图: 参考部署方案2 如上图每个应用单独部署 核心系统和非核心系统组合部署 6.2应用集群部署(分布式,集群,负载均衡) 分布式部署:将业务拆分后的应用单独部署,应用直接通过RPC进行远程通信 集群部署后架构图: 6.3 多级缓存 缓存按照存放的位置一般可分为两类本地缓存和分布式缓存。本案例采用二级缓存的方式,进行缓存的设计。一级缓存为本地缓存,二级缓存为分布式缓存。

    6.4K32编辑于 2022-06-19
  • 来自专栏章鱼的慢慢技术路

    Direct3D 11 Tutorial 5: 3D Transformation_Direct3D 11 教程53D转型

    资源目录 (SDK root)\Samples\C++\Direct3D11\Tutorials\Tutorial05 Github 转型 在3D图形中,变换通常用于对顶点和矢量进行操作。 在3D中,用于翻译的矩阵具有形式。 例如,要沿X轴(负X方向)移动顶点-5单位,我们可以将其与此矩阵相乘: 1 0 0 0 0 1 0 0 0 0 1 0 -5 0 0 1 如果我们将此应用于以原点为中心的立方体对象 ,则结果是该框向负X轴移动5个单位,如图5所示,在应用平移之后。 在3D中,空间通常由原点和来自原点的三个唯一轴定义:X,Y和Z.计算机图形中通常使用多个空间:对象空间,世界空间,视图空间,投影空间和屏幕空间。 图2.在对象空间中定义的立方体 ?

    2.4K40发布于 2018-12-04
  • 来自专栏性能与架构

    架构图

    架构图 这是一个很典型的架构描述图,下面我们就以此为例聊聊架构的基础概念。 架构流程示例 假设用户在搜索引擎中搜索“森林里浓雾和阳光”。 架构图 (为了便于对照,再放一张) 用户点击链接后,浏览器首先会去请求 DNS 服务器(图中的【1】),获得网站的 IP 地址,然后通过 IP 请求网站。 (图中的 【4】【5】)。 如果发现图片还没有被处理过,例如颜色还没调整,就向队列中发一个任务(图中的【6a】),任务处理服务器从队列中接收任务并处理(图中的【6b】)。 架构图 (为了便于对照,再放一张) web server 接下来需要获取相关类似图片信息,使用“图片标题”请求全文搜索服务(图中的【7】)。 5. 缓存 用来进行简单的 key/value 存储,速度快。 例如搜索引擎可以把常用的搜索结果保存在缓存中;内容型网站会把文章放到缓存 …… 6.任务队列、任务处理服务器 用于做异步处理。

    2.2K11发布于 2020-02-12
  • 来自专栏python3

    python架构图

    python程序架构 架构图总览介绍 1、图左边 python的模块 python库 python中用户定义的模块 示例 在执行import os时候,这个os就是python内建的模块, 当然python

    2.6K20发布于 2020-01-07
  • 来自专栏洛竹早茶馆

    解决方案架构师技巧:架构图5 种类型

    原文地址:Solutions Architect Tips — The 5 Types of Architecture Diagrams 原文作者:Allen Helton 译文出自:掘金翻译计划 本文永久链接 注意事项 在构建「基础设施架构图」时,不要漏掉任何一块。这种类型的图的目标是显示你的应用程序中的所有内容以及它们如何连接。 5. 开发者图 当你需要开始着手处理问题时,开发者图将是你最好的选择。它包括了开发人员为了构建解决方案所需要的一切。 我们的目标是回答任何可能通过查看「流程图」出现的问题,并在设计中包含它们。 注意事项 开发者架构图本质上是补充了细节的「流程图」。用你能想到的任何具体的实现细节来标注每一块,并且一定要标注重要的转换。 一张图片胜过千言万语,但当涉及到架构图时,它们可能胜过五千张。能够让人们快速、轻松地理解你的想法,是成为一个优秀的解决方案架构师的关键。

    2.4K30发布于 2021-05-31
  • 来自专栏YP小站

    Kubernetes生态架构图

    一、kubernetes 集群架构图 二、Openshift or Kubernetes 集群架构图 三、常见的 CI/CD 架构图 1、Gitlab Webhook + Jenkins SharedLibraries

    2K52发布于 2021-11-26
  • 来自专栏马洪彪

    starlims部署架构图

    应用部署架构 数据库部署架构 整体部署架构 部署示例

    1.8K21编辑于 2022-05-09
  • 来自专栏用户8653471的专栏

    智慧养老架构图

    智慧养老架构图_副本.jpg

    2.8K10发布于 2021-10-13
  • 来自专栏CreateAMind

    预测编码架构图

    paper:Predictive Coding beyond Gaussian Distributions

    39710编辑于 2023-09-13
  • 来自专栏hightopo

    原 基于 HTML5 WebGL 的 3D

    http://www.hightopo.com/demo/Plucker/ 代码实现  创建场景 首先是创建一个三维场景(https://hightopo.com/guide/guide/core/3d window.addEventListener('resize', function () { self.iv(); }, false);//窗口大小改变事件,调用刷新函数 } 整个大环境搭建好了后,我们需要向场景中添加 3D

    1.9K60发布于 2018-06-05
  • 来自专栏前端数据可视化

    p5.js 加载 3D 模型(loadModel)

    loadModel() 是 p5.js 中用于加载 3D 模型的核心函数,它能将 OBJ 或 STL 格式的 3D 模型文件转换为 p5.js 可处理的 p5.Geometry 对象,之后可以通过 model 5/2 # 前面 f 2/1/3 3/2/3 5/5/3 # 左面 f 3/1/4 4/2/4 5/5/4 # 后面 f 4/1/5 1/2/5 5/5/5 myModel = loadModel('assets/cube.obj'); } function setup() { createCanvas(800, 600, WEBGL); // 创建3D 画布(必须用WEBGL渲染模式) } function draw() { background(220); // 3D变换:让模型旋转,更易观察 rotateX(frameCount 以上就是本文的全部内容啦,想了解更多 P5.js 用法欢迎关注 《P5.js中文教程》。 点赞 + 关注 + 收藏 = 学会了

    21610编辑于 2026-02-20
  • 来自专栏hightopo

    原 基于 HTML5 WebGL 的 3D

    前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了,这篇文章的主要目的是说明一下,3D 机房中的 eye 和 center 的问题,刚好在项目中用上了,好生思考了一番,最终觉得这个例子最符合我的要求 _node, arguments);//设置节点的 3d 坐标 } }); 创建 Editor.Cabinet 类 ? /设置图元在3D拓扑中的z轴长度 door.setTall(s3[1]);//控制Node图元在y轴的长度 door.setElevation(0);//设置图元中心在3D坐标系中的y坐标 场景创建 如果熟悉的同学应该知道,用 HT 创建一个 3D 场景只需要 new 一个 3D 组件,再将通过 addToDOM 函数将这个场景添加进 body 中即可: var g3d = E.main = new ht.graph3d.Graph3dView(); //3d 场景 main.js 文件中主要做的是在 3D 场景中一些必要的元素,比如墙面,地板,门,空调以及所有的机柜的生成和排放位置,还有非常重要的交互部分

    1.4K40发布于 2018-06-05
  • 来自专栏岑玉海

    RChain总体架构图

    RChain是我研究区块链依赖发现的和我最契合的(主要是用scala写的),在架构上吞吐率和扩展性也是最好,未来是真正有可能实现在它官网上宣称的能够承载facebook一样的规模,具有和visa一样的

    1.4K70发布于 2018-02-28
  • 来自专栏程序猿DD

    如何画好架构图

    2、什么是架构图 系统架构图是为了抽象的表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界,以及软件系统的物理部署和软件系统的演进方向的整体视图。 3、架构图的作用 一图胜千言。 架构图就是一个很好的载体。那么,画架构图是为了: 解决沟通障碍 达成共识 减少歧义 ? 以上 5 种架构视图从不同角度表示一个软件系统的不同特征,组合到一起作为架构蓝图描述系统架构。 怎样的架构图是好的架构图 ---- 上面的分类是前人的经验总结,图也是从网上摘来的,那么这些图画的好不好呢?是不是我们要依葫芦画瓢去画这样一些图? 案例分享 ---- 下面是内部的一个实时数据工具的架构图。作为一个应该自描述的架构图,这里不多做解释了。如果有看不明白的,那肯定是还画的不够好。 ?

    2.4K31发布于 2019-05-10
  • 来自专栏全栈程序员必看

    java 各种架构图汇总

    线程运行架构 5. Java 体系(编译与运行)结构 6. JMS 技术架构 7. JMX 技术架构 8. Spring 架构 9.

    1.7K10编辑于 2022-08-04
  • 来自专栏进击的多媒体开发

    WebRTC架构图说明

    网上也有很多资料说这张图在webRTC的官网上,但是很多童鞋根本就找不到。这是因为很多童鞋没有进行访问国外网站:WebRTC架构说明英文文档:https://webrtc.github.io/webrtc-org/architecture/

    7K20发布于 2020-09-04
  • Spring Boot系统架构图

    欢迎关注微信公众号:数据科学与艺术 作者WX:superhe199 Spring Boot系统架构图: +--------- | | +---------------------+ 在这个架构图中 总结起来,这个架构图展示了一个基于Spring Boot的微服务架构,它将系统拆分为多个独立的服务,并通过API Gateway进行统一管理和访问。这种架构可以实现松耦合、可伸缩和高可用的系统设计。

    51410编辑于 2025-08-29
  • 来自专栏linjinhe的专栏

    Linux 存储架构图

    From Linux Storage Stack Diagram

    3.2K20发布于 2018-10-10
领券