【WebGL 第22页

从零开始Vue项目中使用MapboxGL开发三维地图教程（一）MapboxGL介绍以及前期vue项目的搭建

搭建vue项目2.1、创建vue项目2.2、注册mapbox官网2.3、mapbox-gl入门案例3、Mapbox-gl地图主要配置参数说明1、Mapbox-gl简介Mapbox-gl是一个开源、基于webgl

hhzz·2023-06-18 16:45

jcef支持linux

由于工作中有需求，需要在Linux平台支持JCEF内置浏览器到Java窗口，且需要支持WebGL三维浏览。

Geminit·2023-06-18 13:13

webgpu

与当前Web上的3D图形标准WebGL相比，WebGPU旨在充分发挥现代GPU架构的能力，进一步降低CPU端的开销，优化多线程的应用，以及增加对GPU通用计算（GPGPU）的直接支持。

李卓书·2023-06-18 07:47

three.js源码阅读笔记一

使用three.js已经有一段时间了，为了更深入的理解这个优秀的webgl库的实现原理，从今天开始阅读源码。并且记录下自己的理解。

magicLiuyuan·2023-06-18 02:43

webgl模型矩阵

模型矩阵在webgl中表示模型的缩放旋转平移的所以模型矩阵包含了旋转矩阵:缩放矩阵:平移矩阵:下面给出一份演示:body{margin:0;padding:0;}右移动左移动上移动下移动放大缩小precisionhighpfloat

灰灰_世界·2023-06-17 20:51

OpenGL ES在Android上的应用

是当今智能手机中占据统治地位的图形API，其作用范围已经扩展到桌面，OpenGLES支持的平台包括IOS、Android、BlackBerry、bada、Linux和Windows，它还是基于浏览器的3D图形Web标准WebGL

诸神黄昏EX·2023-06-17 17:30

一起学 WebGL：纹理对象学习

大家好，我是前端西瓜哥，今天我们来了解WebGL的纹理对象（Texture）纹理对象，是将像素（texels）以数组方式传给GPU的对象，常见场景是贴图，就是将图片的数据应用到3D物体上。

前端西瓜哥·2023-06-17 12:36

mapbox+threejs实现三维气泡球体专题图

最近在研究前端three.js和webGL技术，采用三维地图展示数据，我分享一下研究成果！引入JS先加载地图我们这里用超图的iServer发布的地图瓦片数

sun_falls·2023-06-17 11:07

mapbox-gl添加threejs飞线

mapbox上正确操作BufferGeometry几何体3tween实现动画全部代码总结待改进之处参考更新蝌蚪状飞线效果如下，思路可参照threejs多种方式封装飞线组件前言mapbox-gl是一个基于webgl

迦南giser·2023-06-17 11:05

新的挑战：WebGL

这段时间一直在死磕Chromium的8K高清视频播放，虽然之前写过一些关键技术的实现，主要难点差不多攻破，但投入到产品中，依然还要解决很多实际中的问题，比如卡顿、格式支持、音视频不同步等等。前期的相关文章：Chromium改造实录：国标AVS2&AVS3支持起来Chromium改造实录：增加MP2音频支持Chromium改造实录：增加MPEGTS格式支持选择最新Chromium，支持H264/H2

云水木石·2023-06-17 02:26

一个《跳动的爱心》代码，纯HTML+JS，双击直接运行

集合了web动画库GSAPJS、OBJ文件加载器OBJLoader、WebGL第三方库Three.js等。效果非常棒！

倾斜的水瓶座·2023-06-17 01:06

学习unity，做自己的游戏

Unity所支持的游戏平台还延伸到了基于WebGL技术的HTML5网页平台，以及tvOS、Ocul

·2023-06-16 22:36

【WebGL】ShadowMap实现阴影原理

假如场景中有一个平面和三角形，实现阴影的步骤和原理如下：1.以灯光为相机视角渲染平面和三角形，记录片元的深度信息到gl_FragColorattributevec4a_Position;uniformmat4u_PvMatrix;uniformmat4u_ModelMatrix;voidmain(){gl_Position=u_PvMatrix*u_ModelMatrix*a_Position;}

GAMESLI-GIS·2023-06-16 22:12

【Unity 渲染】Projector（纹理映射）

背景之前看webgl的纹理映射，最近刚好学习unity中发现有类似概念Projector，记录一下，两篇博客对比学习。参考unitywebgl

GAMESLI-GIS·2023-06-16 22:12

unity webGL与js 交互

