谈谈Processing 3D世界 六 （续）

最新推荐文章于 2022-09-25 11:38:05 发布
最新推荐文章于 2022-09-25 11:38:05 发布
阅读量1.9k 收藏 4
点赞数
分类专栏： Processing教学 文章标签： processing 3d 图形
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/znyicen/article/details/52242534
版权

setp5 将OBJ文件导入Processing

既然我们知道obj实际上就是一个文本本件，我们何不索性将其改成txt？
这样，我们用Processing的loadStrings()函数就能轻易读取obj的内容到我们程序的内存中，供我们解码后运用。 
String dateFileName;
...
String[] lines = loadStrings(dateFileName);
好第五步轻松解决。

setp6 在Processing中解码OBJ文件

结合上一节的知识，我们知道要依靠obj文件来替我们画图，关键是在f（面）的文本行描述上。 
...
f 2/2/17 8/11/18 4/4/19
f 4/4/19 8/11/18 6/12/20
...

而这些信息都是用顶点属性索引来描述的。所以我们需要用数组来装载属性，使其拥有索引，以供将来绘图函数按照f（面）的索引序列来调用属性数据。

1.新建OBJ读取类

class OBJLoader {
	
  void init(String dateFileName) {
    // 载入obj文件，obj文件需要被转换成txt文件
    // 以行为单位装载文本
    String[] lines = loadStrings(dateFileName);  
  }
}

2.为各属性计数

  // 在类中新建变量用于个属性计数
  int vCount, vtCount, fCount; // 顶点位置、UV、面 计数

  // 各属性计数实现方法
  void attrArrayCount(String[] lines) {
    for(int i = 0; i < lines.length; i++) { // 轮询每行文本
      // 查找关键字,给属性计数，这里我们只关心v、vt、f
      if(lines[i].startsWith("v ")){          // 顶点位置 计数
        vCount++; 
      }else if(lines[i].startsWith("vt ")) {  // 顶点UV   计数
        vtCount++;
      }else if(lines[i].startsWith("f ")){    // 面       计数
        fCount++;
      }
    }
  }

3.新建并初始化属性数组容器

  // vertices
  PVector[] v, vt;     // 顶点位置、UV，这里我们先忽略顶点法向量。
  
  // face（*三角面）- fx v/vt/vn v/vt/vn v/vt/vn
  int[] fv1, fv2, fv3;    // 顶点位置 索引数组
  int[] fvt1, fvt2, fvt3; // 顶点UV   索引数组

  // 初始化属性索引数组
  void initAttrArray() {
    
    // 初始化顶点位置、UV数组
    v  = new PVector[vCount  + 1]; // 注意配合obj文件的语法
    vt = new PVector[vtCount + 1]; // 起始数从1开始，这里实际上是让0元素空置了。
    // 初始化面数组
    fv1 = new int[fCount];
    fv2 = new int[fCount];
    fv3 = new int[fCount];
    
    fvt1 = new int[fCount];
    fvt2 = new int[fCount];
    fvt3 = new int[fCount];
  }

4.填入属性数据

  void assiAttrArray(String[] lines) {
   
    int vIndex  = 1; // 因为F的引用是从1开始,所以v的起始号是1
    int vtIndex = 1; // 同上
    int fIndex  = 0; // f本身没有描述索引号，所以我们可以按传统安排索引
    
    for(int i = 0; i < lines.length; i++) {
      
      // 记录顶点位置
      if(lines[i].startsWith("v ")){
        
        assiV(lines[i], vIndex);
        vIndex++;
        
      // 记录顶点UV纹理坐标
      }else if(lines[i].startsWith("vt ")) {
        
        assiVt(lines[i], vtIndex);
        vtIndex++;
        
      // 记录面构成
      }else if(lines[i].startsWith("f ")){
        
        assiF(lines[i], fIndex);
        fIndex++;
      }
    }
  }
接着我们逐步来实现其功能 
  // 处理顶点位置
  void assiV(String line, int vIndex) {
   
    // 把此行信息分解成单个的词语,并提取浮点信息
    float[] date = float(splitTokens(line));
    
    v[vIndex] = new PVector(date[1] * UNIT, date[2] * UNIT, date[3] * UNIT);
    
  }

// 处理顶点UV
  void assiVt(String line, int vtIndex) {
    
    // 把此行信息分解成单个的词语,并提取浮点信息
    float[] date = float(splitTokens(line));
    
    vt[vtIndex] = new PVector(date[1], date[2]);
    
  }

