【WebGL】Three.js 第33页

three.js提升渲染效果

通常我们都希望渲染出更逼真的效果，有许多技术来改善模型在Three.js中渲染后的外观。但请注意，其中一些技术可能会影响性能，而某些技术则取决于您的模型。你必须根据情况进行调整。

seeooco·2023-08-10 08:07

THREE.js-------3D模型制作demo总结

下图是three.js中文文档截取的思维导图。（1）场景(Scene):场景是[物体,光源等元素]的容器。

smallmww·2023-08-10 05:14

vue中使用Three.js

2023-06-15-11-25-561.安装npminstallthree2.引入//方式1:导入整个three.js核心库import*asTHREEfrom'three';constscene=newTHREE.Scene

volodyan·2023-08-10 01:13

SuperMap GIS基础产品三维GIS FAQ集锦（5）

SuperMapGIS基础产品三维GISFAQ集锦（5）【WebGL】时间轴怎么添加？

supermapsupport·2023-08-09 19:38

关于three.js在vue项目中引入GLTF文件

点击前往，关于three的基础使用，这里只写关于GLTFLoader在vue的使用，其他类型的3D模型可使用其他loader，three.js中文文档点击这里有免费的gltf文件下载注意！！！！！！

Liiiiiiiie·2023-08-09 16:52

Three.js阴影

目录Three.js入门Three.js光源Three.js阴影使用灯光后，场景中就会产生阴影。物体的背面确实在黑暗中，这称为核心阴影（coreshadow）。

JonnyLan·2023-08-09 10:39

（转）使用Three.js制作一个基本的3D飞行游戏

今天，我们将使用Three.js创建一个简单的3D飞机，使WebGL更简单。由于GLSL的复杂性和语法，WebGL对许多开发人员来说是一个相当陌生的世界。

陈旭辕·2023-08-09 06:18

threejs模型点击选中

选中的网格模型变为半透明效果****/functionchoose(event){varSx=event.clientX;//鼠标单击位置横坐标varSy=event.clientY;//鼠标单击位置纵坐标//屏幕坐标转WebGL

china-yun·2023-08-09 03:51

使用Three.js创建旋转的立方体

使用Three.js创建旋转的立方体在本篇技术博客中，我们将介绍如何使用Three.js创建一个简单的场景，其中包含一个旋转的立方体。

荔枝啵啵·2023-08-08 20:44

2020/10-2023/7 Notes

2020/10-2023/7Notes1.UnityWebGL字体动态字体2.Path.Combine3.播放UnityWebGL构建包VistualStudioCode->Extensions->LiveServer4

NeoInTheMatrix·2023-08-08 17:57

web 3d场景构建+three.js+室内围墙，仓库，楼梯，货架模型等，第一人称进入场景案例

翻到了之前的一个案例，基于three.js做的仓库布局模拟，地图元素除了大模型外，其他都是通过JSON数据解析动态生成的，例如墙体，柱子门口，地标等，集成了第一人称的插件可以第一人称进入场景有需要的可以下载看看

11eleven·2023-08-08 14:11

vue结合three.js加载3D模型报404错误

使用vue结合three.js加载3D模型时报404的错误，加载字体库也会报404错误，同样的方法。

H_HX126·2023-08-08 09:45

CesiumJS 源码杂谈 - 从光到 Uniform

CesiumJS源码基础，所以就抽了一个周末跟了跟CesiumJS中的光照初步，在简单的代码追踪后，发现想系统学习光照材质，仍然是需要RTR知识的，这次仅仅了解了光在CesiumJS底层中是如何从API传递到WebGL

qw_6918966011·2023-08-07 17:26

three.js渲染带动画的glb文件（内附源码，保姆级）

那就一步步来吧哎最底下附带了案例源文件1.准备好three.js中用到的各种文件的各种文件然后让我们开始吧，可恶哇！！！就想偷个懒import*asTHREEfrom'.

小周不会three.js哇·2023-08-07 13:44

【抖音小游戏】 Unity制作抖音小游戏方案最新完整详细教程来袭【持续更新】

呆呆敲代码的小Y·2023-08-07 13:35

WebGL内置函数

在看Cesium着色器源码的时候，看到了WebGL中的一些内置函数，为方便以后查看，特意记录一下：1.texture2Dvec4texture2D(sampler2Dsampler,vec2coord)

写前端的大叔·2023-08-07 08:39

three.js

three.js使用ES6标准三大组建场景（scene）、相机（camera）和渲染器（renderer）。有了这三样东西，才能将物体渲染到网页中去。

肖雨San·2023-08-07 06:24

WebGL Shader着色器GLSL语言

WebGL使用的是正交右手坐标系，且每个方向都有可使用的值的区间，超出该矩形区间的图像不会绘制：X轴最左边为-1，最右边为1；Y轴最下边为-1，最上边为1；Z轴朝向你的方向最大值为1，远离你的方向最大值为

时光浅止·2023-08-07 03:20

WebGL系列教程：WebGL基础知识

下面我们来正式学习WebGL开发中的一些基本的概念和知识。

xiangzhihong8·2023-08-07 01:05

WebGL: 几个入门小例子

本文通过WebGL例子，来帮助WebGL入门学习。一、概述WebGL(WebGraphicsLibrary)是一组基于OpenES、在Web内渲染3D图形的JavascriptAPIs。

JiNan.YouQuan.Soft·2023-08-06 23:57

vue-baidu-map-3x 使用记录

喜欢的朋友记得帮原作者点下star~vue-baidu-map-3xbaidu-map的vue3/vue2版本（支持v2.0、v3.0和webGlapi）我全都有。

Lyrelion·2023-08-06 11:09

Unity发布Webgl在本地运行

Unity发布Webgl在本地运行_qq_33155437的博客-CSDN博客_unitywebgl运行

·且听风吟··2023-08-06 07:12

ShaderToy着色器移植到Three.js全过程记录

但你也可以使用WebGL着色器来解决面向机器的问题。着色器使用类似于C/C++的语言进行编程，虽然它们主要不是为了解决一般问题，但它们的用途不仅仅是渲染图像和3D场景。第二个

新缸中之脑·2023-08-06 05:13

Unity 3D DevLog-WebGL

Unity3DWebGL开发问题汇总—NeoHe2021/12/061.分辨率IOSCanvasSize23881668CanvasScaler:1.55注意：CanvasScaler从PC19201080

NeoInTheMatrix·2023-08-06 01:12

three.js学习

newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);//透明相机varrenderer=newTHREE.WebGLRend

