用BufferGeometry自定义顶点来创建图形

最新推荐文章于 2024-03-29 09:43:00 发布
最新推荐文章于 2024-03-29 09:43:00 发布
阅读量1.7k 收藏
点赞数
文章标签： html javascript three.js webgl opengl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40583266/article/details/111353920
版权

上一节用到了PlaneBufferGeometry创建四边形，PlaneBufferGeometry的基类也是BufferGeomtry。但是在你做项目或者产品的时候是需要自定义顶点数组的，特别是大规模顶点数据时，我们要用到BufferGeometry。使用 BufferGeometry 可以有效少向 GPU 传输上述数据所需的开销。BufferGeometry包括了几何体所有的信息，都放入buffer中一次性传输给gpu,包括顶点位置，面片索引、法相量、颜色值、UV 坐标和自定义缓存属性值。因为 CPU 传输数据到 GPU 的速度较慢，所以我们最好一次性传输尽可能多的数据，这也是很多大数据渲染需要优化的关键。这节我们用BufferGejometry来自己创建一个四边形的顶点以及每个顶点的颜色信息，其他纹理坐标信息等也不讲了，以后会有讲解。效果图如下：
在这里插入图片描述

创建一个BufferGeometry,然后一个顶点位置数组，一个顶点颜色数组。一个四边形由两个三角形组成，一个三角形三个顶点，这里把两个三角形的六个顶点按照顺序排列出来，这里的顺序是先排列第一个三角形的三个顶点，再排列第二个三角形的三个顶点，有六个顶点位置信息vertices以及颜色信息colors,都是float型的数组，因为每个顶点颜色不一样所以出现上图的样子。

