threejs(webgl) 第43页

THREEJS在场景图上动态标识一些文字方法二（文字精灵sprite）

threejs文字精灵sprite的实现1.手动添加文字精灵2.通过json动态获取文字精灵，并进行交互3.point模型只表示位置4.CircleGeometry实现5.3.PlaneGeometry

WFF的赵本山·2023-02-28 15:31

threejs精灵Sprite。通过canvas创建2d和3d的模型材质

在threejs中，这样说明Sprtite（doc）:Aspriteisaplanethatalwaysfacestowardsthecamera,generallywithapartiallytransparenttextureapplied.Spritesdonotcastshadows

搬砖小田·2023-02-28 15:31

Threejs基础代码段（一）Sprite精灵标签

相比于普通气泡窗，Sprite效果拥有一个独特属性，无论场景如何旋转偏移，标签总是正对着相机平面。在日常基础设施、物联设备中精灵标签最为常用。//精灵标签摄像头letlocatCamera=[newTHREE.Vector3(15,4,0),newTHREE.Vector3(14,4,-19),newTHREE.Vector3(13,11.5,-9),newTHREE.Vector3(85,11,

Giser之路·2023-02-28 15:01

three.js中场景模糊、纹理失真的问题

2.方案2.1.开启反走样three.js创建的WebGLRenderer对象有抗锯齿选项的支持：varrenderer=newTHREE.WebGLRender

charlee44·2023-02-28 15:31

基于threejs(webgl)的3D元宇宙云展厅

首先看看效果图：基于threejs的3D展厅基于threejs开发的3D展厅，展品可以自由摆放。

·2023-02-25 10:55

常用的18个 JavaScript 3D 库和框架

在WebGL库和SVG/Canvas元素的支持下，JavaScript变得惊人的强大。几乎可以为网络构建任何东西，包括基于浏览器的游戏和本地应用，许多最新的突破性功能都在3D上运行。

·2023-02-24 15:19

BabylonJS之放烟花

BabylonJS烟花效果视频一：技术调研1.方案一：ParticleSystem用ParticleSystem来实现每一束的烟花效果，如果浏览器支持WebGL2功能，使用GPUParticleSystem

神小夜·2023-02-24 12:54

Unity 3D 游戏引擎

Unity3D可以运行在Windows和MacOSX下，可发布游戏至Windows、Mac、Wii、iPhone、WebGL（需要HTML5）、WindowsPhone8和Android平台。

于大博·2023-02-23 16:06

OpenGL和WebGL的关系与区别

什么是WebGLWebGL™是一个跨平台的，免版税的开放Web标准，用于基于OpenGLES的低级3D图形API，通过HTML5Canvas元素向ECMAScript公开。

·2023-02-22 15:34

NSDT可编程3D场景【兼容Three.js】

NSDT编辑器简化了WebGL3D应用的开发，完全兼容Three.JS生态。本文介绍如何在自己的应用中嵌入使用NSDT编辑器搭建的3D场景，并通过JSAPI与场景进行交互。

新缸中之脑·2023-02-20 08:06

webgl 20.画一个正方体

这样传的顶点太多了，webgl用索引(index)解决这个问题，我们只需要传8个顶点进去，然后引用顶点的索引值就可以了。attributevec4a_Position;attrib

lesliefang·2023-02-18 19:40

webgl基础图形

WebGL的工作是绘制图形图像，了解WebGL的图形是至关重要的。

三界之外的无名·2023-02-18 06:23

Threejs基本概念(七)光

环境光AmbientLight为场景提供整体的光照效果，没有明确光源，各处形成亮度一致点光源PointLight没有大小，只是一个点平行光DirectionalLight例如太阳光平行光照的亮度相同，于平面所在位置无关聚光灯SpotLight一种特殊的点光源朝某方向投射光线，光线形式为圆锥形矩形平面光RectAreaLight此灯可以投射阴影，这个类目前正在积极开发中，可能还没有生产就绪（从r83

Doter·2023-02-17 23:01

WebGL简介

1.什么是WebGL?

qq_53280805·2023-02-17 17:10

交互式Web前端开发最好用的WebGL框架