是阿狸·2023-08-05 07:31

Unity之webgl端通过vue3接入腾讯云联络中心SDK

腾讯云联络中心SDK:云联络中心Web-SDK开发指南-文档中心-腾讯云(tencent.com)1首先下载Demo1.1对其进行解压1.2根据文档操作查看README.md,根据说明设置server下的dev.js里的相关参数。然后打开电脑终端，cd到项目的路径：安装依赖运行1.3运行demo复制http://127.0.0.1:5173/在浏览器里输入，这时候会显示如下画面：输入电话号码，点击

hemy1989·2023-08-04 09:09

三维开发常见坐标系概念

初学者刚开始了解三维可视化开发时，都会遇到各种坐标的概念，同时也需要在各个坐标系之间相互转换数据，导致对各个概念混淆，分不清楚到底各个坐标系是什么关系，下面我就以我自己对webgis相关了解，结合Three.js

Erric_Zhang·2023-08-04 01:57

小红书前端开发一面 2023.7.20

北京时长：45min日常实习项目拷打+Three.js+Vue+JavaScript+CSS+手写题自我介绍选择一个你负责任务最多的项目讲讲在项目开发中遇到的一个印象最深刻的问题，最后如何解决的讲讲你认为的Three.js

⁡⁢⁡⁢⁠Ac·2023-08-03 04:45

如何发布Unity游戏到4399平台

一、将游戏发布为WebGL游戏制作完成后BuildSetting中选择WebGL，如果提示没有则需要下载这个插件。

香菇CST·2023-08-02 22:46

WebGL简介

WebGL简介前言1.WebGL简介1.1WebGL概述1.2WebGL程序的结构1.3WebGL和OpenGL2.着色器语言2.1顶点着色器2.2片元着色器3.webGL绘制一个点4.webGL渲染过程前言

南木元元·2023-08-02 18:21

Three.js创建天空盒