// 处理面
  void assiF(String line, int fIndex) {
    
    // 把此行信息分解成单个的词语 f1 | 1/1/1 | 2/3/1 | 3/2/2
    String[] date = splitTokens(line);
    // 处理面的顶点信息
    PVector v1 =  fvertex(date[1], fIndex);
    PVector v2 =  fvertex(date[2], fIndex);
    PVector v3 =  fvertex(date[3], fIndex);
    
    fv1[fIndex] = int(v1.x);
    fv2[fIndex] = int(v2.x);
    fv3[fIndex] = int(v3.x);

    fvt1[fIndex] = int(v1.y);
    fvt2[fIndex] = int(v2.y);
    fvt3[fIndex] = int(v3.y);
  }

5.处理面的顶点信息

// 处理面的顶点的信息
  PVector fvertex(String date, int fIndex) {
    PVector value = new PVector();
    
    // 因为不清楚数字的位数：123/21/21 | 25452/...
    int last_n = 0;
    for(int n = 0; n < 100; n++) {
      String s = date.substring(n, n + 1); // 获取从参数开始到参数结束的字符串,这里是逐个审核字符
      if( s.equals("/")) { // 如果字符为“/”
        value.x = int(date.substring(0, n));      // 截取v属性索引
        last_n = n + 1;
        break;
      }
    }
    
    for(int n = last_n; n < 100; n++) {
      String s = date.substring(n, n + 1);
      if( s.equals("/")) {
        value.y = int(date.substring(last_n, n)); // 截取vt属性索引
        break;
      }
    }
    return value;
  }
这样我们就解码并在程序内存中组织好了所有的网格数据，等待绘制。

6.载入obj数据 - 小结

// obj文件需要被转换成txt文件
// 本类暂时只处理v、vt、f数据
class OBJLoader {

  // 顶点属性
  PVector[] v, vt; // 位置、UV
  
  // 面-属性索引
  // (*三角面)- fx v/vt/vn v/vt/vn v/vt/vn
  int[] fv1, fv2, fv3;         
  int[] fvt1, fvt2, fvt3;      

  // 属性计数
  int vCount, vtCount, fCount; 
	
  void init(String dateFileName) {
    // 以行为单位装载文本
    String[] lines = loadStrings(dateFileName);  

    // 属性计数
    attrArrayCount(lines);
    
    // 属性数组初始化
    initAttrArray();
    
    // 属性数组赋值
    assiAttrArray(lines);
  }

  // 各属性计数实现方法
  void attrArrayCount(String[] lines) {
    for(int i = 0; i < lines.length; i++) {   // 轮询每行文本
      // 查找关键字,给属性计数
      if(lines[i].startsWith("v ")){          // 顶点位置 计数
        vCount++; 
      }else if(lines[i].startsWith("vt ")) {  // 顶点UV   计数
        vtCount++;
      }else if(lines[i].startsWith("f ")){    // 面       计数
        fCount++;
      }
    }
  }

  // 初始化属性数组
  void initAttrArray() {
    
    // 初始化顶点位置、UV数组
    v  = new PVector[vCount  + 1]; // 注意配合obj文件的语法
    vt = new PVector[vtCount + 1]; // 起始数从1开始，这里实际上是让0元素空置了。
    
    // 初始化面数组
    fv1 = new int[fCount];
    fv2 = new int[fCount];
    fv3 = new int[fCount];
    
    fvt1 = new int[fCount];
    fvt2 = new int[fCount];
    fvt3 = new int[fCount];
  }

    void assiAttrArray(String[] lines) {
   
    int vIndex  = 1; // 因为F的引用是从1开始,所以v的起始号是1
    int vtIndex = 1; // 同上
    int fIndex  = 0; // f本身没有描述索引号，所以我们可以按传统安排索引
    
    for(int i = 0; i < lines.length; i++) {
      
      // 记录顶点位置
      if(lines[i].startsWith("v ")){
        
        assiV(lines[i], vIndex);
        vIndex++;
        
      // 记录顶点UV纹理坐标
      }else if(lines[i].startsWith("vt ")) {
        
        assiVt(lines[i], vtIndex);
        vtIndex++;
        
      // 记录面构成
      }else if(lines[i].startsWith("f ")){
        
        assiF(lines[i], fIndex);
        fIndex++;
      }
    }
  }

    // 处理顶点位置
  void assiV(String line, int vIndex) {
   
    // 把此行信息分解成单个的词语,并提取浮点信息
    float[] date = float(splitTokens(line));
    
    v[vIndex] = new PVector(date[1] * UNIT, date[2] * UNIT, date[3] * UNIT);
    
  }