JavaScript是创建Web最有用的编程语言之一，尤其是在WebGL库的支持下。有了WebGL，可以很方便地使用HTML5Canvas元素动态生成图形。

·2023-02-17 17:54

threejs碰撞检测-前进后退，上下楼梯一口气搞定！

原文参考我的公众号文章#threejs碰撞检测-前进后退，上下楼梯一口气搞定！物体移动-前后碰撞检测主要还是依靠Raycaster(origin,direction)射线检测。

·2023-02-17 15:51

UnityRenderStreaming云渲染

[email protected]/manual/index.html他的实现是把unity程序通过视频流，语音流的方式展现到网页上，通过网络传输用户的交互，好处是解决了unity输出webgl

WLY_Unity_Unreal·2023-02-17 13:50

如何使用 Unity制作微信小游戏，微信小游戏制作方案最新完整详细教程来袭【持续更新】

前言Unity实战篇｜Unity制作微信小游戏，最新详细教程来袭【持续更新】一、方案特点二、技术原理三、转换案例四、安装与使用方法4.1查阅推荐的引擎版本，安装时选择WebGL组件4.2Node官网安装长期稳定版

呆呆敲代码的小Y·2023-02-17 13:48

Three.js (一) WebGL、场景、相机、渲染器

概述Canvas->JavaScript->Three.js->WebGL->OpenGL->....

李霖弢·2023-02-17 10:12

unity3D的WEBGL发布与调优

项目场景：unity3d的发布，采用后台运行模式，发布后配置本例采用2020.3.23f1c1WEBGL问题描述unity3D默认情况下，依赖于界面的刷新，界面失去焦点，后台不运行，现实中，特别是实时展示前后台数据交互场景中

雨后暖阳·2023-02-17 07:43

unity webgl加载全屏设置

unitywebgl加载全屏设置

Y咚咚·2023-02-17 07:13

UnityWebGL2021 全屏--新版本

前言：之前看的很多关于WebGL全屏的代码和帖子，但都是unity2018的版本，目前听说unity2020之后，webgl加载速度有优化，所以没敢换回低版本，索性在这个版本基础上修改，写的不好的地方，

//记得注释·2023-02-17 07:13

Unity3D打包WebGL接收URL 地址中的参数

Unity3D打包WebGL接收URL地址中的参数，比如接收http://1.1.1.1:1/?1024dssawwcdffds中的“?

七情六欲丶·2023-02-17 07:13

Unity WebGL设置全屏方法。

打包完成后需要设置前段JS代码和CSS格式代码。添加width:100%;height:100%;修改：

九本才·2023-02-17 07:12

【虚拟仿真】Unity3D打包WEBGL实现全屏切换

一、前言今天实现Unity3D打包WEBGL后实现按钮点击全屏和退出全屏的实现。

恬静的小魔龙·2023-02-17 07:42

CesiumJS PrimitiveAPI 高级着色入门 - 从参数化几何与 Fabric 材质到着色器 - 上篇

PrimitiveAPI还包括AppearanceAPI、GeometryAPI两个主要部分，是CesiumJS挡在原生WebGL接口之前的最底层图形封装接口（公开的），不公开的最底层接口是DrawCommand

·2023-02-16 22:39

blender建模 & threejs开发初体验 | 大帅老猿threejs特训

之前看到过threejs做的各种炫酷的案例，甚是有趣，一直打算自己也能写个demo尝试下，这次就跟着教程来学习下，小小的入个门。建模这次是用blender建的模，当然也可以用其他软件。

·2023-02-16 22:04

Three.js和Blender入门元宇宙 | 大帅老猿threejs特训

一、元宇宙入门元宇宙的概念译自英语名词metaverse。其前缀“meta”有“元”之义，词根“verse”代表宇宙（universe），二者组合起来为“超越宇宙”，意即元宇宙，是利用互联网、软件、区块链等多种技术将现实与虚拟世界融合。苹果、微软、Facebook和华为等高科技公司都对元宇宙进行不同的诠释，让我们感到有点神秘又有一点模糊，学习胖达老师和大帅老师的组织Web3D实训，学习了从Thre

·2023-02-16 22:04

Blender探索笔记 | 大帅老猿threejs特训