方式一：使用Cue纹理constcubeTextureLoader=newTHREE.CubeTextureLoader();constenvMap=cubeTextureLoader.load(['texture/pisa/left.png','texture/pisa/right.png','texture/pisa/top.png','texture/pisa/bottom.png','te

Naive》·2023-08-02 18:49

Krpano全景制作

一、前言在使用krpano之前，我已经做过两个全景项目了，用的是基于three.js的插件photoSphereViewer，这个全景插件用起来还是很方便的，虽然研究起来费了点时间，但是基本的全景功能都能实现

Naive》·2023-08-02 18:19

THREE.js绘制银河系

functioncreateYinhexi(){scene.background=newTHREE.Color("#000000");constscale=2;constparameters={count:50000,size:.6,radius:10,branches:20,spin:-1.72,randomness:0.3,randomnessPower:3,insideColor:"#ff6

Naive》·2023-08-02 18:47

Webgl学习笔记 1 初始化shader

编译GLSLES代码,创建和初始化着色器供WebGL使用.1,创建着色器对象(gl.createShader());2,向着色器中填充着色器程序的源代码(gl.shaderSource())3,编译着色器

AlanFu·2023-08-02 16:52

three.js实现vr全景图

three.js中文网1、立方体实现立方体6个面要贴上6个方向的图片，这6个图片如下所示：实现代码如下：import*asTHREEfrom'three'import{OrbitControls}from'three

拾荒旧痕·2023-08-02 12:49

基于Three.js和MindAR实现的网页端摄像头头部帽饰、头盔3D虚拟试穿戴功能(含源码)

前言研究学习、使用MindAR有一段时间了，发现它的虚拟试穿戴功能还是比较好玩的，对售卖头部佩戴相关产品的公司还是有一定的应用价值的。例如：耳环、口罩、眼镜、头盔和帽子等都是适用的。于是我收集了很多头部佩戴相关的3D模型进行测试，感觉效果还是不错的，本案例是基于“examples/face-tracking/example2.html”修改而来，本案例在电脑浏览器中完美运行。效果切换：猛男头盔：实

十幺卜入·2023-08-01 23:50

Unity3d C#快速打开萤石云监控视频流（ezopen）支持WebGL平台，替代UMP播放视频流的方案（含源码）

还有当输出WebGL的时候视频无法播放，这个问题也一直没法解决。而我们常用的萤石云监控视频流在小程序端或者Web端打开却快速了很多，这也就启发了在Unity3d中也使用这种嫁

十幺卜入·2023-08-01 23:49

mapboxgl 互联网地图纠偏插件（一）

于是去恶补了webgl的知识，再去看mapb

GIS兵器库·2023-08-01 05:47

Three.js之创建3D场景

参考资料【G】Three.js官方文档：https://threejs.org/docs/Three.js是一个流行的WebGL库，官方文档提供了详细的API参考和示例，适合学习和参考。

开心就是最好·2023-07-31 17:28

【WebGL】初探WebGL,我了解到这些

WebGL（Web图形库）是一种强大的技术，允许您在Web浏览器中直接创建交互式的3D图形和动画。它利用现代图形硬件的能力来呈现令人惊叹的视觉效果，使其成为Web开发人员和计算机图形爱好者必备的技能。

且陶陶º·2023-07-31 13:22

webgl in android

webglinandroid我感觉一天之内自己白了头，昨天脑子发热，想用webgl下的sharder写自己心仪很久的效果（这个“心仪用得有些过分了”）。

与时间赛跑_·2023-07-30 21:21

three.js 使用对象组合

body{margin:0;height:100%;}canvas{display:block;}varrenderer;functioninitRender(){renderer=newTHREE.WebGLRenderer

zhang-zan·2023-07-29 20:18

Unity Profiler或UPR连接WebGL应用出错

问题在使用UnityBuild出WebGL应用进行性能测试的时候，勾选上了DevelopmentBuild和AutoconnectProfiler，分别使用Profiler和UPR进行测试现象使用Profiler

Edward.W·2023-07-29 13:39

html5贝塞尔曲线,用canvas绘制一个曲线动画——深入理解贝塞尔曲线

原生提供的曲线绘制都是使用贝赛尔曲线它也可以用来描述一个缓动算法，设置css的transition-timing-function属性，可以使用贝塞尔曲线来描述过渡的缓动计算几乎所有前端2D或3D图形图表库(echarts，d3，three.js

艾闻·2023-07-29 11:47

WebVR

//three.js核心库three.js//从连接的VR设备中获得位置信息并应用在camera对象上，将在下文展开VRControls.js//处理立体视觉和绘制相关，将在下文展开VREffect.js

四是二非·2023-07-28 22:58

Three.js——十五、Box3、相机动画、lookAt()视线方向、管道漫游案例、OrbitControls旋转缩放限制、以及相机控件MapControls

正投影相机正投影相机和透视相机的区别如果都以高处俯视去看整个场景，正投影相机就类似于2d的可视化的效果，透视相机就类似于人眼观察效果调整left,right,top,bottom范围大小如果你想整体预览全部立方体，就需要调整相机的渲染范围，比如设置上下左右的范围。使用场景：正投影可以用来预览中国地图，或者2D可视化的效果透视投影相机一般是人在场景用漫游，或者高俯视整个包围盒Box3就是将整个模型的

Southern Wind·2023-07-28 21:57

Three.js——十三、自定义大小画布、UI交互按钮以及3D场景交互、渲染画布为文件（图片）

画布全屏以及自定义大小画布画布随窗口变化//画布跟随窗口变化window.onresize=function(){constwidth=window.innerWidth-"多余的宽度";//model画布高度constheight=window.innerHeight-"多余的高度";//model画布宽度renderer.setSize(width,height);camera.aspect=

Southern Wind·2023-07-28 21:26

OpenLayers入门，OpenLayers如何加载GeoJson多边形、线段、点和区域范围等数据并叠加到OpenLayers矢量图层上

专栏目录：OpenLayers入门教程汇总目录前言前面两章已经讲了OpenLayers如何加载GeoJson数据到矢量图层和webgl图层上，前面两章也是可以支持多边形、线段、点和区域范围灯数据加载的，

汤姆猫不是猫·2023-07-28 20:20

three.js入门一：入门demo讲解

__THREE__即可查看版本）vscodewindowedge关于threejs：开源web3d引擎github：https://github.com/mrdoob/three.js/官网：https

jackletter·2023-07-28 04:16

three.js入门二：相机的zoom参数

环境：threejs：129（在浏览器的控制台下输入：window.__THREE__即可查看版本）vscodewindowedge透视相机或正交相机都有一个zoom参数，它可以用来将相机排到的内容在canvas上缩放显示。要点：设置zoom后要调用camera.updateProjectionMatrix();zoom默认是1，它的取值就像是手机拍照一样。值变大，画面放大，看到的变少；值变小，画

jackletter·2023-07-28 04:45

推荐频道

【WebGL】Three.js