webgl第十课

面向Three.js开发者的3D自动纹理化开发包

DreamTexture.js是面向three.js开发者的3D模型纹理自动生成与设置开发包，可以为webGL应用增加3D模型的快速自动纹理化能力。图一为原始模型,图二图三为贴图后的模型。
ygtu2018·2023-11-01 08:26

基于 HTML5 WebGL 的 3D 仓储管理系统

仓储管理系统（WMS）是一个实时的计算机软件系统，它能够按照运作的业务规则和运算法则，对信息、资源、行为、存货和分销运作进行更完美地管理，使其最大化满足有效产出和精确性的要求。从财务软件、进销存软件CIMS，从MRP、MRPII到ERP，代表了中国企业从粗放型管理走向集约管理的要求，竞争的激烈和对成本的要求使得管理对象表现为：整和上游、企业本身、下游一体化供应链的信息和资源。而仓库，尤其是制造业中
图扑软件·2023-11-01 05:25

图扑 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

微信小程序 加载3D模型

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

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

见证越来越少原来是这样

今天重听练心手帐中级课第十课，发现现在的自己和以前听第一遍的自己依然一样没有多少见证，听完第一遍的自己说要按老师说的格式去写见证记录，但直到现在也没按老师说的格式写过一篇。
云飞月·2023-10-29 14:26

百度离线地图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

JS组件

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

webGL编程指南 第五章 MultiAttributeSize

git本章节中我我们学习使用buffer传递数据Documentletcanvas=document.getElementById('canvas');letgl=canvas.getContext('webgl
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

threejs实现液体管道流动的动态效果

设置纹理的偏移、eg18-2:Three.js旋转的盒子(重构)--加入阴影varrenderer=null;//初始化渲染器functioninitThree(){renderer=newTHREE.WebGLRenderer
WFF的赵本山·2023-10-25 21:11

webGL编程指南 第四章 旋转+平移.TanslatedRotatdTriangle

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址：git本篇文章将把旋转和平位移结合起来，因为矩阵的不存在交换法则文章中设计的矩阵地址在这里我将先学习先旋转再位移Document先旋转再位移可以按下按键ADSWletcanvas=document.getElementById('canvas');canvas.w
sogooday·2023-10-25 20:29

webGL编程指南 第三章 矩阵旋转三角形rotatedTriangle_Matrix

我会持续更新关于wegl的编程指南中的代码。当前的代码不会使用书中的缩写，每一步都是会展开写。希望能给后来学习的一些帮助git代码地址：git接着上一节中接着做平移的转化。在本次的案例案例中主要是xy的坐标变量相加，同时传递个给相关变量Document可以按下按键ADSW旋转的角度：letcanvas=document.getElementById('canvas');letgl=canvas.g
sogooday·2023-10-25 20:28

webGL编程指南 第三章 矩阵缩放三角形.sclaTriangle_Matrix

，这次我们使用矩阵实现缩放Document可以按下按键ADSWletcanvas=document.getElementById('canvas');letgl=canvas.getContext('webgl
sogooday·2023-10-25 20:28
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他