【WebGL】Three.js

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

44 Three.js拉伸几何体THREE.ExtrudeGeometry

拉伸几何体是什么拉伸是指我们有一个二维图形，通过针对这个二维图形进行z轴拉伸，将它转换成三维图形。例如，如果我们拉伸THREE.CircleGeometry，就会得到一个类似圆柱体的图形；如果我们拉伸THREE.PlaneGeometry，就会得到一个立方体。下面我们介绍一下常用的THREE.ExtrudeGeometryTHREE.ExtrudeGeometry简介THREE.ExtrudeGe
暮志未晚Webgl·2023-11-25 10:35

three.js场景中的环境光与点光源，以及物体添加阴影

添加阴影.png1、THREE.AmbientLight(环境光)环境光创建后会应用到全局中去，该光源没有特别的来源方向，通常不能将THREE.AmbientLight作为场景中的唯一的光源，因为他会将场景中的所有物体渲染为相同的颜色，在场景中再去引入其他的光源的目的就是弱化阴影。使用方式：ambientLight=newTHREE.AmbientLight(0xffffff,1);//环境光的颜
听书先生·2023-11-25 08:06

游戏框架列举

以下是我找的游戏框架列举：1、createJS是比较小型的一种框架可以用来做网页小游戏http://www.createjs.cc/2、PixiJSv4用最快，最灵活的2DWebGL渲染器创建精美的数字内容
依耳私语·2023-11-23 20:32

大分辨率(5120*1600)屏幕使用cesium加载高精度倾斜摄影数据浏览器报错崩溃解决方案

下面是具体的报错信息：Anerroroccurredwhilerendering.Renderinghasstopped.TypeError：Failedtoexecute'shaderSource'on'WebGLRenderingCont
敲代码的小江江·2023-11-23 04:19

OpenLayers实战，WebGL图层根据Feature要素的变量动态渲染多种颜色和不同直径大小的圆形和圆点图形，适用于大量圆形圆点渲染不同颜色不同大小

通过一个WebGL图层生成四种不同颜色和不同大小的圆形圆点图形要素，适用于WebGL图层需要根据大量点要素区分颜色区分不同大小显示圆形圆点的需求。
汤姆猫不是猫·2023-11-23 04:05

OpenLayers实战，WebGL图层根据Feature要素的变量动态渲染多种颜色、不同长度和不同透明度的长方形（矩形）图形，适用于大量矩形图形渲染

通过一个WebGL图层生成四种不同颜色、不同大小和不同透明度的矩形图形要素，适用于WebGL图层根据大量点要素区分颜色、区分不同大小和区分透明度显示矩形的需求。
汤姆猫不是猫·2023-11-23 04:05

OpenLayers实战，WebGL图层根据Feature要素的变量动态渲染多种颜色的三角形，适用于大量三角形渲染不同颜色

通过一个WebGL图层生成四种不同颜色的图形要素，适用于WebGL图层需要根据大量点要素区分颜色显示的需求。更多的WebGL图层使用运算符动态生成样式的内容将会陆续更新。
汤姆猫不是猫·2023-11-23 04:35

OpenLayers入门，OpenLayers6的WebGLPointsLayer图层样式和运算符详解，四种symbolType类型案例

专栏目录：OpenLayers入门教程汇总目录前言本章讲解使用OpenLayers6的WebGL图层显示大量点情况下，列举出所有WebGLPointsLayer图层所支持的所有样式运算符大全。
汤姆猫不是猫·2023-11-23 04:33

canvas 适配浏览器可视窗口出现滚动条问题

也能用canvas3dwebgl来绘制各种图形、图表，它主要依赖gpu来绘制各种图形。最近突然遇到一个问题是，我有一个canvas元素，我想每次出来都让他自适应屏幕可视区域的大小。
纯爱枫若情·2023-11-23 04:01

three.js上传模型文件并加载显示

