[web3d] | 示例代码编辑器

最新推荐文章于 2024-08-13 14:12:21 发布

啊嘞嘞嘞嘞

最新推荐文章于 2024-08-13 14:12:21 发布

阅读量1.1k

点赞数 3

分类专栏： WEB前端 GIS开发 THREE

本文链接： https://blog.csdn.net/weixin_40902527/article/details/116297046

版权

GIS开发同时被 3 个专栏收录

75 篇文章 215 订阅

订阅专栏

WEB前端

29 篇文章 5 订阅

订阅专栏

THREE

9 篇文章 5 订阅

订阅专栏

之前做的一些示例只能看看没有在线编辑的功能，重新整理弄一个示例编辑器，后续完善一下发布。

Cesium

Web3D | 示例功能编辑器 (1)

Threejs

Web3D | 示例功能编辑器（2）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

啊嘞嘞嘞嘞

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

踏得网发布轻量级网页3D编辑器Stone，可用于快速制作沉浸式网页应用

陈小峰（iefreer）的专栏

10-09

2236

从表现形态上来看，互联网已经走过了3个大的阶段。第一个阶段是简单文本信息的分享，源于学术之间文档的共享需求，然后普及到普通用户对于新闻获取和知识搜索方面的需求。第二个阶段是富媒体交互，在这个阶段网页的内容不再局限于文本，而是图文并茂、乃至音频视频动画。而在交互上也不只是被动的接收，而有了更多的交互和动效，这使得电商等众多网页应用和网页游戏成为可能。第三个阶段是信息载体的变化，从桌面走向了移动，催生了移动互联网时代。而现在互联网内容将走入第四个关键的阶段，即沉浸式互联网时代。沉浸式互联网和

图扑软件 3D 组态编辑器，低代码零代码构建数字孪生工厂

qq_28404179的博客

11-08

874

图扑软件曾以SMT生产流水线为例，运用丰富的三维组态和UI组态进行可视化数字孪生，搭建SMT工艺流程监控管理可视化系统。

1 条评论您还未登录，请先登录后发表或查看评论

Web端免费开源三维场景编辑器Shadow Editor v0.0.7

10-10

名称：Shadow Editor 版本：v0.0.7（开发中）说明：基于three.js的免费开源场景编辑器。源码：https://github.com/tengge1/ShadowEditor 功能： 1. 3D场景在线编辑。 2. 内置多种几何体、光源，场景支持雾效、影子、反光、背景图片等。 3. 支持导入多种不同格式的3D模型。 4. 服务端使用MongoDB保存模型和场景数据。 5. 可视化修改场景、相机、几何体、材质、音频播放器、粒子发射器等属性。 6. js脚本、着色器脚本在线编辑，带智能提示。 7. 自带播放器，实时演示场景动态效果。 8. 支持补间动画、骨骼动画、粒子动画，支持mmd动画，支持lmesh动画。

webglstudio.js：浏览器中的完整开源3D图形编辑器，包括场景编辑器，编码板，图形编辑器，虚拟文件系统以及许多其他功能

01-28

WEBGLSTUDIO正在迁移到新的REPO。保持沉默 WebGLStudio.js WebGLStudio.js是一个基于浏览器的开源3D图形套件。您可以使用标准Web技术在浏览器中编辑场景和材质，设计效果和着色器，代码行为并共享您的工作。 WebGLStudio.js的一些重要功能：完整的3D图形引擎（），支持多种光照，，实时反射，自定义材质，postFX，蒙皮，动画等。一个易于扩展的基于组件的系统，用于控制渲染管道和交互事件挂钩简单易用，所见即所得（WYSIWYG）编辑器为所有编码，图形合成和时间轴功能提供了一个界面。使用来控制行为，着色器和后处理效果的图形编辑器。支持，这是一个虚拟文件系统，允许在Web上拖放资源以及可配置的配额，用户和共享文件夹。通过发送单个链接导出并共享您的工作。有关更多信息，请访问功能缺失：网格编辑，您不能选择面并移动它们对FBX的支持，它具有某种支持，但功能不完全物理正在安装要安装WebGLStudio.js，请将编辑器文件复制到服务器，然后将安装到editor/目录中的fileserver/文件夹

开源web版3D展示工具Online3DViewer

最新发布

mopmgerg54mo的博客

08-13

1141

