首页 > 其他分享 >【J2me3D系列学习文章之二】(立即模式)构造我们3D世界中的第一个立方体!

【J2me3D系列学习文章之二】(立即模式)构造我们3D世界中的第一个立方体!

时间:2022-11-25 16:02:46浏览次数:47  
标签:VERTEX 立方体 数组 顶点 系列学习 J2me3D byte 3D 备注

Himi  原创, 转载请注明! 谢谢。

 

  

3D 设计的里程碑。

 

      首先介绍构造一个3D立方体需要的步骤:(大概步骤哦)

      第一:构造一个立方体的空间顶点

      第二:构造一个立方体的各个面这里会用到三角形带 ,详细三角形带的解释看 @备注1

      第三:构造一个摄像机

      第四:绑定画笔

      第五:渲染.

 

       那么下面先上代码,都有注释的,相信都能看懂!一些备注 下文有解释!

import javax.microedition.lcdui.Graphics;
import javax.microedition.lcdui.game.GameCanvas;
import javax.microedition.m3g.Appearance;
import javax.microedition.m3g.Camera;
import javax.microedition.m3g.Graphics3D;
import javax.microedition.m3g.Transform;
import javax.microedition.m3g.TriangleStripArray;
import javax.microedition.m3g.VertexArray;
import javax.microedition.m3g.VertexBuffer;
/**
*
* @author Himi
*
*/
public class My3DWorld extends GameCanvas implements Runnable {
private Thread th;
/**
* @author Himi
*
* @VERTEX_POSITIONS 以三角形带形式定义一个装入了立方体所有的顶点数组
*
* @VERTEX_COLORS 以三角形带形式定义了颜色数组
*
* @TRIANGLE_INDICES 以三角形带形式装入了立方体的所有面
*
* @VertexArray 此类作用: 虽然VERTEX_POSITIONS 定义了顶点数组但是不是空间的点,
* 所以此类将顶点数组保存成空间顶点坐标信息、保存法线信息、
* 保存帖图信息、保存 颜色信息等
*
* @VertexBuffer 此类对象通过保存设置空间顶点位置、发现、帖图信息,来建立图形
* (这个类才是保存多边形的框架信息的类) 设定顶点属性
* ,包括的位置,法线,色彩,纹理坐标
*
* @Transform 对立方体进行一系列操作,例如反转 、平移、缩放
*
* @Camera 3d空间中的摄像机 设置投影、观察视角等
*
* @TriangleStripArray 此类按三角形带方式将面串成立方体
*/
private static final byte[] VERTEX_POSITIONS = { -1, -1, 1, 1, -1, 1, -1,
1, 1, 1, 1, 1, -1, -1, -1, 1, -1, -1, -1, 1, -1, 1, 1, -1 };
// @备注1
private static final byte[] VERTEX_COLORS = { 0, (byte) 255, 0, 0,
(byte) 255, (byte) 255, (byte) 255, 0, 0, (byte) 255, 0,
(byte) 255, (byte) 255, (byte) 255, 0, (byte) 255, (byte) 255,
(byte) 255, 0, 0, (byte) 128, 0, 0, (byte) 255, };
private static int[] TRIANGLE_INDICES = { 0, 1, 2, 3, 7, 1, 5, 4, 7, 6, 2,
4, 0, 1 };
private Graphics3D g3d;
private VertexArray va_vertex;
private VertexBuffer vb;
private VertexArray va_color;
private Transform tf;
private Camera camera;
private TriangleStripArray tsa;
public My3DWorld(boolean suppressKeyEvents) {
super(suppressKeyEvents);
th = new Thread(this);
g3d = Graphics3D.getInstance(); // 得到一个g3d实例
vb = new VertexBuffer();
camera = new Camera();
tf = new Transform();
tsa = new TriangleStripArray(TRIANGLE_INDICES,
new int[] { TRIANGLE_INDICES.length });
// 参数1 传入一个三角形形式的面数组,第二参数代表将参数一的数组复制到新的数组里
// 把三角带处理成正常的三点一面的形式
va_vertex = new VertexArray(VERTEX_POSITIONS.length / 3, 3, 1);
// 这里是定义空间顶点数组,第一个参数代表顶点的个数
// 第二个参数表示几个点成一个空间点;第三个参数表示每个顶点占得字节数
va_vertex.set(0, VERTEX_POSITIONS.length / 3, VERTEX_POSITIONS);
// 此方法是将一开始定义的顶点数组VERTEX_POSITIONS 设置成空间顶点(与顶点数组一一对应)
// 第一参数可以理解成从第一个顶点数组下标为0开始,
//第二参数封装的空间顶点数个数有POINTS.length/3个,
// 第三 参数传入需要转换成空间顶点的数组
va_color = new VertexArray(VERTEX_COLORS.length / 3, 3, 1);
// 这里是定义空间颜色顶点数组,第一个参数代表颜色顶点的个数(与顶点数组一一对应)
// 第二个参数表示几个点成一个空间点;第三个参数表示每个顶点占得字节数
va_color.set(0, VERTEX_COLORS.length / 3, VERTEX_COLORS);
// 此方法是将一开始定义的顶点数组VERTEX_COLORS 设置成空间顶点颜色数组
// 第一参数可以理解成从第一个顶点数组下标为0开始,
//第二参数封装的空间顶点颜色数个数有POINTS.length/3个,
// 第三 参数传入需要转换成空间顶点颜色的数组
float pc[] = { 0, 0, 1 };
vb.setPositions(va_vertex, 1.0f, pc);// @备注2
// 设定顶点位置 第一个参数 传入顶点空间数组
// 第二个参数标识对缩放大小1.0不缩放
// 第三个参数标识偏差 ,详细看下文解释的@备注2
vb.setColors(va_color);
// 设定空间颜色数组
camera.setPerspective(30, (float) this.getWidth()
/ (float) this.getHeight(), 1, 1000); // @备注3
// 设定透视投影
// 详细解释看@备注3
Transform transform = new Transform(); // @备注4
// 详细解释看@备注4
transform.postTranslate(0, 0, 10);
// 这里是设置摄像机投影位置
g3d.setCamera(camera, transform);
// 用3d画笔设定3d空间摄像机
th.start();// 启动线程
}
public void draw(Graphics g) {
try {
g3d.bindTarget(g);// @备注5
// 将画笔绑定在3d空间画笔
g3d.clear(null);
// 清屏 参数null 标识默认刷屏方式
g3d.render(vb, tsa, new Appearance(), tf);// @备注6
// 渲染 第一个参数传入一个建立图形所需要的信息,包括法线、顶点信息,颜色等
// 第二个参数标识 立体图形所需的三角形带面信息
// 第三个信息标识外观的设定这里默认,后续文章会有学习
} catch (Exception e) {
System.out.println("draw -> Error!! ");
} finally {
g3d.releaseTarget();// @备注7
}
}
public void keyPressed(int key) {
if (key == -1 || key == -3)
tf.postRotate(10, 1, 0, 0);// @备注8
else if (key == -2 || key == -4)
tf.postRotate(10, 0, 1, 0);// @备注8
}
protected void keyRepeated(int key) {
keyPressed(key);
}
public void run() {
while (true) {
try {
draw(this.getGraphics());
flushGraphics();// midp2.0 刷新画笔
Thread.sleep(100); // 休眠线程
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
}

模拟器截图:

【J2me3D系列学习文章之二】(立即模式)构造我们3D世界中的第一个立方体!_float


  备注1 : 这里要详细讲解下三角形带,下面引用一张图a,大家根据图示来看这个顶点数组就应该明白了!

 

【J2me3D系列学习文章之二】(立即模式)构造我们3D世界中的第一个立方体!_colors_02

  

大家看我们一开始定义的以三角带形式的顶点数组

 

VERTEX_POSITIONS = { -1, -1, 1, 1, -1, 1, -1,1, 1, 1, 1, 1, -1, -1, -1, 1, -1, -1, -1, 1, -1, 1, 1, -1 };

我们以立方体的中心为{0, 0,0},那么如果顶点 0坐标就是(-1, -1, 1)  那么顶点 2 是不是 {-1,1,1}了,肯定是!

这里坐标的三个点其实就是代表就是X轴 Y轴 Z轴

也就是说两个顶点0和顶点2这两个顶点都有共同的 -1, 1 ,而三角形带形式就是这种重复利用重复点的形式来标识了所有的立方体的顶点!

 

 

备注2:这里咱们定义了一个偏差数组 float pc[] = { 0, 0, 1 };  为什么要以数组形式呢?其实你换种形式看看,其实是一个坐标点,

           毕竟这是3D世界了 娃哈哈,其实意思就是 X轴+=0,Y轴+=0,Z轴+=1,当我们把这个偏差点传入setPositions()这个方法里以后,

           也就是代表将这个立方体中心点从{0,0,0}变成了{0,0,1}这一点,如果你运行此项目当按下左右按键对其立方体进行旋转的时候,

           发现立方体旋转不是围绕中心点进行的旋转了,而是以{0,0,1}这一点做的旋转;所以setPositions()其实也是对中心点的一个偏差处理。

 

           有些同学该说为什么中心点就是{0,0,0}这一点呢,其实没人规定而是咱们一开始定义立方体数组顶点的时候就自己在心里定下了一个规定,

          以{0,0,0}为中心点了。如果你一开始定义VERTEX_POSITIONS 的时候不以{0,0,0}为中心点,而是以顶点0 坐标为中心点的话,

          那么顶点2这时候的顶点坐标就成了{0,2,0} ,顶点3就成了{0,2,2}那么也能写成一个三角形带形式,但是要注意你后面的颜色数组和

          定义三角形带数组的时候也要以为顶点0为中心点来写噢,这点别忘了,要一一对应!

 

备注3:camera.setPerspective(30, (float) this.getWidth()/ (float) this.getHeight(), 1, 1000);

           第一个参数指的是透视的角度!不是高度!第二个指的是屏幕宽高比例,第三个是可视范围min和max

           其实这里常用还有一个方法是:camera.setParallel() 这两个方法以及备注5在后续文章

的时候再向大家讲解。

 

备注4:Transform transform = new Transform(); 这里咱们定义了一个变换对象,其实咱们一开始定义的成员变量里也有一个

            private Transform tf;但是这里要注意,transform 是为了设置摄像机的时候同时设定了相机的位置而定义的,而tf则是对渲染立方体的

          候做反转、缩放、平移等操作定义的一个变化对象,等后续文章会对渲染时这个变化对象加以说明。一定要注意这两个Transform 区别!

 

备注5:备注3已经说明了 ,等后续文章学习《深度缓冲与投影》的时候再向大家讲解。

 

备注6:这里就是为了强调与备注4的Transform两个对象的区别!

 

备注7:这里调用 releaseTarget() 意思是终止渲染,大家会发现g3d.releaseTarget();这一句被写在了try catch块里,其实原因是因为

 Graphics3D 的方法都会抛出不可控异常,但绝大多数错误都是不可恢复的, 所以不管是否出现异常都要保证能终止渲染!

 

备注8:这里是对按键的操作,按键处理和对立方体操作(缩放、平移、旋转)会在后续学习文章中详细解释的。

 

           最后给大家放出源码,希望大家一起相互交流。所有文章都是原创,很多地方可能存在错误希望大家多多指点。谢谢!

 

希望大家支持下,虽然源码需要一资源分,我相信大家不会吝啬吧,大半夜的给大家分享 ,娃哈哈~

 

(推荐大家订阅本博客,因为咱的更新速度可是很快的~娃哈哈)

标签:VERTEX,立方体,数组,顶点,系列学习,J2me3D,byte,3D,备注
From: https://blog.51cto.com/xiaominghimi/5886840

相关文章

  • wpf 报错 System.ArgumentException:““{0}”不是 Visual 或 Visual3D。”
    通常发生于 DataGrid 的自定义模版列(DataGridTemplateColumn)中.仔细检查是否使用了 <TextBlock>+<Run> 来显示绑定的内容,并且没有指定其绑定模式为单向(OneWay).......
  • 3D在线数字展厅,助力企业实现数字化智慧展厅
    在线数字化展厅,是以多媒体与数字化技术为基础,结合图片影像、声音、视频等多种媒体应用,形成的综合智慧展示平台,深度陈列展示对象及其背后的含义。普遍应用于能源、金融、教......
  • 【UNITY3D 游戏开发之三】NGUI && HUDText 的练习源码及资源
    本站文章均为​​李华明Himi​​​原创,转载务必在明显处注明:(作者新浪微博:​​@李华明Himi​​​) width="150"height="210"framebo......
  • How to find the inertia tensor (or othermass properties) of a 3d solid body repr
    目录算法流程正则四面体的协方差变换协方差矩阵正则四面体映射到目标四面体其他质量属性(四面体)累加结果参考资料算法流程任意选择一个参考点对于在mesh上的每个三角形:......
  • 3D表白动态相册-包含源码压缩包和方法
    文章目录​​1.先上个例子​​​​2.HTML页面设计​​​​3.css风格设计​​​​4.12张图片​​​​5.GitHub仓库自行下载​​​​6.结果​​​​注记​​1.先上个例......
  • 3d激光雷达开发(多雷达标定)
            有过camera开发经验的朋友都知道,camera有两种标定。一种是内参标定,主要是标定切向畸变、径向畸变等参数;一种是外参标定,主要是把数据从摄像头坐标系转移到全......
  • 3d激光雷达开发(欧几里得聚类算法)
            图形处理里面有一个聚类算法,叫k-means。基本思想就是默认图像里面有k个区域,每个区域都可以内部聚合、外部松散的组合体,找到了这k个区域,就可以实现图像的分......
  • 3d激光雷达开发(ransac的思想)
        前面我们写了平面分割、圆柱分割这两篇文章。细心的同学可能发现,这里面都提到了ransac,那什么是ransac呢?    所谓ransac,全称是randomsampleconsensus,......
  • 3d激光雷达开发(项目练习)
            网上关于pcl的教程很多,大部分都是翻译过来的。但是怎么把pcl这些教程串在一起,做一个简单的项目,这方面的资料不多。今天,正好看到一个范例项目,很有代表性,值得......
  • 3d激光雷达开发(平面分割)
        平面分割是点云数据经常需要处理的一个功能。在很多场景下面,平面数据都是没有用的。这个时候需要考虑的,就是怎么把平面数据从点云当中分割出去。鉴于此,pcl库给......