效果大概这样，这个宝箱模型是直接初始化就显示的，人物模型是自己本地添加上去的，代码如下。import{ref,reactive,onMounted,getCurrentInstance}from'vue'import*asTHREEfrom'three'import{OBJLoader}from'three/examples/jsm/loaders/OBJLoader'import{OrbitCo
江苏省精神病院玛主任·2023-11-22 17:46

WebGL：基于web的交互式2D/3D图形引擎

推荐：使用NSDT编辑器快速搭建3D应用场景在本指南中，我们旨在回答与WebGL技术相关的大多数问题。首先，让我们从WebGL定义开始。什么是WebGL？
ygtu2018·2023-11-22 14:03

使用webGL实现web在线预览creo三维图

要在Web中预览Creo类型的三维图纸，您可以考虑使用现有的3D渲染引擎和WebGL技术。以下是一些实现的步骤：1、将Creo类型的三维图纸转换为可在Web上使用的格式。
IT小哥哥呀·2023-11-22 14:03

【webgl】初识

【webgl】初识WebGL应用程序的结构渲染名词着色器顶点着色器片段着色器(像素着色器)OpenGLESSL变量Shader语言顶点着色器原始汇编光栅化片段着色器WebGL应用程序的结构WebGL应用程序代码是
折桂怀橘·2023-11-22 14:32

前端webgl框架推荐

前端WebGL框架可以帮助开发者更容易地使用WebGL技术创建3D场景和交互式的图形应用程序。
别把代码当饭吃·2023-11-22 14:30

学废了系列 - WebGIS vs WebGL图形编程

另外，我之前的工作中积攒了一些从零开始搭建WebGL地图引擎的微薄经验，虽然最终遗憾没有上线，但在其中学到的一些WebGL知识还是值得分享一下。
马小瑄·2023-11-22 14:28

webGL开发微信小游戏

WebGL是一种用于在浏览器中渲染2D和3D图形的JavaScriptAPI。微信小游戏本质上是在微信环境中运行的基于Web技术的应用，因此你可以使用WebGL来开发小游戏。
defdsdddev·2023-11-22 14:25

webGL技术开发的软件类型

WebGL是一种在浏览器中渲染2D和3D图形的JavaScriptAPI。通过WebGL，你可以创建各种类型的软件项目，特别是那些需要强大图形渲染能力的项目。
defdsdddev·2023-11-22 14:21

资深程序员-5年大厂经验代码究竟写的如何-H5-WEBgl-typeScript的笔记代码之一

目录这个文章拖了有2个月了吧大概的Feature数组.reduce()数组.concat()数组元素统计数组去重参考reduce()方法实战这个文章拖了有2个月了吧大部分出于一个资深同事的交接文档，此人不爱写备注所以想不到怎么吐槽他好，吐槽可能会在下一个文章之二，补充1.前同事的逻辑能力肯定时很好的，性格好，也很适合做程序员，俗称的”能出活“，只是真的是输出上去了，工资也上去了，公司"给不起"2.
avi9111·2023-11-22 13:15

智慧工厂可视化合集，推动行业数字化转型

图扑软件基于HTML5（Canvas/WebGL/WebVR）标准的Web技术，满足了工业物联网跨平台云端化部署实施的需求，以低代码的形式自由构建三维数字孪生、大屏可视化、工业组态等等。
图扑数字孪生·2023-11-22 05:07

opengl介绍 webGL Open Inventor、Cosmo3D、Optimizer 3DLabs

OpenGL是一个开放的三维图形软件包，它独立于窗口系统和操作系统，以它为基础开发的应用程序可以十分方便地在各种平台间移植；OpenGL可以与VisualC++紧密接口，便于实现机械手的有关计算和图形算法，可保证算法的正确性和可靠性；OpenGL使用简便，效率高。它具有七大功能：1.建模：OpenGL图形库除了提供基本的点、线、多边形的绘制函数外，还提供了复杂的三维物体（球、锥、多面体、茶壶等）以
learn deep learning·2023-11-22 03:11

Cesium加载GeoJSON数据

它加载谷歌的WebGLGlobe定义的JSON数据varviewer=newCesium.Viewer('cesiumContainer');//Seedtherandomnumbergeneratorforrepeatableresults.Cesium.Math.setRandomNumberSeed
浮年似水·2023-11-22 02:20

Three.js教程：透视投影相机

推荐：将NSDT场景编辑器加入你的3D工具链。其他系列工具：NSDT简石数字孪生Threejs如果想把三维场景Scene渲染到web网页上，还需要定义一个虚拟相机Camera，就像你生活中想获得一张照片，需要一台用来拍照的相机。透视投影相机PerspectiveCameraThreejs提供了正投影相机OrthographicCamera(opensnewwindow)和透视投影相机Perspec
ygtu2018·2023-11-21 23:59

Three.js相机模拟

在这篇博文中，我将向你展示如何使用Three.js和OpenCV来完成此操作。我们将从模拟针孔相机模型开始，然后添加真实的镜头畸变。
xiangzhihong8·2023-11-21 23:47

粒子系统three.js

Three.js是一个非常流行的JavaScript3D库，它提供了许多强大的功能来创建各种3D场景和动画效果。
小墨蛇·2023-11-21 21:55

Threejs 源码解析（WebGLState.js）重要

解释有什么问题，说一下，不喜勿喷，转载请注明：七岁https://blog.csdn.net/qq_25909453/article/details/82704620/***@authormrdoob/http://mrdoob.com/*/import{NotEqualDepth,GreaterDepth,GreaterEqualDepth,EqualDepth,LessEqualDepth,L
那年我七岁·2023-11-21 10:36

学习 Three.js (1) —— 入门 Three.js

本篇开始会记录我学习three.js的过程，并把我的想法见解通过文章的方式输出，用自己的言语去总结学习的内容。
MatchaEmerald·2023-11-21 09:03

学习 Three.js (4) —— BufferGeometry()

three.js中的几何体都是使用三角形构成的，而BufferGeometry()方法就是用于构建三角形的核心方法；这一篇来介绍如何使用BufferGeometry()来描绘一个几何体//three.jsimport
MatchaEmerald·2023-11-21 09:03

anime.js 动画_使用Anime.js动画化DOM

我不打算包含专门的canvas-WebGL动画库或SVG特定的动画库。但是，如果图书馆擅长为网页上HTML元素（最好是SVG图形）制作动画，我将考虑将其包含在本系列中。
dingshi7798·2023-11-20 23:37

three.js(7)-几何体

几何体其实就是由一系列的顶点组成，我们在坐标系打几个点看看：Documentvarscene=newTHREE.Scene();varaxes=newTHREE.AxesHelper(200);//50表示xyz轴的长度，红:x,绿:y,蓝:zscene.add(axes);//添加坐标轴vargeometry=newTHREE.BufferGeometry();//创建一个Buffer类型几何体
姜治宇·2023-11-20 17:17

SuperMap iClient3D for WebGL教程（S3MTilesLayer）- 显示优化设置

作者：kk文章目录前言一、获取S3MTilesLayer的方法1、Cesium.when回调获取2、通过scene查找获取二、显示优化设置1.显示精度问题2.显示控制3.显示色彩三、加载速度优化1.多子域前言三维的加载效率以及显示效果一直以来都是大家关注的重点，本篇文章主要从显示精度，色彩，泛光等几个方面来探讨学习S3MTilesLayer里面的显示优化设置一、获取S3MTilesLayer的方法
啊西：·2023-11-20 14:45

SuperMap iClient3D for WebGL学习笔记（一）——加载三维场景

support.supermap.com.cn/DownloadCenter/ProductPlatform.aspx产品配置环境启动iServer（最后一行显示Serverstartupin***ms为启动成功）将webgl
weixin_43565052·2023-11-20 14:45

SuperMap iClient3D for WebGL教程（S3MTilesLayer）- 数据裁剪

作者：为梦齐舞当我们添加了一大块倾斜模型或者模型图层时，在进行填挖方分析、剖面分析、查看地下设施设备时，经常需要给图层进行开孔或者是裁剪，本章我们介绍S3MTilesLayer中的数据裁剪功能。一、数据裁剪的方法总结1、addExcavationRegion：对模型进行开挖，类似于开孔。2、addFlattenRegion：用于压平模型表面，这个算是对数据进行修改并非裁剪，勉强先放到本节课中。3、
supermapsupport·2023-11-20 14:42

WebGL点数据的热力图实现

关于WebGL实现热力图的示例，官网已经给出，可如果将自己的点坐标做成热力图，该怎么做呢。
supermapsupport·2023-11-20 14:42

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

SuperMapGIS基础产品三维GISFAQ集锦（1）【WebGL】交通仿真示例代码中，动态图层中加载带有透明度的S3M模型，遮挡了其他不带有透明度的S3M模型，怎么办？
supermapsupport·2023-11-20 14:42

vue+supermap三维地图（场景 模型 打包问题 报错）

一.组件安装首先本项目使用的是supermap官方为vue提供的组件——SuperMap/Vue-iClient3D-WebGL（点击打开官网）推荐安装方法：npminstall@supermap/vue-iclient3d-webgl
景严·2023-11-20 14:41

SuperMap iClient3D for Cesium之模型数据集发布数据服务实现快速查询

  SuperMap官网WebGL范例里对模型进行属性查询，用到三种方法：  1.模型数据集发布数据服务进行查询；  2.模型数据集转成二维面数据集或者属性表，对二维面或者属性表发布数据服务进行查询；  
nannan^_^·2023-11-20 14:38

SuperMap iClient3D for WebGL 示范案例（一）倾斜模型加载

0.前言SuperMap官网提供了许多webgl示范案例，然而仅依赖示范案例源码独立实现这些功能还存在很多问题，这里通过个人实现过程，详述这些功能的实现步骤和代码。
LionelMessi7·2023-11-20 14:36

vue2 - SuperMap3D添加S3M图层

文章目录开发环境代码封装1：选择使用WebGL方式加载（默认WebGL2）2：选择使用WebGPU方式加载3：添加影像图层4：添加S3M图层（关键代码）开发环境vue2.6.10nodev12.14.0SuperMap3DSuperMapiClient3D11i
Kingsaj·2023-11-20 14:32

cesium 页面多 viewer 地图加载过缓解决方案

就拿同是web可视化三维框架的three.js和cesium来作
纯爱枫若情·2023-11-19 20:33

Threejs之射线拾取模型

RayRaycaster(射线拾取模型)屏幕坐标转标准设备坐标Raycaster(鼠标点击选中模型)Canvas尺寸变化(射线坐标计算)射线拾取层级模型(模型描边)射线拾取Sprite控制场景代码实现Three.js
开心就是最好·2023-11-19 18:21

unity导出面板详解(web版)

unity导出面板详解(web版)OtherSettingsRendering(渲染)Gamma和Linear颜色空间，两者有色差，Gamma有个2.25左右的修正值；WebGL2.0可用的情况，只支持
小生云木·2023-11-19 10:40

怎么在web显示模型的动态应力图?

动态应力图通常涉及有限元分析(FEA)模拟中的应力和应变数据的可视化，可以使用Python、JavaScript等工具以及Three.js、Plotly或D3.js等库来渲染图一个网页。
weixin_50515446·2023-11-19 09:26

ThreeJS教程源码大全之如何将 3D Blender 对象作为 glTF 文件导入 Three.js 项目

项目运行效果如何将3DBlender对象作为glTF文件导入Three.js项目如何将3DBlender对象作为glTF文件导入Three.js项目实战需求如果您使用Three.js编写3D可视化，迟早您会想要超越使用库的基本原生形状
iCloudEnd·2023-11-19 06:35

HTML5的canvas和webgl

中绘制基本二维图形多用2D上下文，而绘制三维图形时采用名为webgl的3D上下文，WEBGL并不是W3C指定的标准，而是由KhronosGroup指定的，KhronosGroup是一个由非盈利的由会员资助的协会
龙行天下01·2023-11-19 05:15

html5 canvas webgl,对比平台--WebGL和Canvas之间的区别

WebGL是OpenGL的版本，OpenGL是3D引擎.WebGL可以帮助用户在Web浏览器中执行3D操作。
徐老师的幼教园·2023-11-19 05:41

Canvas 、WebGL 、SVG和Three.js

如果你第一次接触WebGL、Canvas等概念，可能不知道它们都是什么，所以下面会对这几个常说的概念的进行简单的解释。
郭隆邦技术博客·2023-11-19 05:08

Canvas、 SVG 和 WebGl三者之间的区别

概要：Canvas位图，是需要自己画点的白板；SVG矢量图，是给数据就可以绘制点、线、图形的，基于XML的标记语言；WebGL3D位图，是基于Canvas的3D框架。
江山夜雨·2023-11-19 05:07
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他