webGl编程指南

图扑 Web 可视化引擎在仿真分析领域的应用

图扑软件是基于WebGL的三维可视化引擎，在WebGL基础上封装了基本的三维模型创建、呈现的API。同时还封
图扑软件·2023-11-01 05:23

基于 HTML5 WebGL 的 3D 工控裙房系统

前言工业物联网在中国的发展如火如荼，网络基础设施建设，以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况：一方面是大型通讯、IT企业的布局；一方面是传统工业软件和工业网络企业自发地延伸，由产品提供商发展为方案供应商。什么叫做裙房？裙房是指附属于主高楼并与之连成一体的低层建筑。本文的Demo是针对于裙房做的，但是在工业监控系统中有很多雷同的部分，
图扑软件·2023-11-01 05:53

基于 HTML5 + WebGL 的太阳系 3D 展示系统

前言近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破，以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及，宇宙空间中那些原本遥不可及的事物离我们越来越近，人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上，作为人类这个物种中的一员，我们理所应当对我们生活的星球、所在的太阳系有一定的认识，对8大行星各自的运行轨道、质量、资源
图扑软件·2023-11-01 05:53

基于 HTML5 WebGL 的 3D 风机可视化系统

前言许多世纪以来，风力机同水力机械一样，作为动力源替代人力、畜力，对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现，使风机发电机的发展缓慢下来。70年代初期，由于“石油危机”，出现了能源紧张的问题，人们认识到常规矿物能源供应的不稳定性和有限性，于是寻求清洁的可再生能源遂成为现代世界的一个重要课题。风能作为可再生的、无污染的自然能源又重新引起了人们重视。现在我希
图扑软件·2023-11-01 05:53

WebGL2.0从入门到精通-4、着色器与渲染管线

WebGL2.0中渲染管线实质上指的是一系列的绘制过程。向程序中输入待渲染3D物体的相关描述信息数据，经过渲染管线处理后，输出的是一帧想要的图像。
碳学长·2023-11-01 03:29

WebGL

WebGLWebGL是一种JavaScriptAPI，用于在任何兼容的Web浏览器中渲染交互式2D和3D图形。
肖雨San·2023-11-01 03:55

OpenLayers入门，OpenLayers如何加载百万数据量的GeoJson点数据并叠加到webgl渲染图层上，百万海量点数据叠加不卡

入门，OpenLayers如何加载GeoJson数据并叠加到OpenLayers矢量图层上》，我们讲解了少量数据加载并叠加到OpenLayers矢量图层上，如果数量特别大，浏览器就会很卡，所以需要用到webgl
汤姆猫不是猫·2023-11-01 01:37

OpenLayers入门，使用webgl图层叠加超过一百万图片到地图，解决叠加超大数据量图片导致浏览器卡住变慢的问题

专栏目录：OpenLayers入门教程汇总目录前言上一章中OpenLayers入门，使用webgl图层叠加大量点要素，解决OpenLayers地图中叠加大量点导致浏览器卡住变慢的问题已经讲了如何地图中如何添加大量点到
汤姆猫不是猫·2023-11-01 01:04

OpenLayers入门，使用webgl图层叠加超大量Point点要素，解决叠加超过一百万数据量点位导致浏览器卡住变慢的问题

OpenLayers官方是推荐使用webgl图层方式对这种大量点渲染进行优化。当然webgl图层并不是没有缺点，使用webgl图层优点是渲染大量点很快，缺点就是style风格
汤姆猫不是猫·2023-11-01 01:33

Cesium笔记(0)：Cesium简介和本地运行

一、Cesium介绍是国外一个基于JavaScript编写的使用WebGL的地图引擎开源程序，可以免费用于商业和非商业二、特点支持3D,2D,2.5D形式的地图展示可以自行绘制图形，高亮区域，并提供良好的触摸支持支持绝大多数的浏览器和
简cere·2023-10-31 22:42

图形编程周刊(2023.001)

图形编程周刊(2023.001)key:webgpuwebgl3dwebgisthree.jscesium.js这里是力博荣(Libaro)三维可视化带来的图形编程周刊,争取每周五发布。
DSLMing·2023-10-31 14:17

Three.js平面接收不到阴影

首先确认渲染器有无开启阴影贴图，默认是false//创建渲染器varrenderer=newTHREE.WebGLRenderer()//设置渲染物体阴影renderer.shadowMap.enabled
hongsir_12·2023-10-31 09:14

Three 之 three.js （webgl）透视视角和正交视角，以及透视转正交的视角切换

