【WebGL】Three.js 第13页

VUE3+ThreeJs加载飞机模型且播放模型动画

介绍Three.js是一个3DJavaScript库，我们经常使用它加载各种不同格式的模型。

Etc.End·2023-11-30 16:53

VUE3+ VITE 使用Three.js展示3D模型

学习主要文献:1.threejs文件包下载和目录简介|Three.js中文网3D模型这里有下载网站：Sketchfab-Thebest3Dviewerontheweb（邮箱注册后有免费的模型下载)3D模型编辑软件

Jayce_he·2023-11-30 16:48

three.js加载3D模型(glb/gltf/fbx)

three.js加载3D模型(glb/gltf/fbx)一、理解three:1.一个可以在某个3D建模软件打开的东西，通过某种方案在浏览器中打开；2.不要试图手动去创建3D图形，当然比较闲的话可以这样操作

DP323·2023-11-30 16:17

Vue+Three.js，三维3d模型虚拟人 glb gltf

Part1：引入three.js项目文件夹里打开终端窗口，并运行：npminstall--savethree在需要使用three.js的组件内引入import*asTHREEfrom'three'Part2

南七小僧·2023-11-30 16:15

Chrome内嵌Qt QML程序

2.将生成的qmlchart.exe拷贝到Qt安装目录D:\MySpace\Qt\5.12.2\msvc2017\bin下，当前目录下打开cmd窗口，执行qmlchart.exe-platformwebgl

豪爵吸金ing·2023-11-30 08:59

如何跑通跨窗口渲染：multipleWindow3dScene

New这是一个跨窗口渲染的示例，用Three.js和localStorage在同一源（同产品窗口）上跨窗口设置3D场景。

心在不焉·2023-11-30 07:10

unity webgl替换系统自带加载页

官方文档链接：使用WebGL模板-Unity手册使用WebGL模板本页面需要JavaScript概念和术语方面的预备知识。

Monkey_Xuan·2023-11-30 07:57

Unity-WebGL基于JS实现网页录音

因为该死的Unity不支持WebGL的麦克风，所以只能向网页借力，用网页原生的navigator.getUserMedia录音，然后传音频流给Unity进行转AudioClip播放。

青衫磊落长歌行·2023-11-30 07:27

Unity WebGL通过URL的形式接收参数执行初始化

参考博客：http://t.csdnimg.cn/QnfhK问题背景：需要在外面的网页指定WebGL的打开初始化逻辑。

love_c_s·2023-11-30 07:24

OpenGL，WebGL基于HTML5/WebGL的建模及构建3D场景

一、OpenGL和WebGLWebGL基于OpenGLES,它缺少常规OpenGL具有的许多功能,例如仅支持顶点和片段着色器。

VRlook·2023-11-30 01:16

WebGL技术框架及功能

WebGL（WebGraphicsLibrary）是一种用于在Web浏览器中渲染交互式3D和2D图形的JavaScriptAPI。

defdsdddev·2023-11-30 01:14

HTML5+WebGL：构建 3D 网页新世界

今年下半年，HTML5和WebGL变成极热门词语，3D网页来势汹汹。

sunchunmei555·2023-11-29 19:39

WebGL编程指南pdf

下载地址：网盘下载WebGL是一项在网页上渲染三维图形的技术，也是HTML5草案的一部分。

weixin_30527323·2023-11-29 19:39

HTML5+WebGL：构建3D网页新世界

今年下半年，HTML5和WebGL变成极热门词语，3D网页来势汹汹。

nyh530·2023-11-29 19:37

WebGL的项目类型

WebGL是一种用于在Web浏览器中渲染交互式3D和2D图形的技术，它可以用于开发各种类型的应用。以下是一些常见的应用类型和它们各自的特点，希望对大家有所帮助。

defdsdddev·2023-11-29 19:06

webGL网页游戏的开发步骤

开发基于WebGL的网页游戏涉及多个步骤，包括游戏概念的设计、图形资源的创建、编码和调试等。以下是一个一般性的步骤指南，希望对大家有所帮助。

