Webgl 第26页

nginx服务器处理WebGL中的HTTP请求跨域

在nginx的conf文件中添加proxy_pass设置比如对接某电网的查询服务，在webgl里面用到了post，目标地址是https://95598.csg.cn/ucs/ma/zt/eleCustNumber

Lif68·2023-03-26 15:45

Three.js入门

1、什么是WebGL,什么是three.js？WebGL是一种技术，一种在浏览器上实现三维效果，展示3D模型和场景的技术。

心_语·2023-03-25 22:08

vue页面引入three.js实现3d动画场景

three.js是JavaScript编写的WebGL第三方库。Three.js是一款运行在浏览器中的3D引擎，你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。

allen_csdns·2023-03-25 14:38

java 解决date类型的时间插入mysql中差8小时的问题

我以application.yml举例，修改日期配置，将最后的UTC改为1.错误的代码为url:jdbc:mysql://localhost:3306/webglpt?useUn

蓦然回首_02fa·2023-03-25 07:26

vue-three.js基础篇（一）——引入

Three官网Three.js是基于原生WebGL封装运行的三维引擎，是一款运行在浏览器中的3D引擎，说到数字化与可视化，就得说到数字孪生，而3D模型在浏览器展示就是其中的一环，就是数字模型设计。

久居我心你却从未交房租·2023-03-24 11:55

three.js Demo案例

https://threejs.org/examples/#webgl_geometry_minecraft

fighterboy·2023-03-24 08:49

Cesium渲染机制概览

Cesium基于WebGL实现，所以渲染机制跟我们直接用WebGL的道理相同，但是内部功能强大，会更复杂些目前不讨论Cesium的实现原理，先了解下Cesium的大体渲染流程的机制，有个初步认识HelloWorld

jadefan·2023-03-24 07:57

webgl加载3DTiles缓存

3DTiles文件格式varobj=[6378137.0,6378137.0,6356752.3142451793];Cesium.Ellipsoid.WGS84=Object.freeze(newCesium.Ellipsoid(obj[0],obj[1],obj[2]));varviewer=newCesium.Viewer('cesiumContainer');vartileset=newC

於菟酱·2023-03-24 01:56

Three.js 的初步学习和实践

Three官方文档WebGL相信大家已经耳熟能详，是OpenGL的一个衍生版本。能够使得我们不需要安装任何插件就可以构建Web3D场景。

学前端的枣仁·2023-03-23 21:58

WebGL，Cesium以及GeoJSON数据的简单介绍

目录一、WebGL二、Cesium（1）Cesium：一个用于显示三维地球和地图的开源js库。

水w·2023-03-23 18:49

WebGL之延迟着色

什么是延迟着色(DeferredShading)？它是相对于正常使用的正向着色(ForwardShading)而言的，正向着色的工作模式：遍历光源，获取光照条件，接着遍历物体，获取物体的几何数据，最后根据光照和物体几何数据进行计算。但是正向着色(ForwardShading)在光源非常多的情况下，对性能的消耗非常大。因为程序要对每一个光源，每一个需要渲染的物体，每一个需要渲染的片段进行迭代！还有片

jeffzhong·2023-03-22 07:17

RenderLayer合成层

RenderLayer包含的RenderObject节点表示的是使用硬件加速的Canvas2D元素或者WebGL技术。RenderLayer使用了CSS透明效果的动画或者CSS

从不放弃·2023-03-21 20:06

webgl智慧楼宇发光系列之线性采样下高斯模糊

