【WebGL】Three.js

Three.js之顶点UV坐标、纹理贴图

颜色贴图属性.map顶点UV坐标圆形平面设置纹理贴图：CircleGeometry设置阵列模式：THREE.RepeatWrapping网格地面辅助观察：GridHelper纹理对象.offset属性代码实现Three.js
开心就是最好·2023-09-15 02:59

THREE.js

Three.js一.Demo渲染一个cube渲染四部曲:场景相机物体渲染1.场景constscence=newTHREE.Scene();2.相机newTHREE.PerspectiveCamera(fov
ancientElement·2023-09-14 17:40

ThreeJS – 如何提升three.js的渲染效果

1THREE.WebGLRenderer的参数设置THREE.WebGLRenderer对象的参数设置非常影响渲染效果要想获得比较好的渲染效果，对THREE.WebGLRenderer可进行以下参数设置
奇怪的点·2023-09-14 14:59

Three.js使用OrbitControls后修改相机旋转方向无效

1.问题复现在项目中添加了OrbitControls控制器来控制相机的旋转和平移，但是需要修改初始的相机角度，于是我把相机的角度进行修改，如下：constcamera=newTHREE.PerspectiveCamera(75,viewport.offsetWidth/viewport.offsetHeight,0.01,20);camera.position.set(0,1,7);//修改相机初
YanisWu·2023-09-14 05:51

Three.js 计算两点的距离

方法：.distanceTo(v:Vector3):Float计算该向量到所传入的v间的距离。示例：varpos1=newTHREE.Vector3(0,1,0);varpos2=newTHREE.Vector3(1,1,1);vardistance=pos1.distanceTo(pos2);
YanisWu·2023-09-14 05:20

Three.js 绘制动态模型

1.概述在Three.js的世界中，几何体（Geometry）由顶点（vertices），线，面组成，被用来定义物体的「形状」和「大小」。
YanisWu·2023-09-14 05:14

Mars3D认识与理解

Mars3d三维可视化平台是火星科技(opensnewwindow)http://marsgis.cn/研发的一款基于WebGL技术实现的三维客户端开发平台，基于Cesium（CesiumJS–Cesiumhttps
棉棉11111111111·2023-09-12 12:23

跨平台游戏引擎 Axmol-2.0.0 正式发布

下载https://github.com/axmolengine/axmol/releases/tag/v2.0.0更新日志添加实验性的WebAssembly构建支持(WebGL2.0)，由@nowasm
一线灵·2023-09-12 08:18

ThreeJS进阶之使用后期处理

很多three.js应用程序是直接将三维物体渲染到屏幕上的。有时，你或许希望应用一个或多个图形效果，例如景深、发光、胶片微粒或是各种类型的抗锯齿。后期处理是一种被广泛使用、用于来实现这些效果的方式。
BinParker·2023-09-12 07:48

ThreeJS进阶之矩阵变换

ThreeJS的矩阵变换Three.js使用matrix编码3D变换——平移（位置），旋转和缩放。Object3D的每个实例都有一个matrix，用于存储该对象的位置，旋转和比例。
BinParker·2023-09-12 07:48

ThreeJS进阶之动画系统（Animation system）

ThreeJS进阶之动画系统概述在three.js动画系统中，我们可以为模型的各种属性设置动画：SkinnedMesh（蒙皮和装配模型）的骨骼，morphtargets（变形目标），不同的材料属性（颜色
BinParker·2023-09-12 07:48

WebGL 视图矩阵、模型视图矩阵

目录立方体由三角形构成视点和视线视点、观察目标点和上方向视点：观察目标点：上方向：在WebGL中，观察者的默认状态应该是这样的：视图矩阵程序（LookAtTriangles.js）实际上，“根据自定义的观察者状态
山楂树の·2023-09-12 05:54

HT for Web (Hightopo) 使用心得（1）- 基本概念

HTforWeb，通常简称为HT，这是一个基于JavaScript开发的WebGL引擎。可用于2D/
图扑数字孪生·2023-09-11 14:46

GitHub上的WebGL库调研

1.three.js  star:32.9K  更新速率：频繁  这个无需多说，当下最流行的WebGL库，轻量级，容易使用，很多webgl库都是基于它来构建。
sky.....·2023-09-11 13:45

Cesium学习笔记

Cesium使用WebGL来进行硬件加速图形化；跨平台；跨浏览器；实现真正的动态数据进行可视化。Cesium基于Apache开源协议，支持商业和非商业免费使用。
sky.....·2023-09-11 13:44

webgl与webgpu比较

绘制流程webgl无论是操作着色器，还是操作VBO，亦或者是创建一些Buffer、Texture对象，基本上都得通过gl变量一条一条函数地走过程，顺序是非常讲究的。
sky.....·2023-09-11 13:10

HT for Web (Hightopo) 使用心得（1）- 基本概念

HTforWeb，通常简称为HT，这是一个基于JavaScript开发的WebGL引擎。可用于2D/
图扑可视化·2023-09-11 12:02

uniapp微信小程序加载spine动画

目录1.XMLHttpRequest封装spine-webgl小程序适配修改加载动画1.XMLHttpRequest封装functionXMLHttpRequest(){this.config={};}
selectJiun·2023-09-11 09:25

WebGL 纹理——在矩形表面贴上图像

目录WebGL要进行纹理映射，需遵循以下四步：1.准备好映射到几何图形上的纹理图像。2.为几何图形配置纹理映射方式。3.加载纹理图像，对其进行一些配置，以在WebGL中使用它。
山楂树の·2023-09-11 06:10

WebGL 同时使用多幅纹理

该函数的核心部分代码如下所示：需要注意的是前言WebGL可以同时处理多幅纹理，纹理单元就是为了这个目的而设计的。本例程序在矩形上重叠粘贴两幅纹理图像。下图显示了本例运行效果，两张纹理图像在矩形上的混
山楂树の·2023-09-11 05:40

GLSL ES着色器 精度限定字

目录前言WebGL支持的三种精度数据类型的默认精度float类型没有默认精度预处理指令在GLSLES中常用的三种预处理指令。
山楂树の·2023-09-11 05:40

html2canvas 截屏遇到的问题

遇到两个问题:截下来的图里面没有地图保存到本地的时候，浏览器显示网络错误下载失败解决：第一个问题：原因是地图里面的用了webgl导致的。
墨语轩·2023-09-11 03:55

Webgl入门笔记-画矩形

本人是三维可视化方向的研究生，最近因为时间比较多，想深入学习下webgl，这边推荐下b站的webgl入门教程。
Web图形学工作站·2023-09-10 20:51

webgl第11课-绘制矩形

需要源码可以Q群：828202939或者点击这里希望可以和大家一起学习、一起进步！！纯手打！！书籍是PDF电子档，也在Q群里，所有的课程源代码在我上传的资源里面，本来想设置开源，好像不行！如有错别字或有理解不到位的地方，可以留言或者加微信15250969798，在下会及时修改！！！！！上节课主要的怎么利用gl.drawArryas这个函数来绘制一些基本的图形，那么对于复杂的图形我们怎么处理呢？比如
webgl_谷子·2023-09-10 20:50

如何用html语言制作圆角矩形,webGL中圆角矩形的绘制

前言在写HTML这类自带样式设置的渲染语言时，可能写出一个圆角矩形仅仅就是一个样式设置就搞定了；但是有没有想过，直接在webGL中用原生的着色器算法写出一个类似CSS圆角样式的效果怎么做？
weixin_39958100·2023-09-10 20:50

【零基础学WebGL】绘制矩形

接下来，进入正题，一步步分解在WebGL世界如何绘制一个矩形。第一步：获取WebGL渲染上下文这里不过多介绍，主要是使用canvas.getContextAPI，获取webgl上下文。
web老猴子·2023-09-10 20:20

【零基础学WebGL】绘制图片

前言通过本文的学习，你可以掌握使用WebGL绘制任何一张图片。下图是本文的示例图片：理论知识在绘图之前，一起学习一些理论知识吧。
前端开发小司机·2023-09-10 20:20

JavaScript WebGL 绘制一个面

引子JavaScriptWebGL基础疑惑点之后进行了一些优化，然后尝试绘制常见二维的面。WebGL中几何体最终都是由三角形构成，由三角形切入比较合适。
_XXHolic_·2023-09-10 20:49

WebGL绘制一个矩形

WebGL绘制一个矩形本文是WebGL电子书的1.2节内容学习建议学习本节课，建议先结合注释看看案例源码，对于不熟悉的WebGLAPI可以在MDN搜索文档，不过刚开始学习，没必要去掌握每一个WebGLAPI
郭隆邦技术博客·2023-09-10 20:49

webgl绘制矩形

WebGLattributevec3aVertexPosition;voidmain(){//直接将外部传入的顶点坐标作为最终坐标gl_Position=vec4(aVertexPosition,1.0
qq_43451782·2023-09-10 20:19

原生webgl学习（五） WebGL绘制矩形（二）：更简洁的代码

本专栏所有文章示例代码均可在我的gitee码云上获取，读者可自行下载：https://gitee.com/babyogl/learnWebGL；本文demo代码在chapter-03下的rectangle
coder_路远·2023-09-10 20:48

webgl之绘制一个矩形

功能：使用webgl绘制一个矩形,这里通过绘制两个三角形来实现一个矩形的绘制步骤：1获取webgl上下文2获取着色器字符串3创建，加载，编译着色器4给着色器的变量赋值5绘制图形第一步：获取webgl上下文
g0415shenw·2023-09-10 20:18

WebGl-10.绘制一个矩形

使用三角形的绘制方法gl.TRIANGLE_STRIP来通过4个点绘制两个三角形，实现绘制一个矩形。下面是四个点的位置v0(-0.5,0.5)v1(-0.5,0.5)v2(0.5,0.5)v3(0.5,-0.5)使用三角带gl.TRIANGLE_STRIP这种绘图模式组成的第一个三角形是(v0,v1,v2)第二个是(v2,v1,v3)varvertices=newFloat32Array([-0.
牛code·2023-09-10 20:18

原生webgl学习（四） WebGL绘制矩形（一）

本专栏所有文章示例代码均可在我的gitee码云上获取，读者可自行下载：https://gitee.com/babyogl/learnWebGL；本节代码在文件夹chapter-02里面的color-triangle
coder_路远·2023-09-10 20:18

WebGL 绘制矩形

上一节绘制了圆点，调用的绘制方法如下：gl.drawArrays(gl.POINTS,0,1);第一个参数明显是个枚举类型，肯定还有其他值，如下所示：POINTS可视的点LINES单独线段LINE_STRIP线条LINE_LOOP闭合线条TRIANGLES单独三角形TRIANGLE_STRIP三角带TRIANGLE_FAN三角扇这小节尝试一下绘制单独线段、线条、闭合线条、三角带（可构成矩形）代码如
夜跑者·2023-09-10 20:46

cesium开发入门（vue2）

一、cesium介绍Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。
拾荒旧痕·2023-09-10 17:45

[Unity] Catan Universe: Unity 的移动设备优化

那就是关于我所遵循的步骤和方法的故事，以诊断和改善CatanUniverse在移动（iOS，Android）中的性能，并对WebGL有重要的好处。因此，我可以从描述围绕游戏本身
Unity尧明·2023-09-10 15:01

Three.js MeshStandardMaterial菲涅尔实现

前面两篇分别讲了Three.js的源码结构和Shader改写方法，本篇做一个基于Standard材质的菲涅尔。
ShawnWeasley·2023-09-10 13:33

Three.js 在iPhone手机上部分贴图黑色问题

搜了一下发现Three.js官方也知道这个问题，问题的起因是：ios15.x系统中更新了贴图机制，导致贴图无法加载，three.js官方给出的结论是这是ios本身的bug，可以通过如下方式改善这个问题：
ShawnWeasley·2023-09-10 04:19

Three.js将多边形线条（Line）转换成模型(Mesh)

当一个国家由多边形轮廓组合而成时，我们如何将它转换成三角面模型呢？国家球面Mesh生成思路：多边形轮廓内生成一系列等间距点阵。对点集进行三角剖分，生成国家平面Mesh。国家平面Mesh转球面Mesh：国家平面Mesh三角形顶点经纬度坐标转球面坐标即可。所使用的到的工具库：delaunator库(三角剖分)github地址：https://github.com/mapbox/delaunator安装
忽而秃头·2023-09-09 22:45

WebGL学习之路

在这里记录一下个人的WebGL学习过程作为GIS开发工程师四年，技术栈和项目经验都有了一定积累，感觉到了一个瓶颈。经过一些讨论和思考，认为可以向两个方向发力，后端方向的空间大数据处理，前端方向的三维。
GIS小虫·2023-09-09 19:35

three.js的学习

Threejs1前言Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。
Shadow Shine·2023-09-09 16:40

关于Unity WebGL GB2312编码问题

但是，在WebGL平台上面会有新的报错NotSupportedException:Th
地狱为王·2023-09-09 06:50

WebGL浅入浅出，不深入了解一下吗？

豆皮粉儿们，又见面了，今天这一期，由字节跳动数据平台的“Kakashi”小哥哥，给我们带来webgl的入门学习。那到底什么是WebGL呢？WebGL有什么用？如何快速入门呢？
玄魂·2023-09-09 06:43

【转】使用 WebGL 进行 3D 开发，第 2 部分: 使用 WebGL 库以更少的编码做更多的事情...

转自HTML5开发社区使用WebGL进行3D开发，第1部分:WebGL简介使用WebGL进行3D开发，第2部分:使用WebGL库以更少的编码做更多的事情使用WebGL进行3D开发，第3部分:添加用户交互
weixin_30824599·2023-09-09 06:42

【转】使用 WebGL 进行 3D 开发，第 1 部分: WebGL 简介

转自HTML5游戏开发者社区使用WebGL进行3D开发，第1部分:WebGL简介使用WebGL进行3D开发，第2部分:使用WebGL库以更少的编码做更多的事情使用WebGL进行3D开发，第3部分:添加用户交互
weixin_30564901·2023-09-09 06:12

【《WebGL编程指南》读书笔记-颜色与纹理】

本文为读书笔记第五章总目录链接：https://blog.csdn.net/floating_heart/article/details/124001572本章很长，讨论了前言所述的三个问题，三个由浅入深，帮助我们更细致地了解WebGL
floating_heart·2023-09-09 06:39

video、webgl canvas推拉流及多媒体流协议

video、webglcanvas推拉流及多媒体流协议不经常接触智慧城市项目，直播项目，安全项目的人，可能了解的不够多！做这些项目的也会根据公司技术深度学到更深的的知识！先看一张图片！
我就不信起不来名字了！·2023-09-08 12:39

【Three.js】第十八章 Particles 粒子

介绍粒子。它们非常受欢迎，可用于实现各种效果，如星星、烟、雨、灰尘、火和许多其他东西。粒子的好处是您可以在屏幕上以合理的帧速率显示数十万个粒子。缺点是每个粒子都由一个始终面向相机的平面（两个三角形）组成。创建粒子就像制作网格一样简单。我们需要一个BufferGeometry，一种可以处理粒子的材质(PointsMaterial)，而不是生成一个Mesh，我们需要创建一个Points。设置启动器仅由
顽皮宝·2023-09-08 11:46

【Three.js】第二十一章 Physics 物理

介绍物理是WebGL可以添加到项目体验中最酷的功能之一。
顽皮宝·2023-09-08 11:15
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他