前言精彩的世界杯决赛期间，参与了胖达老师基于Three.js&Blender的元宇宙搭建入门实训，趁着年前还有点记忆，来做个笔记。本来想在这篇笔记里面完整记下整个流程，但是篇幅实在太长了，本文暂时以Blender探索为主。基础环境搭建Three.js提供的API是可以让我们基于原生JavaScript随便玩的，但是为了让我们能在VSCode环境下有更好的代码提示和热更新，我们可以把Vite和Typ

·2023-02-16 22:03

3D可视化：18个WebGL框架和Web3D图形库

WebGL是基于OpenGL的JavaScriptAPI库，允许Web浏览器在浏览器中渲染3D/2D图形，而无需安装额外的插件、桌面应用程序。

·2023-02-16 20:06

基于GIS+WebGL智慧消防物联网可视化云平台

智慧消防不仅仅是一个平台，一个解决方案，更是火灾救援中的一份安全保障，能为灭火救援提供信息支撑，提高救援效率，实现灭早灭小，充分保障人民群众的生命财产损失，是技术和时代创新发展的成果。建设背景近年来，国家对于消防愈加重视，出台了一系列政策，不断完善消防事业布局和消费监管体系。2017年10月，国家公安部消防局发布的《关于全面推进“智慧消防”建设的指导意见》指出要综合运用物联网、云计算、大数据等新兴

·2023-02-16 20:38

vue three.js创建地面并设置阴影实现示例

演示gif图如下：准备一个容器mounted方法mounted(){this.initThreejs();},下面是initThreejs的代码：定义参数并执行方法c

·2023-02-16 20:27

基于Web的6个完美3D图形WebGL库

现代前端、游戏和Web开发正是WebGL可以转化为数字杰作的东西。使用GPU绘制在浏览器屏幕上生成的矢量元素，WebGL创建交互式Web图形，从而获得用户体验。

·2023-02-16 20:28

threejs改变模型的旋转中心

前言模型是一个引入模型，而且是非常多的不固定那种引起原因，模型中心（模型原点）不是几何中心，要手动调整只改变模型的position位置无法改变旋转中心问题解决方案算出模型的几何中心，算出模型相对模型原点的偏移重点建立一个Group组，并对模型偏移...letmesh=模型letgroup=newTHREE.Object3D();group.position.set(0,0,0);//世界原点坐标g

板栗炖牛肉·2023-02-09 18:44

threejs模型缓存、微信小程序web-view 3D模型缓存