定义：Online3DViewer是一个在线3D模型查看器，支持多种3D文件格式，用户无需安装任何额外软件，只需通过网页即可查看和操作3D模型。官方网站GitHub地址（提供源码下载和社区支持）Online3DViewer是一个功能强大、易于使用的在线3D模型查看器，它支持多种文件格式、实时渲染、交互性强，并且具有可定制化和社区支持的特点。无论是设计师、工程师、教师还是开发者，都可以从Online3DViewer中受益，实现更加高效、便捷的3D模型查看和分享。

Web在线3D编辑器-全场景编辑全新功能升级

ALLENJIAO的专栏

01-10

8242

在线编辑器采用了在线互动三维引擎技术，为用户提供了快速场景搭建能力，使用户得以零基础、低门槛、低成本地在数字化世界中，搭建一个真实世界的仿真场景。

Web3D编辑器-使用THREE.JS+Vuejs打造大屏可视化快速搭建工具/W3D/BI/WEB3D/可视化平台/编辑平台/大数据可视化工具 -功能持续开发中

stonerao

03-10

6673

WEB-3D编辑器（持续开发中) 目前支持：效果组件联动，物体设置，事件联动、导入导出、引入vuejs模板；待做：场景设置，特效组件，物体效果设置（烘培贴图，特效，shader效果等），视角镜头动画，模型动画，事件与前端联动，前端组件及联动，work，websoket，接入后台；支持2D+3D可视化组件拖入，构建大数据可视化平台，与后台数据进行联动。支持讨论qq：674656681 QQ群:1082834010 DEMO 编辑器 加载模型材质修改定制组件拖入定制化组件添加，通过数据拉起城

基于Threejs 3D场景编辑器代码.zip

09-23

【Three.js 3D场景编辑器】是一个利用Three.js库构建的交互式工具，它允许用户在Web浏览器中创建、编辑和管理三维场景。Three.js是JavaScript的一个强大库，专门用于在WebGL的支持下实现3D图形渲染。通过这个3D场景...

一个基于three.js的3D web项目源代码,欢迎学习.zip

01-09

1. 可视化编辑器：Three.js提供了一些工具，如Three.js Editor，允许开发者直观地创建、编辑和预览3D场景，这对于初学者来说非常友好。 2. 多种几何体：Three.js支持多种几何形状，如BoxGeometry、SphereGeometry、...

html5 canvas开发详解第二版示例代码

01-09

这对于创建图片编辑器或游戏背景等场景非常有用。 6. **路径和图形**：除了基本的几何形状，还可以使用`arcTo()`、`quadraticCurveTo()`和`bezierCurveTo()`创建复杂的曲线路径。 7. **事件处理**：Canvas元素本身...

使用three.js制作的Ace编辑器示例源码.zip

01-07

Ace是一个基于JavaScript的代码编辑器，提供了丰富的API和主题、模式支持，可以轻松地嵌入到网页中。我们可以使用它的`ace.edit()`方法创建一个新的编辑器实例，并指定用于编辑的DOM元素。通过设置`mode`属性，我们...

WeBlend:您和您的朋友的在线3D模型编辑器

05-09

WeBlend 具有以下功能的在线3D模型编辑器：可以添加到场景中的默认对象。从场景中交互式选择对象。平移/缩放/旋转所选对象。翻译所选对象的顶点。几个用于添加新顶点的操作（拉伸顶点，细分面）分组会议，您可以与几个朋友同时编辑场景。锁定对象，以便只有一个人可以操作它，而其他人则无法控制它。使用的技术：WebGL，Express，Socket.io和Mongoose.js

3D-webgl-shader-editor.zip

09-17

3D-webgl-shader-editor.zip,用于创建WebGL着色器的实时编辑器,3D建模使用专门的软件来创建物理对象的数字模型。它是3D计算机图形的一个方面，用于视频游戏，3D打印和VR，以及其他应用程序。

noteditor:使用threejs webgl构建的简单多平台3D编辑器

05-08

非编辑器 一个使用和构建的简单的多平台3D编辑器。下载官方网站：从源代码构建安装 npm install 发展生成用于在Electron /浏览器中进行快速测试的应用程序。 npm run start 建立目标当前正在添加Windows和Linux构建配置。 OSX npm run build:darwin 视窗 npm run build:windows Linux npm run build:linux 文献资料我们目前正在处理完整的文档。下周左右（4.26.20）可以在此处使用。贡献拉请求是欢迎的。对于重大更改，请先打开一个问题以讨论您要更改的内容。请确保适当更新测试。执照麻省理工学院