defdsdddev·2023-11-29 19:05

webGL开发虚拟实验室

通过WebGL，你可以创建交互式、沉浸式的虚拟实验室，使用户能够进行实验和学习。以下是一些步骤和关键考虑因素，帮助你开始开发虚拟实验室，希望对大家有所帮助。

defdsdddev·2023-11-29 19:33

mesh threejs 属性_ThreeJs 基础入门

本文来自网易云社区作者：唐钊Three.js是一款运行在浏览器中的3D引擎，你可以用它在web中创建各种三维场景，包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解webgl的世界。

伍宁华山胸外科·2023-11-29 17:48

Threejs入门1-简介

简介Three.js是WebGL的JavaScript3D库，其对WebGL提供的接口进行了非常好的封装，简化了很多细节，大大降低了学习成本，成为前端开发者完成3D绘图的得力工具。

空谷足音 -จุ·2023-11-29 17:42

Threejs在vue中使用(场景、相机、渲染器、gltf模型添加、环境贴图等）

前言Three.js(Javascript3Dlibrary)是基于原生WebGL封装运行的三维引擎，WebGL可以看成是浏览器给我们提供的接口，在JavaScript中可以直接用这些API进行3D图形的绘制

兴芳·2023-11-29 17:41

untiy webgl常见问题与操作

文章目录1untiy和网页相互通信2打开新页面（同标签页和新标签页）3获取网页的URL4解析Url内的参数5后处理与色彩空间问题1untiy和网页相互通信看这个文章2打开新页面（同标签页和新标签页）先看本文untiy和网页相互通信部分.jslib文件内容mergeInto(LibraryManager.library,{OpenNewWebsite:function(str){//window.o

吴梓穆·2023-11-29 11:05

Unity打包WebGL使用IIS报错解决

1.默认情况下，IIS服务器不提供未知MIME类型的静态内容。为了使Unity构建能够在IIS上工作，首先需要将.unityweb扩展名与application/octet-stream内容类型相关联。有两种方法可以实现该目的：使用IISManager界面：在IISManager面板中选择您的网站，打开MIMETypes功能，然后选择Add…操作。将.unityweb设置为文件扩展名，并将appl

熊的成长之路·2023-11-29 11:35

UnityWebGL 打包AB包 IIS部署的问题记录

参考博客1.检查模型所用到的Shader是否添加到AlwaysIncludedShaders,如下图2.打包的时候可以不添加后缀（添加MIME类型如图2）或者给添加的后缀配置MIME类型(如图3)application/octet-stream：代表任意的二进制数据传输3.设置目录浏览权限,默认是禁用的,因为加载ab包需要访问目录,如下图4.添加HTTP响应标头：结果如下图5.在PlayerSet

YrainyJi·2023-11-29 11:35

本地搭建IIS服务器存放UnityWebGL包火狐浏览器加载网址时报Json解析错误缺左尖号错误

文章目录:问题原因解决1.首先找到MIME类型2.然后打开MIME类型3.最后给添加新的MIME类型Win7系统搭建IIS服务器链接问题错误如下图原因网上说，IIS服务器默认配置，不识别Json、mp4等文件，需手动添加这些文件到服务器的“MIME类型”里解决1.首先找到MIME类型它在“控制面板——>管理工具——>Internet信息服务(IIS)管理器”中2.然后打开MIME类型,注意此处是双

Unity李大馋师·2023-11-29 11:34

Unity WebGL打包配置本地服务器

第一步打包1）、先对PlayerSetting进行设置2）、设置打包的窗口大小3）、遇到异常以及压缩格式第一个启用异常，指用户指定在运行时意外的代码行为（通常被认为错误）如何被处理，有三个选项：1、None无：选择这个你不需要任何异常支持。这提供了最佳的性能和最小的构建。使用这个选项，任何异常的抛出都会停止运行。2、ExplicitlyThrownExceptionsOnly:仅显示抛出异常3、F

雪狼·2023-11-29 11:34

UnityWebGL发布在IIS服务器进行测试运行

.在控制面板右上角点击查看方式-大图标,找到管理工具-InternetInformationServices(IIS)管理器3.右键网站图标,选择添加网站,在弹出的窗口中填入网站名称,物理路径浏览选择WebGL

梧桐Mormon·2023-11-29 11:31

UnityWebGL发布包问题及IIS配置

1、WebGL发布将平台切换到WebGL，打开PlayerSettings-PublishingSettings-CompressionFormat将压缩禁用，这样打包出来的文件数据后缀为.data。

故渊9527·2023-11-29 11:29

Unity部署WebGL项目到IIS服务器

Unity部署WebGL项目到IIS服务器1，部署IIS注意事项：在II7.0或者10.0上发布起来比较简单写好配置文件Web.config,放在根目录即可，需要根据自己项目用到的文件类型配置fileExtension

超神木羊·2023-11-29 11:29

Unity3d发布WebGL+创建IIS服务器+部署阿里云IIS服务器详细步骤+问题解决（图文详情）

Unity3d发布WebGL+创建IIS服务器+部署阿里云IIS服务器详细步骤+问题解决（图文详情）前言软件环境一、Unity发布WebGL包二、在阿里云创建IIS服务器1.创建阿里云账号远程连接桌面2

水光涵月·2023-11-29 11:28

IIS部署Unity网页WebGL

基于角色或基于功能的安装“服务器选择”：从服务器池中选择服务器“服务器角色”：“功能”：“确认”->“结果”3.配置网站win+R输入inetmgr打开IIS管理器->网站->右键添加网站：网站名称：webGL

o0麦嘎·2023-11-29 11:27

untiy 配置iis服务器来打开webgl

最简单的方法是不需要配置服务器，打包的时候直接buildandrun，但是有时候如果我们需要调整js的内容，会很不方便，所以配置一个iis服务器还是很有必要的首先要开启iis服务控制面板，查看方式选类型，点击程序找到internetInformationServices，按如下配置然后点击确定然后配置网站打开菜单，输入iis,找到iis管理工具然后添加一个新网站输入站点名，选择一个磁盘上的文件夹，

吴梓穆·2023-11-29 11:26

three.js中GlTF模型渲染优化

在Three.js中渲染GlTF（GLTransmissionFormat）模型时，通常需要考虑模型优化和性能优化两个方面。

lock cylinder·2023-11-29 07:17

three.js中给场景中的对象添加贴图

给场景中的对象添加贴图.png1、three.js中的贴图类型：normalMap：法线贴图bumpMap：凹凸贴图envMap：环境贴图specularMap：高光贴图lightMap：光照贴图2、贴图原理

听书先生·2023-11-29 06:00

WebGL笔记：图形旋转的原理和实现

旋转的概念三维物体的旋转要比位移复杂一点，三维物体的旋转需要满足以下条件：旋转轴旋转方向旋转角度场景举例模型站在旋转轴的起点进行旋转模型要往左转还是往右转，就是旋转的方向模型旋转的大小就是旋转角度2）旋转方向的正负在webgl

Wang's Blog·2023-11-29 05:28

01-three_basic 使用three.js渲染第一个场景和物体

1.package.json{"name":"01-three_basic","version":"1.0.0","description":"","main":"index.js","scripts":{"dev":"parcelsrc/index.html","build":"parcelbuildsrc/index.html"},"author":"","license":"ISC","de

HHH 917·2023-11-29 01:59

【前端】three.js

DirectionalLight）点光源（PointLight）聚光灯（SpotLight）渲染器Threejs的实现场景的搭建地图数据的获得生成地图几何体相机辅助视图增加交互控制器射线追踪增加tooltip来源概述Three.js

软泡芙·2023-11-28 06:08

基于 WEBGL和Three.js 的3D 工业物联网可视化应用

一、WEBGL和Three.js的发展国际信息技术和移动端迅猛发展，Webgl+Three.js技术得到了进一步的发展，而3D工厂厂房在数字化的今天，Webgl+Three.js已经被越来越多的公司和企业应用在虚拟工厂系统

邓先生18620235459·2023-11-28 06:56

智慧环卫GIS系统，如何在城市发展中实现取代人力环卫清扫？

介于2D组态和3D组态上，Hightopo（以下简称HT）的HTforWeb产品上的有着丰富的组态化可供选择，本文将运用HT搭载出一个基于HTML5WebGL和GIS技术的智慧环卫可视化系统。界

图扑可视化·2023-11-28 06:47

基于WebGL的三维交通监控可视化技术应用（实践版） ThingJS

#三维可视化##3D开发#WebGL，SVG，BIM技术对比ThingJS整合Echarts数据分析隧道监控三维可视化5大场景互联网技术为交通行业的可视化带来了多样性的发展。

ThingJS_小锘·2023-11-28 06:15

Cesium中的图形渲染技术-一帧的渲染

Cesium中的图形渲染技术-一帧的渲染2015年5月14日这篇文章追溯了Cesium的Scene.render来解释Cesium1.9是如何使用其WebGL渲染器渲染帧的。

碳学长·2023-11-28 05:17

CesiumJS中新的glTF架构之旅

CesiumJS是最早的glTF加载器之一，早在2012年，glTF还被称为WebGLTF。

碳学长·2023-11-28 05:16

unity播放视频的两种方式

一、默认状态：不支持webgl1、在Assets里创建一个RenderTexture，调整好尺寸（最好与要播放的视频保持一致）。2、在Hierarchy下创建一个RawImag

爱橙汁儿的太阳·2023-11-28 03:53

ygtu2018·2023-11-27 17:20

【前沿技术了解】web图形Canvas、svg、WebGL、数据可视化引擎的技术选型

目录Canvas：HTML5新增Canvas标签（画布）渲染上下文canvas.getContext(contextType[,contextAttributes])上下文类型（contextType）上下文属性(contextAttributes)示例动画setInterval(function,delay)：无需互动，按频率执行setTimeout(function,delay)：互动，延时执

参宿7·2023-11-27 14:36

Three.js源码学习（十三）core/Layers

构造器mask=1|0set(channel)enable(channel)toggle(channel)disable(channel)test(layers)

yuriy0_0·2023-11-27 11:21

Photo Sphere Viewer渲染全景图片

：----three.js----browser.js注：可以直接使用npminstallphoto-sphere-viewer或者yarnaddphoto-sphere-viewer安装，会自动下载three.js

suc浮生·2023-11-27 09:09

Three.js 3D模型爆炸分解

为此，我们将使用React-Three-Fiber，但它可以与原生Three.js配合使用（它与r3f生态系统没有深度绑定，只是对我来说迭代速度更快）。

xiangzhihong8·2023-11-27 01:59

OpenLayers实战，WebGL图层鼠标经过要素高亮显示，根据变量自动修改WebGL图层要素的透明度、大小和颜色

专栏目录：OpenLayers实战进阶专栏目录前言本章讲解OpenLayers使用WebGL图层情况下，鼠标经过要素高亮显示，根据变量自动修改WebGL图层要素的透明度、大小和颜色的功能。

汤姆猫不是猫·2023-11-26 05:44

OpenLayers实战，WebGL图层如何使用一张拼接合成图片根据坐标切片成单个图片进行渲染

专栏目录：OpenLayers实战进阶专栏目录前言本章主要讲解OpenLayers使用WebGL图层的情况下，如何使用一张拼接合成图片根据坐标切片成单个图片进行渲染不同图片到地图上的功能。

汤姆猫不是猫·2023-11-26 05:14

使用webpack打造专属的模块化项目

原因是这样的，最近在学习Three.js的过程中通过script标签引入相关依赖过于冗杂，使用起来也很不方便，如下所示：于是我就想在这种没有使用类似vue、react这种工程化的项目中如何去使用npm来管理各种依赖

Horizon~·2023-11-26 02:32

推荐频道

【WebGL】Three.js