前面一篇文章,我们知道了高斯模糊的本质原理，就是对每个像素，按照正态分布的权重去获取周边像素的值进行平均，是一种卷积操作。同时我们可以指定周边像素的数量，比如可以是3X3，或者5X5，通用的表达就是NXN，数字N通常称之为模糊半径，这在之前的文章的代码中有体现（uRadius）：uniformfloatuRadius;floatgaussianPdf(infloatx,infloatsigma){

ITman彪叔·2023-03-21 13:53

Unity WebGL ios打不开问题

再用unity发布WebGL的时候，发现ios手机的浏览器打不开，搞了很久以为哪里配置有问题。后来再国外的网站上看到说是ios的bug，只要系统升级到12.2以上就可以了！！！

灰的狼·2023-03-20 23:18

网页传递参数到Unity WebGL ，WebGL传递参数到网页

WebGL调用网页的js代码官方文档有两种情况，一种是JS代码在Unity的文件夹中，另外一种是在发布之后的webgl的Index.html中注意事项_js代码在unity的文件夹中将JS代码放到“Plugins

先生沉默先·2023-03-20 23:33

Chrome中RenderDoc Debug WebGL方法

最近GAMES202作业使用了WebGL，所以寻找RenderDocDebug的方法。参考了RenderDocでWebGLをシェーダーデバッグ（変数も見れちゃう）だと？，方法很简单。

crossous·2023-03-20 18:57

requestAnimatinFrame介绍

该回调函数会在浏览器下一次重绘之前执行1.语法requestID=window.requestAnimationFrame(callback);2.优缺点优点:让各种网页动画效果（DOM动画、Canvas动画、SVG动画、WebGL

Yong_bcf4·2023-03-17 19:37

Cesium开发高级篇 | 01空间数据可视化之Primitive

在使用PrimitiveAPI之前，您最好具备WebGL基础知识，如果对WebGL不是太了解，建议先学习《WebGL编程指南》这本书。Primitive介绍1.Primitive组成Pr

GIS李胜·2023-03-17 18:34

从Revit到Web端，这一波操作就够了

本文将以RVT模型数据为例，通过SuperMapiDesktop桌面软件、SuperMapiServer服务管理平台以及SuperMapiClient3DforWebGL二次开发平台，梳理BIM+GIS

SuperMap技术控·2023-03-17 16:59

用线段绘制球体（three.js webgl_lines_spere例子）

用线段绘制球体（three.jswebgl_lines_spere例子）Three.js中的webgl_lines_sphere例子使用线段渲染出3D球体，效果十分有趣。

绿风烟·2023-03-17 10:30

Supermap iClient 3D for Webgl加载3d tiles

在一些项目中有时需要用到3dtiles加载在webgl中，具体对接流程如下。一．模型生成缓存模型——右键生成缓存，缓存类型为三维切片，文件类型选为S3MB。

supermapsupport·2023-03-17 08:18

MapBox实现自定义图标，并且根据数据定义图标大小和颜色，以及鼠标经过显示信息框

MapboxGLJSMapboxGLJS是一个JavaScript库，它使用WebGL呈现交互式地图vectortiles和Mapboxstyles....它是MapboxGL生态系统的一部分，包括MapboxMobile

墨倾心児·2023-03-17 02:00

Three.js基础介绍

m0_68949064·2023-03-16 20:37

Unity打包WebGL报Unable to parse Build/*.framework.js.gz This can happen if build compression was.......

Unity版本：2020.3(LTS)0.错误完整信息：UnabletoparseBuild/*.framework.js.gz!ThiscanhappenifbuildcompressionwasenabledbutwebserverhostingthecontentwasmisconfiguredtonotservethefilewithHTTPResponseHeader"Content-E

刘建杰·2023-03-16 16:45

樱花飘落，3D效果，抖音热门樱花飘落html

大吕十六不见长安·2023-03-16 15:37

OpenGL ES 简介

目录一.前言1.WebGL2.OpenCV3.Direct3D4.OpenGL5.OpenGLES和OpenGL二.OpenGLES跨平台1.OpenGLES2.Metal3.Vulkan三.OpenGLES

猿说编程·2023-03-16 07:16

SuperMap iClient3D for WebGL扩展开发教程——动态圆柱形标注

动态缩放圆环.gif同样是这个效果图，那中间缩放的圆柱环的效果如何实现？1、效果分析这里将这个效果分解成几个部分：（1）类似圆柱形，不断改变半径和高度。（2）顶部透明，侧面半透明。根据分析，这里有两个想法去实现：（1）利用圆柱对象，半径和高度很好实现变换，顶部也可以不绘制，但是在设置侧面渐变颜色时出现了问题，圆柱对象侧面只能设置颜色，不能设置贴图，无法实现渐变效果。（2）利用墙对象进行绘制，可以很

Mr桔子先生·2023-03-16 02:43

three.js和WEBGL的关系优劣对比哪个更流行在中国更好就业(本文由chatGPT自动生成)

Three.js和WebGL都是基于JavaScript的3D图形库，但它们有一些区别和优劣。

跳动的世界线·2023-03-15 04:16

前端前沿web 3d可视化技术 ThreeJS学习全记录

前端前沿web3d可视化技术随着浏览器性能和网络带宽的提升使得3D技术不再是桌面的专利打破传统平面展示模式前端方向主要流向的3D图形库包括Three.js和WebGLWebGL灵活高性能，但代码量大，难度大

跳动的世界线·2023-03-15 04:41

二进制数组

二进制数组的原始设计目的，与WebGL项目有关。所谓WebGL，就是指浏览器与显卡之间的通信接口，为了满足JS与显卡之间大量的、实时的数据交换，它们

小小的开发人员·2023-03-15 03:29

获取3D场景的模型

图片.png世界坐标系在webGL中，世界坐标系是以屏幕中心为原点(0,0,0)，且是始终不变的。你面对屏幕，你的右边是x正轴，上面是y正轴，屏幕指向你的为z正轴。

Kevin丶CK·2023-03-15 00:09

unity发布项目到webgl 发布游戏到4399踩的一些坑

HowdoyouusingunitydeploytheWebGLgame？

俊客_aff2·2023-03-14 03:23

抖音超火樱花飘落

代码是：櫻花飄落/*SakuraanimationusingWebGL.Noimagesareused.Theframeratemightbesloworthedemomightnotplayatallinsomeoldersystemssoyoucanwatchthisvideo

六代火影·2023-03-14 01:01

使用React-Typescript的一个小问题

scripts-version=react-scripts-ts创建一个React-Typescript工程之后，在使用npmstart会出现以下报错：#[errorTS2430:Interface'WebGLRenderingContext'incorrectlyextendsinterface'WebGLRenderingC

CharleyChai·2023-03-13 15:29

node 模拟生成浏览器指纹，添加干扰等，不包括浏览器内置方法

node模拟浏览器指纹之帆布指纹、字体指纹、webgl指纹`提示：不包含浏览器环境。

_JackSparrow·2023-03-13 14:08

three.js 学习之自转的地球

简单的说，three.js是一个非常优秀的WebGL开源框架,three(3d)+js(javaScript)。

FreeCodeCamp成都·2023-03-13 09:44

threejs-day2(场景/材质/纹理/光照)

/three/build/three";constcanvas=document.querySelector("#canvas");constrenderer=newTHREE.WebGLRenderer

小杰66·2023-03-12 22:00

bzwhlll·2023-03-12 11:30

vue+three.js的3D可视化机房

1、WebGL与threeJSWebGL是一种3D绘图协议，其允许JavaScript和OpenGLES2.0结合在一起，为H5Canvas提供硬件3D加速渲染，可以借助系统显卡在浏览器里更流畅地显示3D

患者_·2023-03-10 13:03

几种将将虚幻引擎内容流送到多个平台的推流方案比较

将虚幻引擎内容流送到多个平台，比较HTML5、WebGL和像素流送、Raystreaming。简介在开发联网用户体验时，如何共享内容始终影响着协作、生产和发布中的关键决策。

3DCAT实时渲染云·2023-03-10 03:47

原生webview内核对于H5页面渲染兼容性

比如：在某安卓5.1.1手机中打开H5游戏，creator直接抛出“Thisdevicedoesnotsupportwebgl”；或者是某安卓低端机打开后游戏动效播

一抱女友就犯困·2023-03-01 07:49

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

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

charlee44·2023-02-28 15:31

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

首先看看效果图：基于threejs的3D展厅基于threejs开发的3D展厅，展品可以自由摆放。支持gltf/glb格式github地址：https://github.com/mtsee/vr-hall初始化实例//实例化constvr=newVR3DHall({debugger:true,//开启调试模式，开启调试模式后可以选中展品，缩放，旋转，位移，console.log中可以查看到数据max

·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

推荐频道

Webgl