使用Three.js实例无法浏览谷歌浏览器已经设置内容显示

NS_Speak 2019-08-13 03:16:17

自己建立实例报错如下

使用它的实例有可以浏览的有不可以浏览的，我用的是BOJ配合MTL文件，只想实现拖动浏览功能，报错如下，用的VS内置服务器生成。

哥哥姐姐最好有解决问题的详细方案，谢谢各位！！

...全文

395 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

NS_Speak 2019-08-13

打赏
举报

回复

已经解决了，单纯的无法显示可能是IIS服务器没有配置类型MIME，配置MIME就可以了。

前言本文属于系列问题，需要的朋友们开始之前可以参考以下的两篇文章： 1、three.js中文文档学习之创建场景 2、three.js中文文档学习之通过模块导入如果你只是使用程序化的几何体，不需要加载任何材质，网页应该直接从文件系统加载，只需要双击文件管理器中 HTML 文件，应该在你的浏览器能够运行（地址栏长这样子：file:///yourFile.html）从外部文件加载内容如果你从外部文件下载模块和材质，由于浏览器的同源政策的安全限制，会引发安全异常而加载失败。有两种解决办法：在浏览器中对于本地文件修改安全性。你才能这样进入网页： file:///yourFile.h

安徽省市级地图js和json文件，精确到各市轮廓地图，样例使用北京市地图，建议用火狐打开，谷歌请参考跨域解决方案

Three.js 是一个基于 JavaScript 的开源库，它封装了底层的 WebGL API，使得开发者无需深入了解复杂的图形编程知识，就能轻松在网页上创建和渲染 3D 场景。它提供了丰富的功能和工具，包括场景、相机、几何体、材质、灯光等，极大地简化了 3D 开发流程。通过本文的实战学习，我们从 Three.js 的基础概念入手，逐步掌握了创建基础 3D 场景、添加几何体与材质、实现动画与交互功能的方法，并通过一个完整的交互式 3D 产品展示场景案例，将所学知识进行了实际应用。

创建场景的js文件用到基本的three.js，加载模型的js文件用到DDSLoader.js，MTLLoader.js，OBJLoader.js，镜头的转动用OrbitControls.js文件。然后，下载解压，会得到three.js-master文件，在build目录找到three.js，这个是three.js的核心功能库。当然也有其他功能实现替代的js文件，用到的js文件不唯一，文件路径自行设置。本次实例导入如图js文件。首先，下载three.js文件，在threejs官网能下，这里附上地址链接一条。

什么是WEBGL？ WebGL (Web图形库) 是一种JavaScript API，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API，可以在HTML5 元素中使用。（MDN简介）在我的理解，WebGL给我们提供了一系列的图形接口，能够让我们通过js去使用GPU来进行浏览器图形渲染的工具。什么是...

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章