1.unity传值给jsunity中：voidAwake(){Application.ExternalCall("GetCookie");//GetCookie参数是js方法名字}js中：functionGetCookie(){varresult=document.cookie;if(result!=""){varresult=decodeURIComponent(result);}console

野区捕龙为宠·2023-06-16 21:50

基于 HTML5 WebGL 与 WebVR 3D 虚拟现实的可视化培训系统

前言2019年VR,AR,XR,5G,工业互联网等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋，5G是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的VR是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无疑将成为制造业，工控业等行业数字化转型的重要驱动力。“5G+VR+工业互联网”必将成为新的一年不变的话题，如何将当前工业中遇到的问题

·2023-06-16 20:23

图扑数字孪生工厂合集 | 智慧工厂可视化，推动行业数字化转型

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

·2023-06-16 18:18

【Unity3D】Unity使用自己生成的DLL文件

目录生成DLL文件创建DLL类库工程生成DLL文件Unity使用DLL文件打版WebGL生成DLL文件创建DLL类库工程测试的时候，如果有多个class，可以写到一个文件中；多个文件的没有测试生成DLL

zhchyun2008·2023-06-16 16:44

【Unity3D】Debugging WebGL builds（nginx版）

目录DebuggingandtroubleshootingWebGLbuildsThebrowser’sJavaScriptconsolewindownginx【官网地址】：https://docs.unity3d.com

zhchyun2008·2023-06-16 16:14

WebGL的一些Bug

setting1")at_JS_WebRequest_Create(...)类似这样的问题解决方案1：可能是BestHTTP插件导致的，打开BestHttp插件目录，找到BestHTTP/Plugins/WebGL

Future_404·2023-06-16 13:43

Vue中如何进行3D场景展示与交互（如Three.js）

Vue中如何进行3D场景展示与交互（如Three.js）随着WebGL技术的发展，越来越多的网站开始使用3D场景来展示产品、游戏等内容。

硬件人某某某·2023-06-16 13:29

WebGL入门(六)-通过坐标计算实现图形的平移、旋转和缩放变换

通过坐标计算实现图形的平移、旋转和缩放变换1.图形的平移1.1平移效果说明1.2平移原理说明1.3平移图形的实现步骤1.3.1在顶点着色器中声明存放平移信息的uniform变量u_Translation1.3.2获取顶点着色器uniform变量u_Translation的存储地址1.3.3向顶点着色器uniform变量u_Translation写入平移信息数据1.4平移图形的demo代码2.图形的

点燃火柴·2023-06-15 22:49

【Three.js】第十二章 Materials 材质

编写着色器是WebGL和Three.js最具挑战性的部分之一，但不要担心；Three.js有许多带有预制着色器的内置材质。我们将在以后的课程中探索如何创建我们自己的着色器。

顽皮宝·2023-06-15 16:01

烟雾调节器

先看效果：烟雾调节展示再看代码：可调节的烟雾特效*{margin:0;padding:0;}html,body{overflow:hidden;}.webgl{position:fixed;top:0;

timi先生·2023-06-15 04:44

Hightopo 使用心得（1）- 基本概念

HTforWeb，通常简称为HT，这是一个基于JavaScript开发的WebGL引擎。可用于2D/

CodingInProgress·2023-06-14 23:35

WebGL着色器渲染小游戏实战

项目起因经过对GLSL的了解，以及shadertoy上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。起因是看到某些小游戏广告，感觉机制有趣，实现起来应该也不会很复杂，就尝试自己开发一个。https://upload-images.jianshu.io/upload_images/20436965-31ef047a085

凹凸实验室·2023-06-14 19:15

图扑智慧充电桩可视化运营平台｜新能源数字化

而图扑软件基于WebGL自主研发的HTforWeb产品，也曾为众多数字孪生项目提供技术服务。本文我们将展示应用HT产品搭建的轻量化新能源充电桩三

·2023-06-14 14:19

HTML5智慧化工数字孪生WebGL三维可视化系统

前言作为全球化学品第一生产大国，我国危险化学品规模总量大、涉及品种多、应用范围广、管理链条长、安全风险高，历来是防范化解重大安全风险的重点领域。危险化学品领域频繁发生的典型事故，暴露出传统安全风险管控手段问题突出。建设背景石油石化行业是国家重要的支柱行业，具有生产规模大，生产线长，数据模型大，物料危险性高等特点。特殊的作业环境、偏远的厂区位置，使得工作人员作业值守难度大、成本高、效率低。随着5G、

·2023-06-14 10:25

现有Unity转微信小游戏

关于微信小游戏开发的内容在《UnityWebGL微信小游戏适配方案》中有详细，这里会忽略大部分更深入的细节，大家可以自行在下面的地址中找到答案。

小盖子·2023-06-14 07:28

TS及webgl学习之路1。

123456TypeScriptHTMLApp789101112.showWindow{13width:400px;14height:400px;15background-color:silver;16}171819202122HTML部分，主要引入了逻辑代码块的TS代码及现成的矩阵JS库还有自己写的TS的JS声明文件d.ts1classGreeter{2element:HTMLElement;3

weixin_30827565·2023-06-13 14:48

WebGPU NDC 标准设备坐标系

webgl的ndc大家已经很熟悉了是一个位于中心点（0,0,0）xyz为2x2x2的左手坐标系空间，webgl程序中矩阵变换的目的，就是把想看的物体都变换到这个坐标系下。

Webglzhang·2023-06-13 14:48

WebGPU你让我等的好辛苦啊

它旨在解决现有Web图形API（如WebGL）的一些限制和性能瓶颈，并提供更

MFineToo·2023-06-13 14:17

webgl-矩阵、旋转、平移、缩放 glMatrix组件

不穿铠甲的穿山甲·2023-06-13 14:17

Unity导出WebGL工程，并部署本地web服务器

WebGL打包设置修改在BuildSettings->PlayerSettings->OtherSettings->Rendering将ColorSpace设置为Gamma将LightmapEncoding

五仁烧饼·2023-06-13 05:41

PixiJS 源码解读：绘制矩形，底层都做了什么？

它的底层是WebGL。用PixiJS绘制一个矩形，代码实现为：constapp=newPIXI.Application({width:500,height:300

前端西瓜哥·2023-06-13 00:25

一起学 WebGL：绘制图片

之前讲解了如何用WebGL绘制红色三角形，今天西瓜哥带大家来学习如何将图片绘制到画布上的技术：纹理映射（texturemapping）。

前端西瓜哥·2023-06-13 00:24

百度地图绘制地区的棱柱效果-定位-自定义点-文本标记-信息弹窗

文章目录百度地图webgl使用自定义地图样式地区镂面棱柱效果绘制点信息以及信息弹窗百度地图webgl使用在项目的index.html中引入注意，百度webgl的引入和百度地图的引入的链接是不一样的，这里的

DCodes·2023-06-11 22:54

unity发布webGL后无法预览解决

众所周知，unity发布成webgl后是无法直接预览的。因为一般来说浏览器默认都是禁止webgl运行的。直接说我最后的解决方法：去vscode里下载一个liveserver,安装好。

紫龙大侠·2023-06-11 16:06

Cefsharp-Winform114.2.100(5735)最新版本体验

久爱物联网·2023-06-11 02:09

TypeScript的深度应用及实践总结

1背景从目前JavaScript的发展和应用趋势来看，它的发展异常迅速，我们可以用它进行web开发、移动应用开发、桌面软件开发、后端开发，以及未来成为趋势的VR、WebGL及物联网的应用开发等，它的标准从

Thomas赵骐·2023-06-10 22:26

Unity AssetBundle包--打包、加载、卸载过程及用例

2.场景打包到各个平台（AndoridiOSUWPWebGL)-代码实现。3.场景中部分游戏对象打包。4.自动化打包--编辑器开发。结论二：

Gyp郭小帅·2023-06-08 20:35

ThreeJs学习笔记——渲染(render)分析

一、前言ThreeJs封装了WebGL进行渲染时所涉及到的相关概念，如光照，材质，纹理以及相机等。除此之外，其还抽象了场景(Scene)以及用于渲染的渲染器(WebGLRenderer)。

仰简·2023-06-08 17:59

threejs 学习资源帖

网址备忘录threejs官网：https://threejs.org/threejs中文教程：https://techbrood.com/threejs/docs/threejs中文网：http://www.webgl3d.cn

loriloy·2023-06-08 13:30

学习网站

1、Threejs中文网http://www.webgl3d.cn/2、webGL电子书教程（全部免费）http://www.webgl3d.cn/WebGL/3、WebGL视频教程以及课程介绍（收费）

星辰啊大海7857·2023-06-08 13:57

Three js 中文文档和在线演示实例

Three.js是当下最流行的网页3D渲染JS引擎，其主要是对WebGL编程以面向对象方式进行的封装。

这个有可能是真纯·2023-06-08 13:56

Three.js入门学习笔记09：Three.js对象拾取，鼠标点击对象响应事件

一.拾取对象概念二.坐标转换三.光线投射Raycaster中文文档http://www.webgl3d.cn/threejs/docs/#api/zh/core/Raycaster英文文档https:/

月亮计划·2023-06-08 13:52

B/S与C/S数字孪生应用架构选型

B/S架构的数字孪生场景渲染，常见有以下三种技术路线：基于WebGL封装的渲染库直接进行开发；基于支持H5的3D游戏引擎进行开发，开发完成后打包成WebGL；基于WebGL封装的渲染库开发适用于数字孪生项目的融合渲染引擎

易知微EasyV数据可视化·2023-06-08 09:17

Threejs 快速入门

但和我们一般绘制2D图像不同，Threejs在底层使用的是canvas的webglcontext来实现3D绘图。

红红火火a·2023-06-07 15:10

React框架下如何使用webgl

React框架作为当前主流的前端开发框架之一，在众多项目中被应用，在最新的工作中遇到很多客户咨询如何在react框架下使用超图的webgl产品，下面做简单的介绍。

Mr桔子先生·2023-06-07 12:13

《vue 实践之 three.js 学习》

目录three.js学习包安装导包基础API学习Three.js三要素【图文展示】透视相机three.js渲染器之WebGLRendererWebGLRenderer实例化three.js学习个人博客地址

yk-ddm·2023-06-07 11:18

推荐频道

【WebGL