  // 处理顶点UV
  void assiVt(String line, int vtIndex) {
    
    // 把此行信息分解成单个的词语,并提取浮点信息
    float[] date = float(splitTokens(line));
    
    vt[vtIndex] = new PVector(date[1], date[2]);
    
  }

  // 处理面
  void assiF(String line, int fIndex) {
    
    // 把此行信息分解成单个的词语 f1 | 1/1/1 | 2/3/1 | 3/2/2
    String[] date = splitTokens(line);
    // 处理面的顶点信息
    PVector v1 =  fvertex(date[1], fIndex);
    PVector v2 =  fvertex(date[2], fIndex);
    PVector v3 =  fvertex(date[3], fIndex);
    
    fv1[fIndex] = int(v1.x);
    fv2[fIndex] = int(v2.x);
    fv3[fIndex] = int(v3.x);

    fvt1[fIndex] = int(v1.y);
    fvt2[fIndex] = int(v2.y);
    fvt3[fIndex] = int(v3.y);
  }

  // 处理面的顶点的信息
  PVector fvertex(String date, int fIndex) {
    PVector value = new PVector();
    
    // 因为不清楚数字的位数：123/21/21 | 25452/...
    int last_n = 0;
    for(int n = 0; n < 100; n++) {
      String s = date.substring(n, n + 1); // 获取从参数开始到参数结束的字符串,这里是逐个审核字符
      if( s.equals("/")) { // 如果字符为“/”
        value.x = int(date.substring(0, n));      // 截取v属性索引
        last_n = n + 1;
        break;
      }
    }
    
    for(int n = last_n; n < 100; n++) {
      String s = date.substring(n, n + 1);
      if( s.equals("/")) {
        value.y = int(date.substring(last_n, n)); // 截取vt属性索引
        break;
      }
    }
    return value;
  }
}

利用obj数据绘制模型再开一个坑好了。一篇帖子太长了就不容易编辑，老是要审核审核的。

下篇帖子继续。