Three之three.js（webgl）透视视角和正交视角，以及透视转正交的视角切换目录Three之three.js（webgl）透视视角和正交视角，以及透视转正交的视角切换一、简单介绍二、实现原理三
仙魁XAN·2023-10-31 09:44

使用Three.js实现3D楼盘展示，创建天空之盒实现真实的环境氛围，在Three.js中添加树，花等植物。 仿学校3D楼盘模型，结合物联网实现安全监测

Three.js是一个能让WebGL在浏览器运行且有3D效果的JS库,也可以说是一个3D引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象webgl是一项用来在网页上绘制和渲染复杂三维图形
小罡同学·2023-10-31 09:11

3D网页游戏外包开发引擎

1.Three.js：Three.js是最流行的开源3D引擎，基于WebGL，用于创建高质量的3D图形和互动内容。特点：支持3D模型加载、纹理贴图、光照、相机控制、物理模拟等功能，有庞大
defdsdddev·2023-10-31 09:11

unity2020 webgl 加载配置文件 ScriptableObject 和StreamingAssets

一、使用ScriptableObject：（优点：unity自带无需配置，缺点：打包后无法在进行修改）建议项目初期，配置项目数据相关的数值参数。便于新项目或策划修改。1.创建配置文件相关的类型usingSystem;usingSystem.Collections.Generic;usingUnityEngine;publicclassStudent:ScriptableObject{publicL
顽皮的小猴子·2023-10-31 04:02

v3+three.js触碰物体加载模型边缘高亮

官方文档示例https://github.com/mrdoob/three.js/blob/master/examples/webgl_postprocessing_outline.htmlimport
少年包青菜·2023-10-30 20:11

ESP-IDF编程指南

ESP-IDF编程指南-ESP32-C3-—ESP-IDF编程指南v5.1文档(espressif.com)ESP-IDF入门指南|乐鑫科技(espressif.com)ESP-IDF物联网开发框架|乐鑫科技
软件架构师-叶秋·2023-10-30 17:34

禁用网页上的圆角：Microsoft Edge浏览器编程指南

作为Web开发人员，您可能希望在MicrosoftEdge浏览器中禁用网页上的圆角，以达到特定的设计效果或符合品牌要求。在本文中，我将指导您如何通过编程的方式实现这一目标。我们将使用CSS样式表来控制圆角的显示，并提供相应的源代码示例。步骤1：创建HTML文件首先，我们需要创建一个HTML文件来承载我们的网页内容。您可以使用您喜欢的文本编辑器，比如Notepad++或VisualStudioCod
后端架构魔术师·2023-10-30 16:24

微信小程序 加载3D模型

技术栈：Three.js插件：ThreeX要求：模型格式GLB需要挂载在服务器或者是个链接都可以文件目录：jsm是本地依赖包代码：wxmljs//webgl_nodes/webgl_nodes_loader_gltf_sheen.jsimport
⁡⁢⁡⁢⁠Ac·2023-10-30 14:27

ARM Cortex-A 系列编程指南之ARMv8-A（AArch64浮点与NEON）

目录AArch64浮点与NEON技术AArch64中NEON和浮点的新特性NEON和浮点架构浮点标量数据和NEON浮点参数AArch64NEON指令格式NEON编码的替代方案AArch64浮点与NEON技术ARM高级SIMD架构，其相关实现和支持软件通称为NEON技术。AArch32（相当于ARMv7NEON指令）和AArch64都有NEON指令集。两者都可以显著加速对大型数据集的重复操作。这在媒
angelavor·2023-10-29 23:51

cesium 文本标注被遮挡_Cesium中Primitive讲解

前面介绍了entity方式绘制对象，现在我们开始接触primitive方式，primitive方式更接近渲染引擎底层，由于我对webgl知之甚少，因此primitive接口我现在也是一知半解，写这个博客我参考了这一篇博客
weixin_39718460·2023-10-29 22:53

cesium 学习笔记

Cesium简介Cesium是一个基于JavaScript的开源框架，可用于在浏览器中绘制3D的地球，并在其上绘制地图（支持多种格式的瓦片服务），该框架不需要任何插件支持，但是浏览器必须支持WebGL。
想你的风吹到了瑞士·2023-10-29 22:52

WebGL 世界坐标系和本地坐标系

目录前言编辑本地坐标系世界坐标系变换与坐标系前言在WebGL从0到1绘制一个立方体_山楂树の的博客-CSDN博客中，我们创建并显示了第一个三维物体（一个立方体），示例程序开始变得像一个“真正”的三维程序了
山楂树の·2023-10-29 19:37

百度离线地图WebGl(type=webgl&v=1.0)

type=webgl&v=1.0&ak=密钥打开之后会看到如下js代码：(function(){window.BMapGL_loadScriptTime=(newDate).getTime();document.wri
喜欢喝酸奶的叱利霞月·2023-10-29 07:20

Java并发编程指南：如何正确使用信号量和线程池熔断机制

前言：在分布式系统中，选择合适的熔断机制是保护系统免受故障影响的关键。本文将介绍使用信号量和线程池两种常见的熔断机制，并提供Java和SpringCloudAlibaba框架下的示例代码，帮助您深入理解和应用。1.信号量熔断机制信号量熔断机制基于并发请求的数量进行熔断，可限制系统的并发访问量。它适用于资源有限且对请求响应时间要求较高的场景。下面是使用Java和SpringCloudAlibaba框
热心码民阿振·2023-10-29 02:59

(八）Flink DataStream API 编程指南 - 4 状态与容错 （下）-- 数据类型与序列化

概览数据类型&序列化ApacheFlink以一种独特的方式处理数据类型和序列化，它包含自己的类型描述符、泛型类型提取和类型序列化框架。本文档描述了这些概念及其背后的基本原理。支持的数据类型Flink对DataStream中的元素类型有一些限制。这样做的原因是系统分析类型来确定有效的执行策略。以下是7类数据类型：JavaTuplesandScalaCaseClassesJavaPOJOs基本数据类型
京河小蚁·2023-10-28 13:25

（八）Flink DataStream API 编程指南 - 1 概览

Flink中的DataStream程序是对数据流（例如过滤、更新状态、定义窗口、聚合）进行转换的常规程序。数据流的起始是从各种源（例如消息队列、套接字流、文件）创建的。结果通过sink返回，例如可以将数据写入文件或标准输出（例如命令行终端）。Flink程序可以在各种上下文中运行，可以独立运行，也可以嵌入到其它程序中。任务执行可以运行在本地JVM中，也可以运行在多台机器的集群上。为了创建你自己的Fl
京河小蚁·2023-10-28 13:55

JS组件

jquery.ripples介绍jquery.ripples一个简单的基于WebGL的涟漪效应。背景图像通常很无聊。使用此效果可以使您的静态CSS背景图像更具交互性！
九瀺·2023-10-28 11:00

这本R语言编程指南解救你

新书速递导读：尽管R语言有很多令人沮丧的奇怪之处，但是R从本质上来说是一款十分适合数据科学的优雅而美丽的语言。1为什么选择R语言如果刚刚接触R语言，你可能会问这门奇怪的语言有什么值得学习的。对于我来说，R语言最好的特性有下面几条：R语言是免费、开源、跨平台的。所以如果使用R语言进行数据分析，每个人都可以很容易地复制它（重现分析过程），无论他们生活在哪里或赚多少钱。R语言拥有一个多元化且热情的社区，
hzbooks·2023-10-28 11:37

webGL编程指南 第五章 MultiAttributeSize

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。
sogooday·2023-10-28 08:29

不谈opengl---CGAL安装

说起图形库，但凡是对图形行业有点了解的人都知道opengl，再专业一点的可能还知道webgl，directX这些图形库，原神如此华丽的场景，王者荣耀如此酷炫的皮肤都要靠这些图形库来渲染。
異轩·2023-10-28 04:52

Javascript高性能WebGL图表--LightningChart JS

GPU加速和WebGL渲染可确保有效利用设备的图形处理器，从而实现高刷新率和流畅的动画效果。
Tech_Observer·2023-10-28 02:47

0. threejs源码阅读——结构概述

editor-如果有自己做webglwebIDE的计划，可以参考一下。threejs的IDE多少年没变过了，功能很少也不太好用。
吃货传说·2023-10-27 22:13

WebGL - 概述和 canvas 基础示例

1、webgl概述1、概述博客webgl示例大部分基于《webgl编程指南》一书而来，所以你也可以直接去看这本书，如果书中有些代码运行失败的话，再来看这个博客的webgl系列，或许对你有些帮助是一项用来在网页上绘制和渲染辅助三维图形
「已注销」·2023-10-27 12:56

sdf 渲染文字在three.js中

sdf渲染文字在three.js中最终效果:上面是SDF文字贴图,下面是在webgl中渲染。实现使用tiny-sdf制作sdf文字贴图。
DSLMing·2023-10-27 09:50

three.js 错误记录: GL_INVALID_OPERATION

错误信息：[.WebGL-0x7feb0c1a0600]GLERROR:GL_INVALID_OPERATION:glDrawArrays:attempttoaccessoutofrangeverticesinattribute0
DSLMing·2023-10-27 09:49

WebGL Babylon 利用pbr材质(金属材料)

BabylonPBR金属材料合理利用pbr材质结合环境纹理,可以大幅度提升模型质感和反射效果调整pbr材质的金属和粗糙程度可以模拟出不通材质注意：pbr材质会降低渲染性能，根据材质需求添加pbrnewBABYLON.PBRMaterial(‘Name’,Scene)//创建pbrpbr.albedoColor//反射颜色pbr.metallic//金属pbr.roughness//粗糙针对性能提升
Alxxhxx·2023-10-27 09:17

webgl速记之如何根据用户硬件进行性能模式OR质量模式的切换的设计思路

然后性能就会相对下降那么要处理这种事情，该怎么办，想了想，干脆就根据硬件级别来切换shader效果varcanvas=document.createElement('canvas');vargl=canvas.getContext('webgl
DBBH·2023-10-27 04:26

WebGL笔记：矩阵的变换之平移的实现

解释webgl要绘图的话，它是先定顶点的，就比如说我要画个三角形，那它会先把这三角形的三个顶点定出来。
Wang's Blog·2023-10-27 04:45

层级结构化的3D场景运动变换（three.js webgl_hierarchy2例子)

Three.js中的webgl_hierarch2例子展示了如何进行3D场景的层级结构化矩阵变换。
绿风烟·2023-10-27 00:15

SuperMap iClient3D for WebGL扩展开发教程——圆形旋转广告牌

圆形旋转广告牌.gif在这个效果图中，还有另外一个比较有意思的效果，圆形的旋转广告牌，这一级来实现该效果。1、效果分析在该效果中，可以将效果进行拆分，主要有一下两个难点：（1）侧面贴图，基于之前的经验可以选择wall对象进行实现。（2）旋转效果，该效果可以有两个想法，一个是通过设置对象的orientation进行实现，类似前面实现的雷达扫描效果，另外一个想法就是通过改变wall的节点顺序，基于这两
Mr桔子先生·2023-10-26 22:01

前端3D规划

学习WebGL：WebGL是一种在浏览器中实现3D图形的技术，它是OpenGL的Web版本，可以直接在浏览器中使用。学习WebGL可以帮助你理解3D图形的底层实现。
ZHWenDong·2023-10-26 07:37

JavaScript WebGL 帧缓冲区对象

引子在看HowIbuiltawindmapwithWebGL的时候，里面用到了framebuffer，就去查了下资料单独尝试了一下。
_XXHolic_·2023-10-26 05:29

10 WebGL的缓冲区对象使用

WebGL提供了一种很方便的机制，就是缓冲区对象，它可以一次性向着色器传入多个顶点的数据。
暮志未晚Webgl·2023-10-26 05:23

webgl缓冲区对象使用详解

文章目录前言缓冲区对象向着色器传递数据1创建缓冲区对象:gl.createBuffer()2绑定缓冲区对象:gl.bindBuffer()3向缓冲区对象写入数据:gl.bufferData()类型化数组4将缓冲区对象分配给attribute变量:gl.vertexAttribPointer()5开启attribute变量:gl.enableVertexAttribArray()完整示例缓冲区对象传
迦南giser·2023-10-26 05:53

three.js 深度不完全解读

consttarget=newTHREE.WebGLRenderTarget();target.depthTexture=newTHREE.DepthTextu
DSLMing·2023-10-26 05:52

5.缓冲区

1.缓冲区对象：缓冲区对象是WebGL系统中的一块内存区域，我们可以一次性向其中填充大量的顶点数据，供顶点着色器使用。
angry ant·2023-10-26 05:49

WebGL学习笔记（二）：利用缓冲区动态绘制多个点

上一个程序中，只实现了静态的单点绘制的，点的位置和颜色都是写死在着色器中的。如果想要动态的显示点，将交互添加进去，我们就需要实现使用JavaScript向着色器中传值，这就需要使用到缓冲区。在上一个程序基础上，实现点击时生成随机颜色点的效果。一、修改着色器代码我们需要将着色器中创建几个变量。着色器中一共有三种变量类型attribute:只能在顶点着色器中声明和使用，常用来存放顶点坐标，顶点颜色，法
Qc1998·2023-10-26 05:16

threejs(1)-开发入门与调试设置

还能通过WebGL在网页中绘制高性能的3D图形。
拾荒李·2023-10-25 22:25
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他