web3d 网页3d

03-17

网络3d简单的网页3d 自己写的供新手参考

网页代码编辑器 v3.0.zip

07-13

网页代码编辑器是集HTML代码编辑、CSS代码编辑和JS代码编辑为一体的网页代码编辑软件，此软件分为代码编辑区和结果显示区，用户可以在一边编写代码的情况下一边查看结果，无需手动运行浏览器查看结果。该软件操作方便，适合刚入门的网页设计学习者！网页代码编辑器 v3.0版本更新情况： 1、增加了代码高亮显示功能 2、增加了代码行数显示功能 3、增加了代码折叠功能 4、增加了网页代码中图片保存功能，用户可以一次性把代码中的图片保存到文件夹中作者提示：本软件运行需安装.NET Framework 4.0运行框架，如不想安装.Net平台的用户可继续使用网页代码编辑器 v2.5版本

10分钟就会用的3D编辑器，帮你轻松实现Web3D交互自由！

mirrornan的博客

06-06

756

近两年，AIGC技术可谓是在各行各业大放异彩，从AI绘画到AI写作，如今AI建模技术也悄然而至，只要输入文本就能直接AI生成3D模型。△例：当输入“一个坐在睡莲上的蓝色箭毒蛙”这样的提示词时，对应的3D模型就会生成。虽然目前AI生成3D模型技术还不够成熟，但是也足以看出市场对3D模型的需求正在日益增长，而Web3D技术则可以让3D模型以实时、立体、交互的形态呈现在大众面前，在各行业得到广泛应用。

3D编辑器-Web在线编辑基于WebGL/Threejs技术

热门推荐

ALLENJIAO的专栏

11-20

2万+

在线场景编辑器 3D场景在线编辑器，可导出工程、场景、物体或几何体等。内置多种几何体、光源，场景支持雾效、影子、反光等。支持导入多种不同格式的3D模型（json、obj、stl、dae等)。可视化修改场景、相机、几何体、材质、纹理等属性。应用不同项目场景机房、大楼、园区、设备、器材等更多细节和功能改进后续赘述，感兴趣的可以留言或发邮件1985692469...

HT for Web列表和3D拓扑组件的拖拽应用

HT for Web 3D

07-12

230

很多可视化编辑器都或多或少有一些拖拽功能，比如从一个List列表中拖拽一个节点到拓扑组件上进行建模，并且在拖拽的过程中鼠标位置下会附带一个被拖拽节点的缩略图，那么今天我们就来实现这样的拖拽效果。首先我们需要创建一个ListView列表，在列表中加入图片信息，让List列表不那么单调，先来看看效果图。接下来我们一步一步来是想这个ListView列表，先来解决下数据，...

C# Web3D引擎

07-27

在C#中，有几个Web3D引擎可以用于在Web应用程序中创建和展示3D图形。以下是一些常用的C# Web3D引擎： 1. Unity3D：Unity3D是一个跨平台的游戏引擎，也可以用于创建Web3D应用程序。它提供了一个强大的可视化编辑器和一套丰富的工具，可以创建复杂的3D场景、物体、动画等。你可以使用Unity的C#脚本来编写逻辑和交互代码，并将项目发布为WebGL格式以在浏览器中运行。 2. Babylon.js：Babylon.js是一个基于WebGL的开源Web3D引擎，专注于游戏和图形应用程序的开发。它提供了丰富的功能和API，可以创建复杂的3D场景、粒子效果、物理模拟等。Babylon.js使用TypeScript编写，但也可以与C#进行交互，例如使用Blazor框架。 3. Helix Toolkit：Helix Toolkit是一个.NET平台上的开源3D库，包含在WPF、Windows Forms和ASP.NET中使用的版本。它提供了一组易于使用的控件和工具，用于创建和显示3D场景、模型、光照效果等。你可以使用C#代码直接与Helix Toolkit进行交互。除了以上列出的引擎外，还有其他一些Web3D引擎可以使用，如Three.js、Cesium等。尽管它们的主要开发语言不是C#，但你仍然可以使用C#与它们进行交互，例如通过JavaScript与C#之间的互操作性。根据你的项目需求和技术偏好，选择适合的C# Web3D引擎来开发Web应用程序中的3D图形。在使用这些引擎之前，请确保阅读其文档和示例，了解如何正确地集成和使用它们。