微信小程序开发过程中，使用web-view标签引入H5页面，会发现例如glb等三维模型文件，哪怕服务器设置了http缓存，也不会生效，用户每次打开页面还是要重新加载三维模型，而一些三维模型的体积可能又会比较大，所以就考虑将3D模型缓存下来，经过实践尝试后，封装了用于处理此场景的函数工具类，希望能帮助需要做此块改进优化的人。/***此工具类是对三维模型数据存储到浏览器indexDB的封装*【为什么使

Erric_Zhang·2023-02-08 14:47

WebGL入门(二十五)-物体变换时光照处理、立方体平移旋转缩放变换时漫反射光照计算、逆转置矩阵

立方体平移旋转缩放时漫反射光照计算1.demo效果2.相关知识点2.1物体坐标变换法向量变化2.2矩阵逆转置3.demo代码4.后续1.demo效果如上，图一为变换前的效果，是贴的上一个demo的运行效果图，图二是本次demo的效果，在上一个demo的基础上，处理了物体坐标变换时光照变化的效果2.相关知识点2.1物体坐标变换法向量变化如上图，归纳一下物体坐标变换法向量变化的规律如下平移变换，法向量

点燃火柴·2023-02-07 13:58

webgl基本概念

光栅化是将向量图形格式表示的图像转换成位图以用于显示器或者打印机输出的过程；栅格即像素，栅格化即将矢量图形转化为位图（栅格图像）。最基础的栅格化算法将多边形表示的三维场景渲染到二维表面；是将一个图元转变为一个二维图象，二维图象上每个点都包含了颜色、深度和纹理数据，将该点和相关信息叫做一个片元；是一种将几何图元变为二维图像的过程。该过程包含了两部分的工作。第一部分工作：决定窗口坐标中的哪些整型栅格区

videring·2023-02-07 09:26

解决截取高德地图白屏问题

解决方案：1.尝试用跨域解决，使用后发现不是跨域影响的2.高德地图是用canvas画的，getContext(‘2d’)方法为null，不能使用转base64的方法3.最后了解到高德地图是使用WebGL

_Struggle_·2023-02-06 23:01

各类三维引擎综合概述(OpenGL、DirectX、WebGL、UE4、U3D、ACIS、ParaSolid）

关于OpenGL、DirectX、OpenCVOpenCVOpenCV是OpenSourceComputerVisionLibrary主要是提供图像处理和视频处理的基础算法库，还涉及一些机器学习的算法。比如你想实现视频的降噪、运动物体的跟踪、目标（比如人脸）的识别这些都是CV的领域。它是可以运行在Linux、Window、和MacOS操作系统上，它是轻量级而且很高效的。OpenGLOpenGL是O

丰色木夕·2023-02-06 17:12

初识 ThreeJS （ThreeJS 相关环境搭建）

初识ThreeJS（初识ThreeJS（ThreeJS相关环境搭建）参考描述ThreeJS在本地搭建NodeJS的官方网站获取使用安装依赖项运行官方文档案例场景编辑器搭建ThreeJS运行环境webpack

两个月亮·2023-02-05 15:03

关于一次数据渲染 WebGLRenderer renderBufferDirect

关于threejsthreejs是webgl的封装库，提供了方便用户调用调用的接口和函数，涉及几何模型生产，用户交互操作，渲染特效，数学库及渲染优化等，与webgl相比，threejs更易懂易学。

aibinMr·2023-02-05 04:35

2.第一章2小节材质贴图、光照和阴影

以下文章即LearnThreejs第三版英文翻译学习记录，可以到正版书店购买对应书籍。添加材质、光线在Three.js中变得简单，它的操作原理和我们上一节提到的流程是一样的。

我的名字好长好长灬·2023-02-05 03:28

3d-force-graph

使用ThreeJS/WebGL进行3D渲染，使用d3-force-3d或ngraph作为底层物理引擎。相关参阅2D画布版、VR版和AR版、React绑定。

onlyword·2023-02-04 08:06

通过three.js + shader 生成3D高度地球

开始生成地球生成地球模型//threejsconstoptions={radius:100,//地球的半径segments:640,//地球的分段数数量越高地球精度越高map:'.

饶砳砳·2023-02-04 02:27

L7 2.0 上手指北

源码L7地理可视化希望那么多demo能在本地电脑上运行起来了现实却是各个环境报错，就是安装不起来，L7地理可视化各种折腾之后依旧不可以L7地理可视化简直是从入门到放弃L7地理可视化回归正题L7项目基于WebGL

ThinkingGIS·2023-02-04 01:53

Unity打包webGL无法在服务正常运行

报错内容：UnabletoparseBuild/RobotTest.framework.js.gz!ThiscanhappenifbuildcompressionwasenabledbutwebserverhostingthecontentwasmisconfiguredtonotservethefilewithHTTPResponseHeader"Content-Encoding:gzip"pr

fortitude1990·2023-02-02 19:46

threejs之视角跟随

原文参考我的公众号文章threejs第X人称视角3D世界，像机的位置和旋转情况决定了我们能看到什么，这篇文章主要讲讲如何简单的实现第一人称/第三人称视角跟随。

·2023-02-02 10:34

cesium 3dtiles 加载本地数据_使用Cesium加载并调整3D Tiles

3DTiles是目前大火的开源WebGL框架Cesium的御用格式。根据实际体验，3DTiles和二维地图中的瓦片组织非常相似，在网络中

weixin_39581896·2023-02-02 08:20

三维数据标准

文章目录前言一、I3S(Indexed3dSceneLayer,索引三维场景图层)二、S3M(Spatial3DModel,空间三维模型)三、3DTiles(三维瓦片)前言数据是进行可视化的基础，目前，基于WebGL

amigoh·2023-02-02 08:50

Three.js 实现VR看房

准备工作：1、three.jshttps://threejs.org/build/three.js2、搭建项目环境我使用的live-server3、720°全景图目录结构mian.js;(function

月_关·2023-02-02 07:19

推荐频道

threejs(webgl)