let geometry = new THREE.BufferGeometry();
let vertices = new Float32Array( [
最低0.47元/天 解锁文章
凭海临风的夏日
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
无向图的创建和深度优先遍历，广度优先遍历
jialiang的博客
07-16 2692
声明：下面的代码只是一个最基础的实现，没有经过严格的测试 图有两种表示方式，一种是邻接矩阵（二维数组），另一种是邻接表（数组+链表）。 下面的例子是针对于邻接链表实现的 上面的两幅图，第一副是无向图，第二幅是用邻接链表表示的无向图。 代码如下： /** * 图用来表示多对多的关系，数组和链表有前驱和后继，可以认为是一对一的关系。树是一对多的关系。 * 图的基本元素：顶点，边，路径，有向图，无向图，带权图（又称之为网）,其他概念参考：https://www.cnblogs.com.
编程实现建立一个无向图，然后对此图进行深度优先遍历和广度优先遍历。
m0_62143782的博客
11-01 2179
#include <stdio.h> #include <stdlib.h> #define MAXVEX 100 #define INF 0x3f3f3f3f typedef char VertexType[10]; typedef struct edgenode { int adjvex; int weight; struct edgenode * nextarc; } ArcNode; typedef struct vexnode { VertexType data; ArcN
【Three.js基础学习】4.Geometires
最新发布
weixin_41722662的博客
03-29 1011
three.js基础学习
无向图和有向图的深度遍历和广度遍历
weixin_30235225的博客
07-03 2672
// // main.cpp // Grpah_DFS_BFS // // Created by duanqibo on 2019/7/3. // Copyright © 2019年 duanqibo. All rights reserved. // 无向图和有向图的深度遍历和广度遍历 #include <iostream> #include &l...
创建无向图并进行深度优先和广度优先遍历
m0_68563008的博客
05-22 1087
1.创建一个无向图（采用邻接矩阵方式存储）； 2．分别输出从结点0开始的一个深度优先遍历序列和一个广度优先遍历序列。
Unity3D自定义创建圆锥体
12-25
这几天琢磨着开发个个人作品的时候，发现原来Unity3D官方没有提供圆锥体的创建功能，就自己做了个编辑器扩展。鉴于之前搜索Mesh编程的时候很少有博客把自己的算法讲清楚，这里我抛砖引玉，尽我所能为一些初学者提供...
Qt自定义图形实现拖拽效果
01-21
首先定义类来自定义图形，这里通过paintEvent事件来实现（主要就是绘画一个图形） void QEventView::paintEvent(QPaintEvent *event) { resize(115+m_iLen,36); QPainter painter(this); painter.setRenderHint...
getseq_图形顶点排序_
10-03
可以在给定一些乱序的点后，实现按照绘制图形顺序的点的方式。
在ThreeJS中使用自定义顶点和片段着色器
08-11
在ThreeJS中使用自定义顶点和片段着色器
saml-idp:自定义顶点 saml idp
06-04
创建一个名为 SAML_Service_Provider__c 的对象，其中包含 ACS_URL__c URL(255)、CertificateName__c Text(255)、Entity_ID__c Text(255)（不区分大小写的唯一性）和 Issuer__c Text(255) 上传静态资源为 public ...
无向图的深度与广度优先遍历
Chenlihanhan的博客
05-26 2555
#define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> #include <string.h> //全局定义特殊变量 #define MVNum 100 #define OVERFLOW 0 #define MAX 10 #define ok 1 //转定义区域 typedef int OtherInfo; typedef char VerTexType; typedef int.
[邻接矩阵形式]无向图的建立与深度,广度遍历
☆迷茫Dog的秘密基地☆
10-24 3334
目录 MGraph类 构造函数 深度优先遍历 广度优先遍历 MGraph类 const int N = 10; int visit[N]; // 顶点是否被访问 template<typename DataType> class MGraph//无向图 { public: MGraph(DataType a[], int n, int e); ~MGraph(){ } void DF(int x); //深度优先遍历 void BF(int x);
构造无向图，进行深度优先遍历和广度优先遍历
qq_65354503的博客
05-09 1277
当队列que不为空时，进行while循环：将队列que的队头元素输出，并利用for循环寻找邻接矩阵中第vex行是否有未被访问过的顶点，如果有，则入队，并且辅助数组vis中的值改为true。借用辅助数组vis，以便判断顶点是否已经遍历过，已被遍历过的元素为true，没有遍历过的为false。否则，继续深度遍历这个未被调用过的第i个顶点。再输入图中i个顶点和j个顶点相连，使矩阵中的第i行第j列和第j行第i列的值为1，表示两个顶点i和j相通，矩阵中其他元素的值为0，表示这两个顶点之间无线。
数据结构—无向图创建邻接矩阵、深度优先遍历和广度优先遍历（C语言版）
热门推荐
正弦定理的博客
12-19 4万+
无向图创建邻接矩阵、深度优先遍历和广度优先遍历一、概念解析：（1）无向图：（2）邻接矩阵：二、创建邻接矩阵：三、深度遍历、广度遍历（1）深度遍历概念：（2）广度遍历概念：四、实例展示 一、概念解析： （1）无向图： 假设图G由两个集合V和E组成，记为G={V , E}。其中V是顶点的有限集合，E是连接V中两个不同顶点的边的有限集合。如果E中的顶点对是有序的，即E中的每条边都是有方向的，则称G是有向图。如果顶点对是无序的，则称G是无向图 （2）邻接矩阵： 邻接矩阵主要由：二维数组 实现 如图 转
three BufferGeometry顶点的两种添加方式
dazhangyu168的博客
10-26 530
BufferGeometry顶点的添加方式
采用邻接矩阵输出无向图的深度和广度遍历
m0_63543418的博客
05-18 1008
采用邻接矩阵输出无向图的深度和广度遍历
图(一)：无向图的深度优先遍历、广度优先遍历及连通分量
acy29712的博客
09-14 5376
无向图： 一些关于图的定义： 图是由一组顶点和一组能够将两个顶点相连的边组成。 连通图：如果从任意一个顶点都存在一条路径到达另一个任意顶点，就称为连通图，一个非连通图由若干连通的部分组成，都称为极大连通子图。 无向图：即连接两个顶点的边是没有方向的。 无向图的数据结构： 使用邻接表来表示图： 如上图所示，使用一个链表数组来表示图，其中数组的索引表示所有的顶点...
无向图的遍历其中包括深度遍历和广度遍历
qq_48885546的博客
12-06 265
#include<stdio.h> #include<stdlib.h> #include<string.h> #define max 20 int visit[max]; typedef struct { char vexs[max]; int arc[max][max]; int vexnum; int arcnum; }MGraph; typedef struct { int *base; int front; int rear; }CqQueue;
boost 自定义顶点和自定义边的最小生成树 c++ 代码
06-14
以下是使用 Boost Graph Library 实现自定义顶点和自定义边的最小生成树的 C++ 代码示例： ```c++ #include <iostream> #include <vector> #include <boost/graph/adjacency_list.hpp> #include <boost/graph/prim_minimum_spanning_tree.hpp> using namespace std; using namespace boost; // 定义自定义顶点结构 struct Vertex { int id; Vertex(int i = 0) : id(i) {} }; // 定义自定义边结构 struct Edge { int weight; Edge(int w = 0) : weight(w) {} }; // 定义图的类型 typedef adjacency_list<vecS, vecS, undirectedS, Vertex, Edge> Graph; int main() { int n = 5; // 顶点数 vector<pair<int, int>> edges = {{0, 1}, {0, 2}, {1, 2}, {1, 3}, {2, 3}, {2, 4}, {3, 4}}; // 边集合 vector<Vertex> vertices(n); // 顶点集合 // 初始化顶点 for (int i = 0; i < n; i++) { vertices[i] = Vertex(i); } // 构建图 Graph g(edges.begin(), edges.end(), vertices.begin(), n); // 定义最小生成树的存储变量 vector<Graph::edge_descriptor> tree; // 计算最小生成树 prim_minimum_spanning_tree(g, back_inserter(tree)); // 输出结果 for (auto e : tree) { cout << "(" << g[source(e, g)].id << ", " << g[target(e, g)].id << ") " << g[e].weight << endl; } return 0; } ``` 在这个例子中，我们自定义了一个 `Vertex` 结构体，用来表示顶点的标识符，然后使用 `adjacency_list` 定义了图的类型，将 `Vertex` 结构体作为顶点的属性存储在图中。同时，我们也自定义了一个 `Edge` 结构体，用来表示边的权值，将 `Edge` 结构体作为边的属性存储在图中。最后使用 `prim_minimum_spanning_tree` 计算最小生成树，将结果存储在 `tree` 变量中，并输出结果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值