小羽是个二狗子
关注
专栏目录
谈谈Processing 3D世界 三
znyicen的专栏
08-08 3769
有了前两节的知识，接下来咱们该做什么呢？丰富多边形？控制摄影机？这些先不急，我们不妨先来了解下纹理 （Texture）。有了这玩意，能极大的丰富我们绘制的对象。 等填坑。。。
谈谈Processing 3D世界 六 （续二）
znyicen的专栏
08-19 1369
step7 利用obj数据绘制模型 继续在OBJLoader这个类中完成我们未完成的‘事业’，添加绘制方法。当然你也可以单独新建一个类来实现。 核心绘制方法：   void display() {     // 利用obj中的f（面）数据索引轮询顶点数据     for(int i = 0; i       beginShape(TRIANGLES);       // v
Processing粒子三维作图
最新发布
weixin_52049271的博客
09-25 499
使用Processing实现图片粒子化效果
谈谈Processing 3D世界 六
znyicen的专栏
08-17 5636
六六大顺，都到六了嚯~ 之前仅仅一个cube的顶点和UV就快把我们弄残了，这样下去肯定不是办法，更别说一些复杂的网格对象。 说以我们现在就来说说如何向Processing导入网格数据。
现代opengl 设计 3D模型文件导入显示
曾立文的博客
04-02 6502
利用3D模型导入库assimp， 可以读取很多种格式的3D模型文件，现在我们就用opengl 显示出来。而这需要一个桥，就是数据和opengl 显示，前文我们介绍了网格Mesh类，现在介绍model 类。有了这2个类，我们就可以完成了3D模型的显示。 本文内容主要参照https://learnopengl.com/ 和https://learnopengl-cn.github.io/学习...
3D-Processing.zip
09-18
在3D建模的世界里，3D-Processing.zip文件似乎是一个包含有关3D处理的项目或教程的压缩包。3D建模是一项技术，通过它我们可以利用...这个压缩包可能为初学者提供了一个很好的起点，让他们能够探索3D世界的无限可能性。
Processing 案例 | 日本先生Atsushi Tanaka的3D世界
小小酥梨的博客
06-24 2268
文章目录引言准备3D渲染器绘制基本图形光ambientLightdirectionalLightpointLight旋转代码Bubbles 02主要流程class ParticleSystemclass ParticleSpace Running每次添加的粒子数量粒子的初始位置、速度粒子的渲染方式粒子是否需要删除的依据小结 引言   一花一世界,一叶一菩提。每个人眼中的花是不一样的，每个人眼中的世...
Post Processing Profiles 3.2
11-18
unity镜头特效插件 最好用的镜头滤镜包 Postprocessing Profile 是基于 PostProcessing 的付费插件，里面包含了配置好的各种滤镜
processing 3d模型_【Grasshopper】一键生成体块模型
weixin_39624864的博客
01-07 2143
【版权声明】|作者：刘胜禹| 编辑：月之眼| 本文首发于大水牛平台| 如需转载请联系作者|如果觉得文章不错，欢迎分享在某些项目中，需要根据已经拥有的规划底图来生成相应的3d 模型。如果体块本身不多手工完成也没有问题。但是，假如体块成百上千，手工完成将是非常巨大的工作量。粗略估计图中有600多个体量。本文分享一个简单的办法快速完成这项任务。甚至将思路变通可以用在其它的案例上(例如，地形...
谈谈Processing 3D世界 一
znyicen的专栏
08-07 8796
Processing起初给人的映像是处理2D的一款优秀的软件。但其实抛开引用OpenGL不说，它也有一套完备的处理3D的方法。 有兴趣的朋友可以一起来研究研究。 好，前言少叙。我们直接开始正题：3D编程世界的hello world，先来一发！
obj格式的3D模型导入的OBJLoader
05-24
在JAVA编程中，对于一些OBJ格式的3D模型可以直接导入 这就是一个例子
ProcessingJoy —— 加载本地 obj 文件和网格动画【JAVA】
ShaderJoy 的兴趣技术杂货铺
01-26 1241
效果图 完整代码和详细注释 主流程 main.pde import lunar.*; // 噪声种子 LVector offset = new LVector(); LVector direction = new LVector(0.01, 0.01, 0.01); // Timer，用于动画 int timer = 0; int interval = 180; /// @note 本地网格 PShape humanScaleModel; void settings() .
OpenGL 入门基础教程 —— 加载obj模型
MISAYAONE的博客
06-11 5961
参考资料：http://www.opengl-tutorial.org/cn/beginners-tutorials/tutorial-7-model-loading/ 知识点1：obj模型 较为简单的obj模型： # Blender3D v249 OBJ File: untitled.blend # www.blender3d.org mtllib cube.mtl v 1.000
谈谈Processing 3D世界 五
znyicen的专栏
08-15 4605
接下来，让我们来说说材质和灯光。 在说灯光前先简单说一下颜色。 现实世界中有无数种颜色，每一个物体都有它们自己的颜色。我们要做的工作是使用（有限的）数字来模拟真实世界中（无限）的颜色。 当使用RGB模式时，颜色由红色（Red）、绿色（Green）和蓝色（Blue）三个分量组成。 每通道可以定义256个灰度。 那么我们便可以显示256*256*256 =  1千6百万种颜色
Processing 教程(13) 我的3D开山之作！
losacii的博客
09-09 4444
float t; void setup(){ size(720,404, P3D); //fullScreen(P3D); t=0; } void draw(){ background(20); noFill(); stroke(#74F599); lights(); translate(width/2, height/2, 200 * sin(t)); rotateY(
Processing 入门教程（二十三） 3D
我知道你很急,但是路要一步步走
12-16 2782
box(size)   =&gt;  创造一个正方体 box(x,y,z) =&gt; 自定义矩形 rotateY 绕Y轴旋转 PI/6 == 30 float a = 0; float r = 0; void setup() { size(400, 400, P3D); } void draw() { background(80); // translate x,y,z...
Opengl ES IBO(索引缓冲区) VBO(顶点缓冲区)创建一个立方体
风痕的博客
07-21 2487
1 创建 //立方体顶点属性 Vertex cubeVerticesIndexed[] = { { -1.0f,-1.0f, 1.0f, 0.0f,1.0f, 1.0f, 1.0f, 1.0f,1.0f }, // 0 { 1.0f,-1.0f, 1.0
Processing 中使用sqlite
河西~石头
11-29 622
要在Processing中使用sqlite，首先必须要安装驱动库，我们可以通过Processing自带的库搜索引擎来完成。如下图所示： 样例代码 import de.bezier.data.sql.*; SQLite db; void setup() { size( 100, 100 ); db = new SQLite( this, &amp;amp;quot;test.db&amp;amp;quot; ); // open d...
YUVSoft 3D Stereoscopic Suite Lite v2.0.4: A Comprehensive 3D Processing Tool for Adobe Users
YUVSoft 3D是一款由俄罗斯3DYUVsoft Corp.开发的专业3D电影制作软件，其核心功能集中在立体处理和特效优化上。该软件套件包括一系列工具，旨在为用户提供高级的色彩校正、深度感知和几何校正等功能，以便于创建高...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值