基于web的三维场景浏览器

最新推荐文章于 2024-05-23 09:49:59 发布
最新推荐文章于 2024-05-23 09:49:59 发布
阅读量550 收藏 1
点赞数 1
分类专栏： 智慧城市系统设计 文章标签： html5 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012556425/article/details/120834002
版权

        在我们进行三维项目建设过程中经常需要对已有模型进行预览，但是又不想安装较大的第三方三维模型浏览软件，所以我们的思路是有一套较灵活的三维模型格式转换软件，支持将常用的三维模型格式之间进行相互转换，我们目前用的较多的单模型格式为gltf，另外由一个基于web的三维模型浏览器，同时基于该web浏览器可以对三维场景进行环境设置，使其达到较好的显示效果。

        另外一个应用是在我们实际项目开发过程中，需要嵌入三维模型浏览器，因此该源码能够完全复制到项目中，满足我们项目当中模型库的浏览。

        支持模型拖拽到页面窗口        

         

        支持已导入模型结构查询

        支持已导入模型的显示效果设置

        基于web的三维场景浏览器完整代码下载：

        智慧楼宇三维模型下载

珞珈鸡丝
关注
专栏目录
3d浏览器(三维效果）
11-13
3d浏览器 三维效果的一款国外的浏览器，效果非常好。
全球首款3D浏览器(VENUS)0.3.0.0官方中文版
11-05
统的浏览网页方式落后了，VENUS 是一款3D浏览器由以色列VisualDomain软件公司开发！VisualDomain公司总裁YoavShefi介绍，这是目前世界上最快的一种浏览器浏览方式。不仅如此，通过“3D映射”的功能，该浏览器还可选中页面上的某一张图片，去除背景，使图片竖起来，取得栩栩如生的3D效果。 VENUS 以3D立体方式预览页面，可以同时呈现多个网络页面。通过移动鼠标，横竖排列整齐的多个页面以滚动方式展现，各页面还可任意放大、缩小，想查看哪个页面时点击放大即可。 升级后的亮点: 如果你在Venus里面搜索却没有看到属于用户自行创建的3D网页，可以试一试"lady gaga" 或者 "wow" 看看有没有什么惊喜。 在IE的Venus工具栏里面，或者打开Venus，在Venus快速通道搜索框里面输入搜索项，然后点击搜索。用百度或谷歌都可以。 在搜索结果中找一找3D网页，找到后点击上面的图像，然后就慢慢欣赏美丽的3D网页吧。 现在，你几乎可以从你电脑的任意角落快速进行Venus搜索——IE， QQ， 以及windows的任意文件夹——而不必先打开浏览器。 找到一只凤凰鸟，点击凤凰身上的绿色按钮，就会立即打开Venus， 供你输入望网址或进行快速搜索。 我们还听取了多数用户的意见，修补了多个bug并提升了搜索结果的载入速度。 此外，新版本还有下述特点： - 支持HTML5。 - 改良了JS性能。 - 解决了和多个大型网站的兼容性问题。
一个相当给力的3D Web浏览器
weixin_30252155的博客
12-03 129
今天看到一款3D的浏览器- Venus。不得不佩服，以色列人在程序开发方便果然有想象力。虽然有些地方还不完善，不过已经是个颠覆理念的东西了 。看好它。 转载于:https://www.cnblogs.com/bei_/archive/2010/12/03/1895318.html...
探索未来Web3D：ThreeElements——轻量级的Three.js浏览器UI框架
最新发布
gitblog_00069的博客
05-23 507
探索未来Web3D：ThreeElements——轻量级的Three.js浏览器UI框架 three-elementsWeb Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. ????项目地址:https://gitcode.com/gh_mi...
分享babylon.js实现Web三维场景
通达的博客
04-22 1884
使用 Babylon.js 为混合现实体验创建 3D 对象和交互。
web3D构建三维房间空间（three.js）
12-04
Web3D是一种在互联网上展示立体、动态三维图形的技术，它允许用户在浏览器中直接体验三维场景，无需额外的软件或插件。Three.js是目前最受欢迎的WebGL库之一，它简化了WebGL编程，使开发者能够更容易地创建复杂的3D...
基于AcrGIS平台实现三维场景下的积水效果动态模拟
07-15
总的来说，基于AcrGIS平台实现三维场景下的积水效果动态模拟是一项综合了地理信息科学、数据处理和Web开发技术的任务。通过这种方式，我们可以更好地理解和预警潜在的水灾风险，对城市规划和防洪管理提供有力支持。
基于Threejs 3D场景浏览器代码.zip
09-23
【Three.js】是一个JavaScript库，专门用于在Web浏览器中创建和展示三维图形。它利用了WebGL技术，这是一种HTML5的扩展，允许开发者在浏览器中进行实时3D渲染，无需安装任何插件。Three.js通过简化复杂的WebGL API，...
基于Web的三维网络分析
10-06
基于Web的三维网络分析演示系统将ArcGIS三维网络分析与html5技术相结合实现了Web端的三维路径分析。系统中的三维场景为北京国际会议中心，使用的是2010年...在支持WebGL的浏览器下使用系统浏览三维场景，无需任何插件。
基于NeRF方法实现校园内真实拍摄场景的三维重建和web端实时渲染源码.zip
04-24
【标题】中的“基于NeRF方法实现校园内真实拍摄场景的三维重建和web端实时渲染源码”揭示了本项目的核心技术与应用领域。NeRF（Neural Radiance Fields）是一种近年来在计算机视觉和图形学中备受关注的三维重建技术...
基于Three.js的简单三维场景
12-28
这个WebGL的Demo是我在学习Three.js时写出来的，里面包含了天空盒、水面绘制、json模型导入、基于高程图的地形绘制、阴影绘制等。推荐使用火狐浏览器运行此demo，若使用chrome浏览器，则需使用命令行模式，在cmd窗口上输入：cd C:\Program Files (x86)\Google\Chrome\Application chrome.exe --allow-file-access-from-files
浏览器中3D建模工具Shapesmith.zip
07-19
Shapesmith 是采用JS和HTML5编写的一款可以在浏览器中3D建模的工具，服务端支持Node.js。效果图：示例代码：$ npm start > shapesmith@0.11.0 app /Users/bjnortier/development/shapesmith.next > nodemon src/api/server.js 6 Oct 23:13:36 - [nodemon] v0.7.8 6 Oct 23:13:36 - [nodemon] to restart at any time, enter `rs` 6 Oct 23:13:36 - [nodemon] watching: /Users/bjnortier/development/shapesmith.next 6 Oct 23:13:36 - [nodemon] starting `node src/api/app.js`     .                           .  . ,-. |-. ,-. ,-. ,-. ,-. ,-,-. . |- |-. `-. | | ,-| | | |-' `-. | | | | |  | | `-' ' ' `-^ |-' `-' `-' ' ' ' ' `' ' '             ' configuration: -------------- environment:  development port:         8000 dbtype:       sqlite server started on :8000 标签：Shapesmith
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动画。
MagicTools引擎+编辑器+场景浏览器
05-04
这次资源中增加了编辑器工程(MtEditor)，目前功能包括：打开场景、关闭场景、移动物体、摆放模型。 可以直接在编辑器中启动浏览器(MtViewer)来打开当前正在编辑的场景。 启动浏览器时可以选择使用d3d9或者是opengles来作为底层的渲染api。 下面引用之前提交过的引擎描述： MagicTools引擎，包括3d场景，材质，d3d与opengles两个渲染器，max导出插件，集成了cocos2d作为ui。 引擎架构如下： 1.MtFoundation：底层数学库、字符串处理、操作系统和编译器宏定义等底层封装库。这些功能放在了MtFoundation.dll中，这个库可以以后单独提取出来提供其他项目使用。 2.MtKernel：提供资源管理器、文件系统、场景树管理。所以资源均提供引用计数、加载卸载计数、资源可以按组进行预加载。同一资源可以属于多个资源组，资源组在做rpg游戏切换房间的时候比较有用，可将一个房间的资源列表做一个组进行加载，若已存在的资源会增加其加载计数，而不用重新加载。 3.MtSceneQuery：场景查询模块。场景查询是一个相对独立的模块，可以替换掉。主要做一些算法的工作，比如射线查询、视锥剔除。把它独立处理就是希望这些cpu计算工作可以与渲染分离，便于放到一个独立的线程中。 4.MtGraphic：3d引擎模块，提供网格定义、材质定义，骨骼动画和蒙皮、贴图资源、渲染设备封装等。此处对渲染设备功能做了抽象，将具体渲染调用放到了d3d9renderer和glesrenderer中去。这里的材质在d3d下直接使用d3dxeffect，并使用宏控制编译。gles下使用固定管线控制。 d3d环境下定义了自己的材质和材质模板格式，材质模板主要用于定义effect中可用的宏，这些宏的可选取值，effect代码本身等。材质文件则引用材质模板文件，并定义宏的取值，还有uniform参数值。图形模块提供effect的uniform参数与场景中光源和物体本身材质参数的绑定。 gles环境下定了一个简单的脚本，控制固定功能渲染中的diffuse、specular和第一层纹理的参数 自定义了模型网格、骨骼、动画、材质、渲染实体等文件格式，这些文件格式说明放在了fileformats目录下。 渲染实体（Model）定义了网格与材质的组合关系，目前一个子网格只能有一个材质，但能扩展成一个子网格绑定多个材质。这样可以方便制作材质的过渡效果。 5.MtGraphic2d：这个模块是将cocos2dx0.99.4的底层替换成自己封装的渲染器实现的。cocos2dx原本是使用opengles1.0作为渲染api，在windows系统下使用powervr的模拟器运行。现在可以在d3d下或是opengles下运行。并将其更新流程合并到MtGraphic中，使得cocos2d可以正常的渲染在3d场景的前方。cocos2d的大部分功能已测试完成。可以在d3d下正常运行。 6.MtEngine：对上面几个模块的统一封装，这里负责动态的加载上面的几个模块，这里可以选择使用d3d还是gles进行渲染。还提供了建议场景逻辑控制，支持加载一个xml定义的场景脚本文件。直接使用EgnObject(EngineObject的简写)对场景模型进行控制可以省去操作底层场景树和模型材质创建的流程。 7.sampler：测试项目，用于测试上述功能。加载一个xml场景（里面全是茶壶。。。等编辑器出来就可以摆场景了），cocos2d界面渲染。鼠标键盘的输入控制。（wasd控制移动、鼠标控制方向） 材质文件说明： efm（effect material）：d3d专用，里面会引用mtpl（material template）文件。 mtpl:材质模板文件，里面定义可选的宏和可选取值，还有d3dxeffect的代码。 ffm(fixed function material)：d3d和gles通用，固定渲染管线材质。gles下只能用这个。 工程里带的导出插件目前只能导出网格，材质需要自己动手配置.(材质的编辑打算放到编辑器里做，然后在编辑器中绑定网格和材质，这也是cryengine和《古域》的做法，这样可以保证编辑的材质和游戏最终运行时的效果一样。)编译max导出插件需要max2010的sdk，安装插件后就可以导出单个模型。一次导出一个模型，做好一个mesh后选择max的export菜单，然后选择导出成“MtEngine Mesh File”（*.mmesh）就可以。
BimAngle Browser 好用而且免费的轻量化模型浏览器 2019年新版
05-12
BimAngle Browser - 好用而且免费的轻量化模型浏览器 功能描述: 快捷预览轻量化模型，省去部署模型到 Web Server 的麻烦。 目前支持以下格式: Autodesk Forge SVF (三维) or F2D (二维) 3D Tiles (for Cesium) glTF/glb 更多格式持续增加中... 使用方法： 双击 BimAngle Browser 快捷方式运行, 在弹出的对话框中选中要预览的轻量化模型文件即可； 安装环境: Windows 7/8/10/Server 2012/Server 2016
场景视图浏览快捷方式
han1320226678的博客
05-30 246
按住鼠标右键进入飞行模式，此时用户可以使用WSAD键进行移动（Q和E键上下）并进入第一人称视图浏览模式。 选择任意游戏物体并按F键，将进入场景视图，并设置当前视图焦点到选择物体上。 使用箭头键可以在摄像机的X/Z平面上进行移动。 按住Alt键并单击拖动可以绕当前枢轴点旋转摄像机。 按住Alt键并按住鼠标中键可以四处移动场景视图摄像机。 按住Alt键并按住鼠标右击拖动可缩放场景视图，这与使用鼠标滚轮...
smart3D、acute3D、three3D等技术网页浏览3D模型注意事项
linge511873822的博客
12-03 2511
smart3D、acute3D、three3D等技术网页浏览3D模型注意事项 smart3D、acute3D、three3D等技术在网页中浏览3D模型注意事项： 1、浏览器必须支持WebGL（全写Web Graphics Library，是一种3D绘图协议），常用的浏览器有谷歌、火狐。 2、手机浏览器支持three3D技术的大部分配置，有一些不支持，同时可以在本地浏览器中直接打开测试，官网a...
如何能在浏览器中显示三维模型
热门推荐
风口上的猪博客
12-23 1万+
原文地址：如何能在浏览器中显示三维模型作者：布鲁斯-宋 随着BIM的火热发展，以及BIM桌面软件对电脑硬件越来越高的要求，越来越多的企业希望能通过浏览器展示BIM模型，管理BIM模型相关的信息。这几乎已经成为工程项目管理的必要组成部分。下面简单介绍几种实现思路。 方式一：利用已有的三维游戏引擎。常见的有Unity3D、UnRealEngine等。 优点：这种方式可以充分利用游
1:三维场景浏览
weixin_33850015的博客
09-11 229
2019独角兽企业重金招聘Python工程师标准>>> ...
Skyline三维场景网络发布的效率研究
Skyline是一款强大的三维场景构建和发布工具，它允许用户创建精细的三维模型，并将其高效地发布到网络上，供用户在Web浏览器中进行交互式浏览。本文主要探讨了如何利用Skyline构建三维场景，并分析了其在网络发布...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

珞珈鸡丝

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值