threejs(webgl) 第10页

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 基础入门

使用它可以让我们更加直观的了解webgl的世界。

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

三维数据格式

先看一下threejs官网提供的三维模型加载器如见下图stlSTL是CAD软件中出来的一种3D模型文件格式，wiki已经解释的很清楚了。STL文件两种格式，ASCIISTL和BinarySTL。

老朱自强不息·2023-11-29 17:16

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

Html网页threejs显示obj,ply三维图像实例

程序示例精选Html网页threejs显示obj,ply三维图像实例如需安装运行环境或远程调试，见文章底部个人QQ名片，由专业技术人员远程协助！

荷塘月色2·2023-11-29 17:39

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

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

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

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

00.本地搭建 threejs 文档网站（网页版是外网比较慢）

three官网https://threejs.org/下载代码进入官网可以选择github去下载或者下载压缩包github下载https链接地址https://github.com/mrdoob/three.js.gitgitclonehttps

HHH 917·2023-11-29 01:04

threejs下监听mesh事件与监听3D对象的区别

技术架构reactthreejs@react-three/drei@react-three/fiber场景有这样一段代码，一个网格对象（mesh）中有一个平面（Plane），当我在网格上监听鼠标抬起事件时

zoujiawei6·2023-11-28 10:29

【前端】three.js

文章目录概述three.js-master目录结构Threejs的基本要素场景相机透视相机正交相机网格2d3d灯光AmbientLight(环境光)平行光（DirectionalLight）点光源（PointLight

软泡芙·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

上传本地pcd文件，并用threejs渲染

项目背景：pcd文件很大，如果是本地的文件，上传到网络再下载下来，会造成网络流量的极大浪费。那么我直接加载本地的（当前计算机上的pcd文件）用来显示，会大大提高网络效率。上代码：import*asTHREEfrom'three';import{PCDLoader}from'three/examples/jsm/loaders/PCDLoader.js'//注意是examples/jsmexport

加油小吃货·2023-11-27 20:12

ygtu2018·2023-11-27 17:20

Threejs用官方提供的编辑器做一个简单的模型

Threejs有提供一个web端的编辑器制作3D模型，地址是https://threejs.org/editor/，这个打开就可以在线编辑，但是因为比较简陋，所以只能做一些简单的模型用于测试，实际开发中还是用

baker_zhuang·2023-11-27 17:45

threejs编辑器(3D场景编辑器)

好久没写博客了。今年似乎有点贪玩。买了吃灰四件套，滑板，吉他，运动相机，以及大疆无人机air2s。所以一直在玩。。。哎，虽然我一直想减肥，但奈何猪厂的伙食是真得太好了。因此就买了这些小玩意儿，希望自己多多走走动动。当然，初衷也不止于此。年初(2022)的时候，缘由某些事情，让我常常问自己，活着的意义是什么？如果人生只有生存，而没有生活，那真的是太无趣了。因此我也想抽出一点时间去感受一下，曾经丢失的

跃焱邵隼·2023-11-27 17:13

【前沿技术了解】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

threejs + mapboxgl 实现炫酷动态立体墙效果

前言今天实现一个三维电子围栏效果；本例子是基于前面文章搭建的私库进行开发。在三维渲染中，有可能会遇到需要在地图上展示一个围栏效果，来展示一个区域的与众不同，或者；在预警方面常用到电子围栏来进行监控人员；本文也是借鉴maptalks中的立体墙的效果来实现的。之前在Cesium也实现过类似的效果，可以查看这个视频接下来我们实现一个动态立体墙的效果；围栏图层开发新建一个RippleWall图层，代码如下

jiegiser#·2023-11-26 07:04

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

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

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

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

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

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

WebGL/threeJS面试题扫描与总结

什么是WebGL？什么是Three.js？请解释three.js中的WebGL和Canvas的区别？

xyphf_和派孔明·2023-11-25 22:17

Unity减少发布打包文件的体积（二）——设置WebGL发布时每张图片的压缩方式

一个项目在发布成WebGL后，其体积至关重要，体积太大，用户加载会经历一个漫长的等待…轻则骂娘，重则用脚把电脑踢烂(扣质保金)…那么如何减少发布后的体积呢，本文从图片的压缩开始入手。

dzj2021·2023-11-25 13:48

一次【自定义编辑器功能脚本】【调用时内存爆仓】事故排查

一、事故描述我有一个需求：在工程文件中找得到所有的图片（Texture2D），然后把WebGL发布打包时的图片压缩规则进行修改。

dzj2021·2023-11-25 13:44

Threejs_12 物体阴影的实现

所以在Threejs的画布世界之中，一个物体有自己的影子呢？

Web阿成·2023-11-24 08:53

Threejs_13 聚光灯和点光源的使用

聚光灯就如同手电筒一样，点光源就如同一个电灯泡甚至是萤火虫那样。如何使用他们呢？我们还是一样，先做一个小球和一个平面，用来展示光线。并且加入基本的环境光。//做一个球体constSphereGeometry=newTHREE.SphereGeometry(1,20,20);//材质constmaterial=newTHREE.MeshStandardMaterial();constsphere=n