前端开发过程中你们觉得处理什么业务功能最烦人？做前端已经有很长一段时间了，不知道大家是否和我有同样的感受，在一些 Web 应用中表单处理起来比其他功能模块都麻烦，很多体力活，往往在数据的校验会很费时间。为了能够把这部分代码更有条理,我们把数据校验部分通过 Schema 预先定义一个数据模型，把数据扔进去，返回校验结果。接下来我介绍一下这个工具，schema-typed 是一个数据建模及数据验证工具
转载
2024-09-30 22:43:12
75阅读
开发一个自己的三维建模工具坐标成都，疫情+高温，出不了门，闲来无聊，给大家分享一个简单的自动化建模实现方案。要求：通过后端服务实现，输出3DTiles切片 实现思路开发一个自己的三维建模工具一、技术栈分析二、技术实现1、搭建Nodejs+EXpress后端服务环境2、开发上传接口3、后端Geojson转SHP4、后端SHP转3DTiles5、开发dxf转geojson接口三、示例效果总结 一、技术
转载
2024-06-07 21:07:10
210阅读
最近在做一个可视化展示的项目，记录一下流程： 建模，模型，可以参考沙盘展示类项目，自己建模或者拼装其他源模型（本人以前是3D建模师，可以应付一些简单的场景）有效模型导入到web端，这里采用的obj，mtl的组合格式使用Three.js创建场景和模型的编辑--3DMax技术实现数据与模型的交互，位置可以是API，实时状态可以soket通信项目：Visualization蛋糕盘旋
转载
2024-05-18 23:45:17
62阅读
个人简介：专注Web3D使用ThreeJS实现3D效果技巧和学习案例 随着互联网的快速发展，Web3D技术也越来越成熟，越来越多的开发者开始关注和研究Web3D开发。在这篇文章中，我们将分享基于Three.js的Web3D建模案例，同时探讨一些Web3D开发的经验和技巧。一、Web3D开发的基础知识在进
转载
2024-05-09 15:47:20
139阅读
前言前端3D效果的展示方法很多，如果简单的显示一个立方体，我们可以用六块div，每块div结合CSS的旋转特性，旋转出不同的角度组装出来一个盒子。当我们拖拽这个盒子的时候，可以用JS根据鼠标新的坐标点刷新那六个div新的旋转角度参数，让六个面始终同步旋转，始终是闭合的，所以视觉效果来看是3D的。上述方法适用于简单的3D模型，比如立方体、长方体等。其特点是，各种控件都支持这种css旋转，比如我们可以
转载
2024-04-25 09:00:45
153阅读
一、切刀（Knife Tool）— K 2二、切分工具（Bisect）— 【网格】菜单中的【切分】 4三、环切— 快捷键 CTRL+R 6四、滑移边线命令 — 按【CTRL+E】选择【滑移边线】 9 一、切刀（Knife Tool）— K快捷键：【K】，按【回
转载
2024-06-19 11:20:06
24阅读
前言工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该 3D 场景从正面展示了一个地铁站的现实场景，包括地铁的实时运行情
转载
2024-05-19 22:55:44
45阅读
原文地址 http://www.html-js.com/article/2815 本页DEMO只兼容到webkit浏览器(如chrome)， 请确保你的正确打开姿势_ 本文涉及到的资源clip3d: https://github.com/leeluolee/clip3d _前戏较长， 请耐心..缘由几天之前, 一个species-in-piec
转载
2024-04-26 17:51:24
48阅读
文章目录前言一、Three.js简介二、开发步骤1.安装Three.js2.创建容器3.创建模型总结前言3D模型给人一种更真实的感受，带来极致的视觉体验。本文介绍Vue结合Three.js开发3D小房子，接触过OpenGL的小伙伴看起来会更轻松一点。一、Three.js简介Three.js，一个WebGL引擎，基于JavaScript，可直接运行GPU驱动游戏与图形驱动应用于浏览器。其库提供大量特
转载
2024-06-09 08:25:03
0阅读
一步一步教你如何利用threejs加载gltf模型来实现DIY换肤功能。模型准备模型制作模型可以通过网上下载，也可以自己通过c4d、maya、blender等模型制作软件得到。这里就不叙述有关模型制作的问题，本文中会在blender进行模型的有关设置。模型导出1、导出前设定为了在页面中方便后续的操作，在导出模型前，将模型的各个部件拆分好进行命名约定（本文以小车模型为例）具体如下图所示：图12、导出
转载
2024-04-28 11:48:51
457阅读
为大家分享最新激活的The Foundry Modo 15 Mac版，这是一款专业的3D设计建模软件，这次的modo15 mac版简化了UI，带来了新的选择来源模式、新的编辑属性模式、快速命令按钮、交互式mPath渲染器、增强了倒角编辑等，而且有效提高了性能，用户体验更佳，modo for mac可用于建筑可视化、方案设计、游戏开发、电影等各方面，欢迎有需要的用户来体验哦！The Foundry
转载
2023-08-16 17:08:50
218阅读
网页前端的Tribon三维模型展示技术分析By Eattonton前端技术也就是网页程序的开发技术统称，通过前端的插件可以开发报表，图纸，三维模型等种种功能。并且这些功能可以利用网页的跨平台和实时性的技术优势，从而让数字信息更好的传递。下面从技术角度讲一下Tribon三维模型的网页展示技术方案。1.技术分析整个网页设计采用MVC模式，MVC是一种使用 MVC（Model View Controll
转载
2024-05-08 20:12:10
45阅读
场景图像基本操作 可对在浏览器中渲染的场景进行旋转、缩放、平移操作。球体不易看到旋转过程，可使用正方体练习对图像的基本操作，掌握了对场景图像的基本操作后，下一节介绍导入三维模型后可对三维模型进行观察。对场景操作方法如下：旋转图像：Ctrl+鼠标左键+拖动光标缩放图像：Alt+鼠标左键+上下拖动光标 或 鼠标滚轮平移图像：Shift+鼠标左键+拖动
转载
2023-08-04 17:30:06
622阅读
最好的 3D 建模软件可以毫不费力地设计出最奇特的创意，并将它们变成令人惊叹的 3D 可视化效果。如果您确切知道要设计的模型类型，请查看此 3D 建模软件列表，比较 15 种一流的 3D 建模平台，然后选择最适合您的一款。最佳 3D 建模软件一览最适合小型企业：Unity最适合中端市场企业：Maya最适合企业业务：Intergraph Smart Review用户满意度最佳： Blender最佳易
3dmax如何做人物建模步骤如下：1、先把人体du看作方块zhi，如画圆的时候，不是用圆dao规，zhuan而是先画一个正方形，在用shu更多的切线切成一个圆，原来的边角就变成了平滑的曲线了。2、必须了解人体结构。人的结构大部分是靠骨骼来撑起来的，所以你必须先了解一下骨骼和在人体上所能看到的骨点。3、有了基本的结构，你就要开始了解各个部位之间的关系和变化，这就要了解肌肉的走向了，因为骨头只是一副架
转载
2023-06-07 13:41:22
380阅读
1、示例1代码import numpy as np
import matplotlib.pyplot as plt
# 生成网格
v = np.arange(-7, 7, 0.1)
X, Y = np.meshgrid(v, v)
# 生成曲面数据
R = np.sqrt(X**2 + Y**2)
Z = np.sin(R)
fig = plt.figure()
ax = fig.add_s
转载
2023-05-19 20:13:21
792阅读
华为3D建模服务（3D Modeling Kit）是华为在图形图像领域又一技术开放，面向有3D模型、动画制作等能力诉求的应用开发者，基于AI技术，提供3D物体模型自动生成和PBR材质生成功能，实现3D数字内容高效生产。
快速了解3D建模服务（3D Modeling Kit） 源于华为自研算法，3D Modeling Kit在支持全Android机型的同时，大大降低硬件的门槛依赖。用户无需特殊
转载
2024-01-30 17:33:18
68阅读
效果图前言在进行纹理绘制之前，首先要具有苹果三维模型。关于苹果的建模请参考：Blender——“苹果”建模_行秋的博客1.苹果UV的展开1.1首先点击UV Eidting，滑动三维模型，使其大小适中。 1.2打开左上角的UV选区同步（这样左右选区可以同步观察） 1.3打开左侧3D视图中的边选择模式。按shift+alt键，选出四条边，将果体分成均匀四份。1.4点击鼠标右键，选中
转载
2023-06-07 11:05:56
1968阅读
贾浩楠 量子位 报道 |通过一段视频，来重建人脸3D模型，没什么稀奇的。但是，如果只有测试者的一张静态图片呢？来自中科院模式识别实验室的博士生郭建珠和他的团队，提出了一种新的密集人脸对齐（3D Dense Face Alignment）方法。新的3DDFA方法，最关键的核心，是3D辅助短视频合成方法，它能模拟平面内和平面外的人脸移动，将一幅静止图像转换为短视频。由此来完成模型的识别和训练。郭同学的
转载
2023-09-18 16:01:45
26阅读
目录1. STL2. PCD3. OBJ4. PLY5. AMF6. 3MFPCD： Point Cloud Data，PCL(Point Cloud Library)官方指定文件，用于存储点云中点的具体信息。TXT：用来存储点云的点的信息，操作简单，与我们平时处理数据的 txt 文件处理方式一致；VTK：除了存储点的信息，还存储点与点之间的拓扑关系（拓扑关系在 3-3 VTK 文件中有说明）；P
转载
2023-07-04 17:19:05
31阅读
