雅典娜MAX
雅典娜MAX

libgdx 学习笔记六 Projection，Viewport，Camera （投影，视口，相机）

Introduction（介绍）
在学习笔记4 MyFirstTriangle 和学习笔记5 ColorMeshTexture 中, 我们学习了建立和渲染mesh的基础。你注意到没,三角形出现了拉伸 。让我们开始用一个例子来解决这个问题

Creating a Square(创建一个正方形)
创建一个新的libgdx桌面工程叫projection-viewport-camera。创建一个名叫ProjectionViewportCamera的类 继承ApplicationListener，然后包名 为 com.example.projectionviewportcamera。详细说明怎么建立一个libgdx桌面或者android工程，请看学习笔记4 MyFirstTriangle 教程。不同于学习笔记4，我们准备显示一个正方形。以下是ProjectionViewportCamera中的代码

[java] view plain copy print ?
  1. package com.example.projectionviewportcamera;
  3. import com.badlogic.gdx.ApplicationListener;
  4. import com.badlogic.gdx.Gdx;
  5. import com.badlogic.gdx.graphics.Color;
  6. import com.badlogic.gdx.graphics.GL10;
  7. import com.badlogic.gdx.graphics.Mesh;
  8. import com.badlogic.gdx.graphics.VertexAttribute;
  9. import com.badlogic.gdx.graphics.VertexAttributes.Usage;
  11. public class ProjectionViewportCamera implements ApplicationListener {
  12. private Mesh squarePartOne;
  13. private Mesh squarePartTwo;
  14. @Override
  15. public void create() {
  16. if (squarePartOne == null) {
  17. squarePartOne = new Mesh(true, 3, 3,
  18. new VertexAttribute(Usage.Position, 3, "a_position"),
  19. new VertexAttribute(Usage.ColorPacked, 4, "a_color"));
  21. squarePartOne.setVertices(new float[] {
  22. -0.5f, -0.5f, 0, Color.toFloatBits(128, 0, 0, 255),
  23. 0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  24. -0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255) });
  25. squarePartOne.setIndices(new short[] { 0, 1, 2});
  26. }
  27. if (squarePartTwo == null) {
  28. squarePartTwo = new Mesh(true, 3, 3,
  29. new VertexAttribute(Usage.Position, 3, "a_position"),
  30. new VertexAttribute(Usage.ColorPacked, 4, "a_color"));
  31. squarePartTwo.setVertices(new float[] {
  32. 0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  33. -0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  34. 0.5f, 0.5f, 0, Color.toFloatBits(255, 0, 0, 255) });
  35. squarePartTwo.setIndices(new short[] { 0, 1, 2});
  36. }
  37. }
  38. @Override
  39. public void dispose() { }
  40. @Override
  41. public void pause() { }
  42. @Override
  43. public void render() {
  44. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
  45. squarePartOne.render(GL10.GL_TRIANGLES, 0, 3);
  46. squarePartTwo.render(GL10.GL_TRIANGLES, 0, 3);
  47. }
  48. @Override
  49. public void resize(int width, int height) { }
  50. @Override
  51. public void resume() { }
  52. } 
package com.example.projectionviewportcamera; 
   
import com.badlogic.gdx.ApplicationListener;    
import com.badlogic.gdx.Gdx;    
import com.badlogic.gdx.graphics.Color;    
import com.badlogic.gdx.graphics.GL10;    
import com.badlogic.gdx.graphics.Mesh;    
import com.badlogic.gdx.graphics.VertexAttribute;    
import com.badlogic.gdx.graphics.VertexAttributes.Usage;   
 
public class ProjectionViewportCamera implements ApplicationListener {        
	private Mesh squarePartOne;        
	private Mesh squarePartTwo;        
	@Override        
	public void create() {            
		if (squarePartOne == null) {                
			squarePartOne = new Mesh(true, 3, 3,                         
			new VertexAttribute(Usage.Position, 3, "a_position"),                        
			new VertexAttribute(Usage.ColorPacked, 4, "a_color")); 
			
			squarePartOne.setVertices(new float[] {                        
			-0.5f, -0.5f, 0, Color.toFloatBits(128, 0, 0, 255),                        
			0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                        
			-0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255) });                   
			squarePartOne.setIndices(new short[] { 0, 1, 2});           
			}            
			if (squarePartTwo == null) {                
			squarePartTwo = new Mesh(true, 3, 3,                         
			new VertexAttribute(Usage.Position, 3, "a_position"),                        
			new VertexAttribute(Usage.ColorPacked, 4, "a_color"));                
			squarePartTwo.setVertices(new float[] {                        
			0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                        
			-0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                        
			0.5f, 0.5f, 0, Color.toFloatBits(255, 0, 0, 255) });                   
			squarePartTwo.setIndices(new short[] { 0, 1, 2});            
			}        
		}        
		@Override        
		public void dispose() { }        
		@Override        
		public void pause() { }        
		@Override        
		public void render() {            
		Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);            
		squarePartOne.render(GL10.GL_TRIANGLES, 0, 3);            
		squarePartTwo.render(GL10.GL_TRIANGLES, 0, 3);        
		}        
		@Override        
		public void resize(int width, int height) { }        
		@Override        
		public void resume() { }    
	}


上面代码和MyFirstTriangle教程中用了很相似的内容除了他用2个三角形代替了1个。把2个三角形放在的位置形成一个正方形，用二维坐标(-0.5,-0.5),(0.5,-0.5),(0.5,0.5)(-0.5,0.5)。
运行程序效果如下：

明显的，虽然我们指定正方形的坐标， 但结果却变成一个长方形。在讨论这个问题之前，我将偏离主题一会，为这个正方形优化一下渲染。2个三角形有1个顶点在(0.5,-0.5)还有一个在(-0.5,0.5)。在相同坐标中，我们排除顶点的副本 ，用三角带（TRIANGLE_STRIP）实现的正方形。用三角带（TRIANGLE_STRIP）允许2个三角形共享顶点所以更节约内存。
（看看Jeff LaMarche's tutorial 有更好的说明）。下面是改后的代码：

[java] view plain copy print ?
  1. "FONT-SIZE: 16px">package com.example.projectionviewportcamera;
  3. import com.badlogic.gdx.ApplicationListener;
  4. import com.badlogic.gdx.Gdx;
  5. import com.badlogic.gdx.graphics.Color;
  6. import com.badlogic.gdx.graphics.GL10;
  7. import com.badlogic.gdx.graphics.Mesh;
  8. import com.badlogic.gdx.graphics.VertexAttribute;
  9. import com.badlogic.gdx.graphics.VertexAttributes.Usage;
  11. public class ProjectionViewportCamera implements ApplicationListener {
  12. private Mesh squareMesh;
  13. @Override
  14. public void create() {
  15. if (squareMesh == null) {
  16. squareMesh = new Mesh(true, 4, 4,
  17. new VertexAttribute(Usage.Position, 3, "a_position"),
  18. new VertexAttribute(Usage.ColorPacked, 4, "a_color"));
  19. squareMesh.setVertices(new float[] {
  20. -0.5f, -0.5f, 0, Color.toFloatBits(128, 0, 0, 255),
  21. 0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  22. -0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  23. 0.5f, 0.5f, 0, Color.toFloatBits(255, 0, 0, 255) });
  24. squareMesh.setIndices(new short[] { 0, 1, 2, 3});16
  25. }
  26. }
  27. @Override
  28. public void dispose() { }
  29. @Override
  30. public void pause() { }
  31. @Override
  32. public void render() {
  33. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
  34. squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);
  35. }
  36. @Override
  37. public void resize(int width, int height) { }
  38. @Override
  39. public void resume() { }
  40. } 
package com.example.projectionviewportcamera;    

import com.badlogic.gdx.ApplicationListener;    
import com.badlogic.gdx.Gdx;    
import com.badlogic.gdx.graphics.Color;    
import com.badlogic.gdx.graphics.GL10;    
import com.badlogic.gdx.graphics.Mesh;    
import com.badlogic.gdx.graphics.VertexAttribute;    
import com.badlogic.gdx.graphics.VertexAttributes.Usage;    

public class ProjectionViewportCamera implements ApplicationListener {        
	private Mesh squareMesh;        
	@Override        
	public void create() {            
		if (squareMesh == null) {                
		squareMesh = new Mesh(true, 4, 4,                         
		new VertexAttribute(Usage.Position, 3, "a_position"),                        
		new VertexAttribute(Usage.ColorPacked, 4, "a_color"));                
		squareMesh.setVertices(new float[] {                        
		-0.5f, -0.5f, 0, Color.toFloatBits(128, 0, 0, 255),                        
		0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                        
		-0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                        
		0.5f, 0.5f, 0, Color.toFloatBits(255, 0, 0, 255) });                   
		squareMesh.setIndices(new short[] { 0, 1, 2, 3});16            
		}        
	}        
	@Override        
	public void dispose() { }        
	@Override        
	public void pause() { }        
	@Override        
	public void render() {            
	Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);            
	squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);        
	}        
	@Override        
	public void resize(int width, int height) { }        
	@Override        
	public void resume() { }    
}

2个三角形在单个mesh中用四个顶点和4个索引被连到一起了。在render()中，我们指定正方形用triangle strips来定义。顶点越少越好而且代码也比较简单

Viewport

回到正方形拉伸的问题上来。默认viewport 用左边距 x=-1,右边距x=1,顶部边距 y=1,底部边距y=-1展现了一个矩形区域。如果我们创建一个原型看起来像空白区域的图片：

当我们红色的正方形在那个区域时，结果看起来是这样：

然而，viewport 它自己比正方形更大。为了填满边上额外的空间，这个区域被延伸。想象一个画家 延伸一个正方形画布变成一个矩形框。结果如下：

Camera

修正这个效果，我们允许viewport渲染一个代替正方形的矩形区域 。这个区域的形状将匹配viewport的形状，有那么点像一个画家选择一个基于图片框尺寸的画布尺寸。完成这个，

我们用Camera类，在本例中一个子类叫OrthographicCamera。Camera类允许我们根据viewport改变显示区域。以下是代码：

[java] view plain copy print ?
  1. "FONT-SIZE: 16px">package com.example.projectionviewportcamera;
  3. import com.badlogic.gdx.ApplicationListener;
  4. import com.badlogic.gdx.Gdx;
  5. import com.badlogic.gdx.graphics.Color;
  6. import com.badlogic.gdx.graphics.GL10;
  7. import com.badlogic.gdx.graphics.Mesh;
  8. import com.badlogic.gdx.graphics.OrthographicCamera;
  9. import com.badlogic.gdx.graphics.VertexAttribute;
  10. import com.badlogic.gdx.graphics.VertexAttributes.Usage;
  12. public class ProjectionViewportCamera implements ApplicationListener {
  13. private Mesh squareMesh;
  14. private OrthographicCamera camera;
  15. @Override
  16. public void create() {
  17. if (squareMesh == null) {
  18. squareMesh = new Mesh(true, 4, 4,
  19. new VertexAttribute(Usage.Position, 3, "a_position"),
  20. new VertexAttribute(Usage.ColorPacked, 4, "a_color"));
  21. squareMesh.setVertices(new float[] {
  22. -0.5f, -0.5f, 0, Color.toFloatBits(128, 0, 0, 255),
  23. 0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  24. -0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  25. 0.5f, 0.5f, 0, Color.toFloatBits(255, 0, 0, 255) });
  26. squareMesh.setIndices(new short[] { 0, 1, 2, 3});
  27. }
  28. }
  29. @Override
  30. public void dispose() { }
  31. @Override
  32. public void pause() { }
  33. @Override
  34. public void render() {
  35. camera.update();
  36. camera.apply(Gdx.gl10);
  37. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
  38. squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);
  39. }
  40. @Override
  41. public void resize(int width, int height) {
  42. float aspectRatio = (float) width / (float) height;
  43. camera = new OrthographicCamera(2f * aspectRatio, 2f);
  44. }
  45. @Override
  46. public void resume() { }
  47. } 
package com.example.projectionviewportcamera;  
      
import com.badlogic.gdx.ApplicationListener;        
import com.badlogic.gdx.Gdx;        
import com.badlogic.gdx.graphics.Color;        
import com.badlogic.gdx.graphics.GL10;        
import com.badlogic.gdx.graphics.Mesh;        
import com.badlogic.gdx.graphics.OrthographicCamera;        
import com.badlogic.gdx.graphics.VertexAttribute;        
import com.badlogic.gdx.graphics.VertexAttributes.Usage;   
     
public class ProjectionViewportCamera implements ApplicationListener {            
	private Mesh squareMesh;            
	private OrthographicCamera camera;            
	@Override            
	public void create() {                
		if (squareMesh == null) {                    
		squareMesh = new Mesh(true, 4, 4,                             
		new VertexAttribute(Usage.Position, 3, "a_position"),                            
		new VertexAttribute(Usage.ColorPacked, 4, "a_color"));                    
		squareMesh.setVertices(new float[] {   
			-0.5f, -0.5f, 0, Color.toFloatBits(128, 0, 0, 255),                            
			0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                            
			-0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                            
			0.5f, 0.5f, 0, Color.toFloatBits(255, 0, 0, 255) });                       
			squareMesh.setIndices(new short[] { 0, 1, 2, 3});                
			}            
		}            
		@Override            
		public void dispose() { }            
		@Override            
		public void pause() { }            
		@Override            
		public void render() {                
			camera.update();                
			camera.apply(Gdx.gl10);               
			Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);                
			squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);            
			}            
		@Override            
		public void resize(int width, int height) {                
			float aspectRatio = (float) width / (float) height;                
			camera = new OrthographicCamera(2f * aspectRatio, 2f);            
			}           
		@Override            
		public void resume() { }        
	}


在resize()中，我们构造一个OrthographicCamera的实例。指定我们想要显示的区域。本例中，我们告诉Camera显示viewport的形状，用2*宽度/高度比值单位的区域

在render()中（这里就是表示屏幕相对宽度值=3 后面会说明），我们通过Camera实例调用update()和apply()。以下是运行效果：

桌面viewport 在我们的教程中分辨率为480X320。 当app启动和旋转时通过resize()传入的数字。屏幕宽度用来和数字的比例计算。例如 width=2 *480 / 320=3.下面就是坐标图

正方形的顶点仍然位于(x,y)坐标系。现在我们使用Camera改正它的先前的变形。

Camera and Sprites

在HelloWorld之后我们没有处理sprites。但值得注意的是SpriteBatch类真的有一个内部的camera ，它不同于我们前面构造的那个。例如在坐标(0,0)中绘制一个sprite，

我们创建一个在sprite覆盖正方形不必要的。在绘制的开始阶段同步2个cameras即可搞定这个问题。代码如下(包含MeshColorTexture教程，提醒注意载入assets。)

[java] view plain copy print ?
  1. "FONT-SIZE: 16px">package com.example.projectionviewportcamera;
  3. import com.badlogic.gdx.ApplicationListener;
  4. import com.badlogic.gdx.Gdx;
  5. import com.badlogic.gdx.graphics.Color;
  6. import com.badlogic.gdx.graphics.GL10;
  7. import com.badlogic.gdx.graphics.Mesh;
  8. import com.badlogic.gdx.graphics.OrthographicCamera;
  9. import com.badlogic.gdx.graphics.Texture;
  10. import com.badlogic.gdx.graphics.VertexAttribute;
  11. import com.badlogic.gdx.graphics.VertexAttributes.Usage;
  12. import com.badlogic.gdx.graphics.g2d.SpriteBatch;
  14. public class ProjectionViewportCamera implements ApplicationListener {
  15. private Mesh squareMesh;
  16. private OrthographicCamera camera;
  17. private Texture texture;
  18. private SpriteBatch spriteBatch;
  19. @Override
  20. public void create() {
  21. if (squareMesh == null) {
  22. squareMesh = new Mesh(true, 4, 4,
  23. new VertexAttribute(Usage.Position, 3, "a_position"),
  24. new VertexAttribute(Usage.ColorPacked, 4, "a_color"));
  25. squareMesh.setVertices(new float[] {
  26. -0.5f, -0.5f, 0, Color.toFloatBits(128, 0, 0, 255),
  27. 0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  28. -0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255),
  29. 0.5f, 0.5f, 0, Color.toFloatBits(255, 0, 0, 255) });
  30. squareMesh.setIndices(new short[] { 0, 1, 2, 3});
  31. }
  32. texture = new Texture(Gdx.files.internal("data/badlogic.jpg"));
  33. spriteBatch = new SpriteBatch();
  34. }
  35. @Override
  36. public void dispose() { }
  37. @Override
  38. public void pause() { }
  39. @Override
  40. public void render() {
  41. camera.update();
  42. camera.apply(Gdx.gl10);
  43. spriteBatch.setProjectionMatrix(camera.combined);
  44. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
  45. squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);
  46. spriteBatch.begin();
  47. spriteBatch.draw(texture, 0, 0, 1, 1, 0, 0,
  48. texture.getWidth(), texture.getHeight(), false, false);
  49. spriteBatch.end();
  50. }
  51. @Override
  52. public void resize(int width, int height) {
  53. float aspectRatio = (float) width / (float) height;
  54. camera = new OrthographicCamera(2f * aspectRatio, 2f);
  55. }
  56. @Override
  57. public void resume() { }
  58. } 
package com.example.projectionviewportcamera;
        
import com.badlogic.gdx.ApplicationListener;        
import com.badlogic.gdx.Gdx;        
import com.badlogic.gdx.graphics.Color;        
import com.badlogic.gdx.graphics.GL10;        
import com.badlogic.gdx.graphics.Mesh;        
import com.badlogic.gdx.graphics.OrthographicCamera;        
import com.badlogic.gdx.graphics.Texture;        
import com.badlogic.gdx.graphics.VertexAttribute;        
import com.badlogic.gdx.graphics.VertexAttributes.Usage;        
import com.badlogic.gdx.graphics.g2d.SpriteBatch;        

public class ProjectionViewportCamera implements ApplicationListener {            
	private Mesh squareMesh;            
	private OrthographicCamera camera;            
	private Texture texture;            
	private SpriteBatch spriteBatch;            
	@Override            
	public void create() {                
		if (squareMesh == null) {                    
		squareMesh = new Mesh(true, 4, 4,                             
		new VertexAttribute(Usage.Position, 3, "a_position"),                            
		new VertexAttribute(Usage.ColorPacked, 4, "a_color"));                    
		squareMesh.setVertices(new float[] {                            
			-0.5f, -0.5f, 0, Color.toFloatBits(128, 0, 0, 255),                            
			0.5f, -0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                            
			-0.5f, 0.5f, 0, Color.toFloatBits(192, 0, 0, 255),                            
			0.5f, 0.5f, 0, Color.toFloatBits(255, 0, 0, 255) });                      
			squareMesh.setIndices(new short[] { 0, 1, 2, 3});                
			}                
		texture = new Texture(Gdx.files.internal("data/badlogic.jpg"));                
		spriteBatch = new SpriteBatch();            
		}            
		@Override           
		public void dispose() { }            
		@Override            
		public void pause() { }            
		@Override            
		public void render() {                
			camera.update();                
			camera.apply(Gdx.gl10);                
			spriteBatch.setProjectionMatrix(camera.combined);                
			Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);                
			squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);                
			spriteBatch.begin();                
			spriteBatch.draw(texture, 0, 0, 1, 1, 0, 0,                        
			texture.getWidth(), texture.getHeight(), false, false);                
			spriteBatch.end();            
			}           
		@Override            
		public void resize(int width, int height) {                
			float aspectRatio = (float) width / (float) height;                
			camera = new OrthographicCamera(2f * aspectRatio, 2f);            
			}           
		@Override            
		public void resume() { }        
	}


在render()中， 我们更新我们的相机，提供相机的投影信息到SpriteBatch实例中，我们用来绘制我们的sprite。效果如下:

需要注意绘制一个sprite会改变整个场景的投影到sprite的投影。如果你没有设置sprite的投影到同其余的场景。sprite也许改变其余的场景看起来像简单的画法。理想的效果，你的SpriteBatch实例，在这种情况下可能清空创建的第二个camera。

Projection(投影)

在这一点上，我们已经布局mesh和sprite如果他们在一个平坦的表面上。没有深度，面积，距离的概念。OrthographicCamera已经使用提供一个我们的场景的orthographic 投影。

这个投影类型仅仅意味着提供一个空间的2D概念，像奇特的马里奥或者吃豆子。为了显示深度和3D空间，我们需要用到透视投影。关于投影的学习，可以看看Mario's blog post on the Camera class或者Jeff LaMarche's article on the subject

在libgdx中使用透视投影的方法，让我们介绍另一个正方形mesh，代码如下:

[java] view plain copy print ?
  1. "FONT-SIZE: 16px">package com.example.projectionviewportcamera;
  3. import com.badlogic.gdx.ApplicationListener;
  4. import com.badlogic.gdx.Gdx;
  5. import com.badlogic.gdx.graphics.Camera;
  6. import com.badlogic.gdx.graphics.Color;
  7. import com.badlogic.gdx.graphics.GL10;
  8. import com.badlogic.gdx.graphics.Mesh;
  9. import com.badlogic.gdx.graphics.OrthographicCamera;
  10. import com.badlogic.gdx.graphics.VertexAttribute;
  11. import com.badlogic.gdx.graphics.VertexAttributes.Usage;
  13. public class ProjectionViewportCamera implements ApplicationListener {
  14. private Mesh squareMesh;
  15. private Mesh nearSquare;
  16. private Camera camera;
  17. @Override
  18. public void create() {
  19. if (squareMesh == null) {
  20. squareMesh = new Mesh(true, 4, 4,
  21. new VertexAttribute(Usage.Position, 3, "a_position"),
  22. new VertexAttribute(Usage.ColorPacked, 4, "a_color"));
  23. squareMesh.setVertices(new float[] {
  24. 0, -0.5f, -4, Color.toFloatBits(128, 0, 0, 255),
  25. 1, -0.5f, -4, Color.toFloatBits(192, 0, 0, 255),
  26. 0, 0.5f, -4, Color.toFloatBits(192, 0, 0, 255),
  27. 1, 0.5f, -4, Color.toFloatBits(255, 0, 0, 255) });
  28. squareMesh.setIndices(new short[] { 0, 1, 2, 3});
  29. if (nearSquare == null) {
  30. nearSquare = new Mesh(true, 4, 4,
  31. new VertexAttribute(Usage.Position, 3, "a_position"),
  32. new VertexAttribute(Usage.ColorPacked, 4, "a_color"));
  33. nearSquare.setVertices(new float[] { -
  34. 1, -0.5f, -1.1f, Color.toFloatBits(0, 0, 128, 255),
  35. 0, -0.5f, -1.1f, Color.toFloatBits(0, 0, 192, 255),
  36. -1, 0.5f, -1.1f, Color.toFloatBits(0, 0, 192, 255),
  37. 0, 0.5f, -1.1f, Color.toFloatBits(0, 0, 255, 255) });
  38. nearSquare.setIndices(new short[] { 0, 1, 2, 3});
  39. }
  40. }
  41. @Override
  42. public void dispose() { }
  43. @Override
  44. public void pause() { }
  45. @Override
  46. public void render() {
  47. camera.update();
  48. camera.apply(Gdx.gl10);
  49. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
  50. squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);
  51. nearSquare.render(GL10.GL_TRIANGLE_STRIP, 0, 4);
  52. }
  53. @Override
  54. public void resize(int width, int height) {
  55. float aspectRatio = (float) width / (float) height;
  56. camera = new OrthographicCamera(2f * aspectRatio, 2f);
  57. }
  58. @Override
  59. public void resume() { }
  60. } 
package com.example.projectionviewportcamera; 
   
import com.badlogic.gdx.ApplicationListener;    
import com.badlogic.gdx.Gdx;    
import com.badlogic.gdx.graphics.Camera;    
import com.badlogic.gdx.graphics.Color;    
import com.badlogic.gdx.graphics.GL10;    
import com.badlogic.gdx.graphics.Mesh;    
import com.badlogic.gdx.graphics.OrthographicCamera;    
import com.badlogic.gdx.graphics.VertexAttribute;    
import com.badlogic.gdx.graphics.VertexAttributes.Usage;    

public class ProjectionViewportCamera implements ApplicationListener {        
	private Mesh squareMesh;        
	private Mesh nearSquare;        
	private Camera camera;        
	@Override       
	public void create() {            
		if (squareMesh == null) {                
		squareMesh = new Mesh(true, 4, 4,                         
		new VertexAttribute(Usage.Position, 3, "a_position"),                        
		new VertexAttribute(Usage.ColorPacked, 4, "a_color"));                
		squareMesh.setVertices(new float[] {                        
			0, -0.5f, -4, Color.toFloatBits(128, 0, 0, 255),                        
			1, -0.5f, -4, Color.toFloatBits(192, 0, 0, 255),                        
			0, 0.5f, -4, Color.toFloatBits(192, 0, 0, 255),                        
			1, 0.5f, -4, Color.toFloatBits(255, 0, 0, 255) });                   
			squareMesh.setIndices(new short[] { 0, 1, 2, 3});            
            if (nearSquare == null) {                
				nearSquare = new Mesh(true, 4, 4,                         
				new VertexAttribute(Usage.Position, 3, "a_position"),                        
				new VertexAttribute(Usage.ColorPacked, 4, "a_color"));                
				nearSquare.setVertices(new float[] {                        -
					1, -0.5f, -1.1f, Color.toFloatBits(0, 0, 128, 255),                       
					0, -0.5f, -1.1f, Color.toFloatBits(0, 0, 192, 255),                        
					-1, 0.5f, -1.1f, Color.toFloatBits(0, 0, 192, 255),                        
					0, 0.5f, -1.1f, Color.toFloatBits(0, 0, 255, 255) });                   
					nearSquare.setIndices(new short[] { 0, 1, 2, 3});            
					}        
				}        
		@Override        
		public void dispose() { }        
		@Override        
		public void pause() { }        
		@Override        
		public void render() {            
			camera.update();            
			camera.apply(Gdx.gl10);            
			Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);            
			squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);            
			nearSquare.render(GL10.GL_TRIANGLE_STRIP, 0, 4);       
			}        
		@Override        
		public void resize(int width, int height) {            
			float aspectRatio = (float) width / (float) height;            
			camera = new OrthographicCamera(2f * aspectRatio, 2f);        
			}        
		@Override        
		public void resume() { }    
	}


这个新的正方形像第一个正方形的副本 但颜色不同。红色的正方形在X的正方向远离。新的正方形在它的左边。效果如下:

另一件事就是我们改变正方形的z 位置。注意红色正方形的的位置远离Z的负方向，蓝色正方形在红色正方形和viewer之间坐着。看截图很难看出来，因为我们用orthographic camera

基本忽略了Z坐标。改变resize()方法使用透视相机（PerspectiveCamera）：

[java] view plain copy print ?
  1. "FONT-SIZE: 16px">publicvoid resize(int width,int height) {
  2. float aspectRatio= (float) width/ (float) height;
  3. camera= new PerspectiveCamera(67, 2f* aspectRatio, 2f);
  4. } 
publicvoid resize(int width,int height) {
	float aspectRatio= (float) width/ (float) height; 
	camera= new PerspectiveCamera(67, 2f* aspectRatio, 2f); 
	}

现在2个正方形区别就大了：

在PerspectiveCamera 构造函数和OrthographicCamera 构造函数不同，前者多了一个view参数。我们传的67。人类可视透视区域大约是60-70度左右。所以67提供一个正常的视角。

注意默认值， PerspectiveCamera 裁剪任何一个比远离它的一个单位还近的对象。如果你放置一个太靠近camera的对象，它将消失。它也默认从远处裁剪在它前方100个单位，所以对象太远也不能被渲染

当我们移动相机透视感会变得更加明显。修改render()方法：

[java] view plain copy print ?
  1. "FONT-SIZE: 16px">private int total = 0;
  2. private float movementIncrement = 0.0006f;
  3. @Override public void render() {
  4. total += 1;
  5. if (total > 500) {
  6. movementIncrement = -movementIncrement;
  7. total = -200;
  8. }
  9. camera.rotate(movementIncrement * 20, 0, 1, 0);
  10. camera.translate(movementIncrement, 0, movementIncrement);
  11. camera.update();
  12. camera.apply(Gdx.gl10);
  13. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
  14. squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);
  15. nearSquare.render(GL10.GL_TRIANGLE_STRIP, 0, 4);
  16. } 
private int total = 0;    
private float movementIncrement = 0.0006f;    
@Override    public void render() {        
	total += 1;        
	if (total > 500) {            
		movementIncrement = -movementIncrement;            
		total = -200;        
		}        
	camera.rotate(movementIncrement * 20, 0, 1, 0);        
	camera.translate(movementIncrement, 0, movementIncrement);        
	camera.update();        
	camera.apply(Gdx.gl10);        
	Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);        
	squareMesh.render(GL10.GL_TRIANGLE_STRIP, 0, 4);        
	nearSquare.render(GL10.GL_TRIANGLE_STRIP, 0, 4);    
}

我们使用camera的rotate()和tranlate()方法来移动场景周围的camera。如上所述，当相机移动到很靠近蓝色正方形时，你看见他开始裁剪和消失。在OrthographicCamera上调用translate()将在没有提供3D空间的一个sense周围移动camera。看Mario's post 其他使用方法并测试。

Running it on Android

按照MyFirstTriangle教程设置android。记得引用必要的库文件，参考桌面工作，添加assets。运行后效果好像很大：

这个结果是我们锁定了顶点可视区域到2个单位高。默认，android模拟器高度大于宽度，我们的水平可视范围比3个单位宽度更小，这个APP与桌面的很不同。最简单的方法就是使

android和桌面相似，方法是让android app横向显示。修改你的manifest 然后设置android:screenOrientation="landscape" ，代码如下：

[html] view plain copy print ?
  1. <SPAN style="FONT-SIZE: 16px"><activityandroid:nameactivityandroid:name=".ProjectionViewportCameraAndroid" android:label="@string/app_name" android:screenOrientation="landscape">
  2. <intent-filter>
  3. <action android:name="android.intent.action.MAIN"/>
  4. <categoryandroid:namecategoryandroid:name="android.intent.category.LAUNCHER"/>
  5. intent-filter>
  6. activity>SPAN>


下面是锁定横屏后的截图。你能改变模拟器的方向涌ctrl+F11 或ctrl+F12

因为android设备有这么多不同的屏幕尺寸，锁屏还不够，你必须在不同的分辨率下测试你的游戏。最简单的方法就是通过桌面项目。在桌面工程启动的类中，创建一个480X320分辨率

的viewport。你的游戏在不同的设备上获得一个sense来测试长宽比。

Conclusion（结论）

现在关于mesh,sprite和camera你拥有足够的知识，开始构建一个你想要的scene。更多例子，可以看看libgdxdemosandtests。在downloads page你能抓取关于这个工程的源文件

原文地址：http://www.cnblogs.com/tianjian/archive/2011/09/01/2162281.html

你可能感兴趣的:(Libgdx)

  • 视频教程-Android中的性能优化——UI篇-Android Coco_小姐
    Android中的性能优化——UI篇Android研发工程师。南京邮电大学毕业，曾就任于创新工场，现就任于某知名大型移动互联网公司，CSDN博客讲师。《libGDX移动游戏开发从入门到精通》作者。熟悉JavaWeb、Android、游戏开发，开发并上线了多个app。黄俊东¥79.00立即订阅扫码下载「CSDN程序员学院APP」，1000+技术好课免费看APP订阅课程，领取优惠，最少立减5元↓↓↓订
  • html gui的源码,FairyGUI是一款专业的 UI编辑器 我有多作怪 htmlgui的源码
    FairyGUIUI编辑器操作简单，使用习惯与Adobe系列软件保持一致，美术设计师可以轻松上手。FairyGUI是一个跨平台的UI解决方案，它提供了一个可以在Windows和Mac上使用的编辑器和可以在多个游戏引擎中使用的SDK(Unity、Flash、Starling、白鹭、LayaAir等，未来还将支持cocos2d-x、UE4、libgdx等)。借助FairyGUI提供的组件、关联、控制器
  • 【Filament】纹理贴图 little_fat_sheep Filament贴图Filament
    1前言本文主要介绍使用Filament实现纹理贴图，读者如果对Filament不太熟悉，请回顾以下内容。Filament环境搭建绘制三角形绘制矩形绘制圆形绘制立方体Filament纹理坐标的x、y轴正方向分别朝右和朝上，其y轴正方向朝向与OpenGLES和libGDX相反（详见【OpenGLES】纹理贴图、【libGDX】Mesh纹理贴图），如下。2纹理贴图本文项目结构如下，完整代码资源→Fila
  • libgdx实现雪花、下雪效果（二十三） 凌康ACG libgdx游戏开发javalibgdxjavajava游戏开发
    libgdx实现雪花、下雪效果（二十三）转自：https://lingkang.top/archives/libgdx-shi-xian-xue-huapackageeffect;importcom.badlogic.gdx.ApplicationAdapter;importcom.badlogic.gdx.Gdx;importcom.badlogic.gdx.backends.lwjgl3.Lw
  • libgdx播放视频、libgdx播放MP4、libgdx播放动画（二十二） 凌康ACG javalibgdx游戏开发javalibgdx音视频libgdx播放视频
    libgdx播放视频、libgdx播放MP4、libgdx播放动画转自：https://lingkang.top/archives/libgdx-bo-fang-shi-pin转自：https://lingkang.top/archives/libgdx-bo-fang-shi-pin转自：https://lingkang.top/archives/libgdx-bo-fang-shi-pin最近
  • Android Studio 3.1.2 Libgdx项目配置推荐(解决Desktop项目无法运行的问题) 天神Deity
    GradleTool使用2.3.0dependencies{classpath'com.android.tools.build:gradle:2.3.0'}android{buildToolsVersion'25.0.0'compileSdkVersion23}gradle推荐版本3.3distributionUrl=https\://services.gradle.org/distributio
  • 【libGDX】加载G3DJ模型 little_fat_sheep libGDXG3Dg3djfbxfbx-convlibGDX
    1前言libGDX提供了自己的3D格式模型文件，称为G3D，包含g3dj（Json格式）和g3db（Binary格式）文件，官方介绍见→importing-blender-models-in-libgdx。对于fbx文件，libGDX提供了转换为G3D文件的工具，即fbx-conv.exe，官方下载见→fbx-conv，读者也可以从Libgdx全套工具包里下载fbx-conv.exe工具。fbx-
  • Libgdx 之图片的翻转与旋转方式 吴海生--- 归档
    在Libdgx中经常会对图片进行翻转，旋转处理，很对时候是对资源的复用，一下是本文对图片进行处理的效果：region=Assets.testAtlas.findRegion("world1");TextureRegionregion1=newTextureRegion(region);TextureRegionregion2=newTextureRegion(region);TextureRegi
  • 【libGDX】Mesh纹理贴图 little_fat_sheep libGDX纹理贴图纹理坐标libGDX
    1前言纹理贴图的本质是将图片的纹理坐标与模型的顶点坐标建立一一映射关系。纹理坐标的x、y轴正方向分别朝右和朝下，如下。2纹理贴图本节将使用Mesh、ShaderProgram、Shader实现纹理贴图，OpenGLES的实现见博客→纹理贴图，本节完整代码资源见→libGDXMesh纹理贴图。DesktopLauncher.javapackagecom.zhyan8.game;importcom.b
  • 【libGDX】Mesh立方体贴图（6张图） little_fat_sheep libGDX立方体贴图6张图MeshShaderProgramlibGDX
    1前言本文通过一个立方体贴图的例子，讲解三维纹理贴图的应用，案例中使用6张不同的图片给立方体贴图，图片如下。读者如果对libGDX不太熟悉，请回顾以下内容。使用Mesh绘制三角形使用Mesh绘制矩形使用Mesh绘制圆形使用Mesh绘制立方体Mesh纹理贴图2立方体贴图本节将使用Mesh、ShaderProgram、Shader实现立方体贴图，OpenGLES的实现见博客→立方体贴图（6张图）。De
  • Libgdx学习笔记：UI之技能冷却按钮（新版） weixin_34265814 uipythongit
    2019独角兽企业重金招聘Python工程师标准>>>效果展示：图片素材：1.涉及知识点：Mesh，纹理坐标UV2.核心思路：将图片1的外围矩形区域，划分为24个三角形，共26个Mesh顶点。然后根据进度，绘制相应的区域即可。3.Mesh简述：publicMesh(VertexDataTypetype,booleanisStatic,intmaxVertices,intmaxIndices,Ver
  • Java游戏引擎libgdx的简介 weixin_34113237 java游戏移动开发
    1前言最近想做点小应用，但界面方面是非常不在行，自然想借助游戏引擎来处理这部分工作。本打算在flex中找一个比较好的，但找到pushbutton的时候发现官方主页留下的只有goodbye的页面，留言的意思就是现在大家都去玩mobile了，他们放弃了这个引擎的开发。看到这里心一凉，感觉还是做mobile的应用更有前途，之后又去找了一下android开发的图像引擎，反复比较后感觉libgdx貌似不错，
  • 如何使用libgdx编写一个简单的游戏（二）— 完善 weixin_30918415 人工智能phpgit
    上一篇介绍游戏雏形的编写，这一篇将完善部分逻辑并添加更多效果。例子代码在https://github.com/htynkn/DartsShaSha，如有需要请自行在tag中下载对应部分。完善飞镖逻辑现在的飞镖可以旋转可以飞行了，但是有一个问题却没有解决。首先飞镖的速度，如果用户触摸位置很靠近左侧，那么飞镖的速度就很慢了。其次，如果用户触摸中间位置，默认情况下飞镖应该是朝那个方向飞行，而不是飞到触摸
  • libgdx 学习笔记（二）相机和观察点 Ada libgdxfloatimportnullbufferclass
    Libgdx的Stage类中就默认包含了一个Camera。Camera类按照功能而言也有很多种，最常用的是OrthographicCamera（正投影相机），Stage中默认Camera的实现类为该类。OrthographicCamera实现以下功能：1.移动和旋转镜头2.放大和缩小3.改变观察点（视角）4.窗体和世界的点的转化相机的使用一般配合着mesh。mesh绘制一个矩形区域importco
  • libgdx 学习笔记六 Projection，Viewport，Camera （投影，视口，相机） 雅典娜MAX Libgdx
    Introduction（介绍）在学习笔记4MyFirstTriangle和学习笔记5ColorMeshTexture中,我们学习了建立和渲染mesh的基础。你注意到没,三角形出现了拉伸。让我们开始用一个例子来解决这个问题CreatingaSquare(创建一个正方形)创建一个新的libgdx桌面工程叫projection-viewport-camera。创建一个名叫ProjectionViewp
  • 【libGDX】使用Mesh绘制矩形 little_fat_sheep libGDX矩形正方形libGDXMeshShaderProgram
    1前言使用Mesh绘制三角形中介绍了绘制三角形的方法，本文将介绍绘制正方形的方法。libGDX以点、线段、三角形为图元，没有提供绘制矩形内部的接口。要绘制矩形内部，必须通过三角形拼接而成，如下图，是通过GL_TRIANGLE_FAN模式绘制矩形。绘制的坐标点如下，屏幕中心为坐标原点，向右和向上分别为x轴和y轴正方向。float[]vertices={-0.5f,-0.5f,0.0f,//左下0.5
  • Libgdx 圆形进度条的实现 吴海生--- 归档
    Libgdx圆形进度条的实现(待完善)先上效果图：思路：1.准备两张图纹理1纹理2纹理2覆盖在纹理1上，纹理2的圆环透明2.采用Mesh进行绘制纹理1对于Mesh的使用在这不再讲解，实际上在图形的绘制都是由一个一个三角形绘制而来，圆形，矩形，多边形都能切割成三角形对纹理1，如下图，我们取9个顶点坐标,使用网格（Mesh）进行绘制根据进度使用Mesh绘制1、2、~last组合的三角形初始化个顶点数据
  • 【Android LibGDX游戏引擎开发教程】第04期：各个模块的详细介绍 寻水的鱼、、 AndroidLibGDX游戏引擎开发教程Android游戏开发Libgdx游戏引擎Android游戏开发
    博主思来想去，觉得还是想把这个教程写的再细一点，让读者能够更清楚的了解LibGDX这个游戏引擎整体的架构，所以也就总结出了这样一篇文章。一、模块概述作为游戏开发人员，我们需要一系列的系统组件是我们能够制作是我们想要的游戏：应用程序框架，处理我们应用程序的主循环和生命周期（创建,暂停,恢复,销毁）；图形模块,它提供了一种方法让我们在屏幕上画一些东西；音频模块,播放音乐和声音效果；输入模块接收来自鼠标
  • Android游戏引擎之LibGdx zccJsCsdn Androidandroid引擎游戏actorfloatbinding
    译自:http://code.google.com/p/libgdx/wikiSpriteBitch:Binding一个Texture是一个开销很大的操作.由于这原因,它通常存储很多小图到一个大图里去,然后再绘制大图的区域并避免Texture发生变化.更多信息参考TexturePackerGdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT)以清除屏幕.所有的绘画操作的调
  • Libgdx专题系列：对象篇 简单绘制 吴佳峻 Libgdx专题Libgdx由浅入深Libgdx
    声明：本系列文章使用的Libgdx版本均为0.99版本Libgdx游戏开发交流群323876830游戏的绘制，无外乎文字、几何图形、图片的绘制，一切的架构和封装都是建立在这个基础上的，我们首先来看看这三种绘制在libgdx中怎么来去实现。完整代码如下：publicclassHelloGameActivityextendsAndroidApplication{@Overrideprotectedvo
  • libgdx 学习笔记五 MeshColorTexture weixin_33834679 移动开发操作系统
    Introduction(序言)MyFirstTriangle教程教我们怎样创建一个新的工程和使用Mesh类来渲染一个简单的三角形。本节教程将解释Mesh类方法的更多细节，也将指出怎样添加颜色和一个纹理到mesh对象上SettingupaProject按照指示在MyFirstTriangle教程中创建一个新的libgdx桌面工程。我们吧桌面工程命名为mesh-color-texture并直到后来推
  • LIBGDX版NEHE OPENGL- 2. Your First Polygon 高高宇 NeHe教程的Libgdx实现3Dlibgdx图形游戏NEHE
    说是原创，其实都是参考了libgdxwiki里的教程。不过我自己都做过，一点点的打字，一张张图的截下来。看到太多LIBGDX2D方面的教程，于是冲动着自己想学点3D方面的东西。毕竟，如果只做2D，用libgdx还不如cocos2d-x来得方便。假设已经通过gdx-setup-ui.jar建好了libgdx的项目，并且import到eclipse中。以下内容实在是太初级，菜鸟可能都有踩两脚的冲动。我
  • android游戏开发框架libgdx的使用（八）--相机和观察点 qlfhqtf libgdxandroidAndroidlibgdx游戏
    相机也可以成为观察者，最简单的例子就是魂斗罗。图片分享：玩家操作角色前进，后退，跳跃等，显示的世界（就是后面的背景）会不停变化。其实就是相机的观察点（视角）的改变引起的。也许游戏的世界（背景地图）很大，比如10240*480，而设备的分辨率是800*480。现在游戏的角色在地图的最左侧，那么它的观察点就是(400,240)。随着角色的向前移动，观察点也变化，通常是y值变大。角色后退时y值变小。角色
  • Libgdx的使用(8)——相机和观察点 wkjsmx Libgdxlibgdx游戏开发框架
    本文使用的libgdx是0.92版本，和现在的最新版可能有一些不一样的地方。全文内容仅供参考。相机也可以成为观察者，最简单的例子就是魂斗罗。玩家操作角色前进，后退，跳跃等，显示的世界（就是后面的背景）会不停变化。其实就是相机的观察点（视角）的改变引起的。也许游戏的世界（背景地图）很大，比如1024*480，而设备的分辨率是800*480。现在游戏的角色在地图的最左侧，那么它的观察点就是(400,2
  • Android游戏引擎之LibGdx介绍及各模块概述 dreamer0924 androidandroid游戏引擎图形平台java
    转自http://blog.csdn.net/zccjscsdn/article/details/7571528TheArchitectureLibgdx是一个跨平台（Windows,Linux,Android）的游戏开发框架,它主要是用Java写的,其中也参杂了一些C/C++代码,这些代码是为了处理一些对性能要求很高的操作,比如物理引擎或者音频处理.作为用户,你只需要关注Java端就可以了,它已
  • (libgdx学习)mesh的简单使用——第一个三角形 帅气的东哥
    1.VertexAttributes类如果要介绍Mesh的话，那么就必须要先讲解下VertexAttributes，他的意思是“顶点数据”,熟悉3D模型的同学，可能都了解，mesh其实不仅仅是平面2D的东西，在3D方面也是可以使用的。既然mesh是网格，那么他就需要有顶点来确定这个mesh，下面我们就来介绍下vertexAttributes----顶点数据。PS：这个类了解就行，一般都是用他的内部
  • libgdx 学习笔记四 MyFirstTriangle 雅典娜MAX Libgdx
    Introduction（序言）上节HelloWorld教程证明了如何从导入一个已有的项目构造一个libgdx应用程序。让我们进一步从上一节的基础上创建项目。本教程会更详细假使读者是一个Eclipse的初学者。以后会有更简洁的教程。本节的源文件包含在MyFirstTriangle_.zipCreatingtheDesktopProject下载最新的nightlyzip然后解压缩到一个名为libgd
  • 【libGDX】使用Mesh绘制三角形 little_fat_sheep libGDXMeshShaderProgram图元三角形宽高比适配
    1Mesh和ShaderProgram简介1.1创建Mesh1）Mesh的构造方法publicMesh(booleanisStatic,intmaxVertices,intmaxIndices,VertexAttribute...attributes)publicMesh(booleanisStatic,intmaxVertices,intmaxIndices,VertexAttributesat
  • Libgdx学习笔记：使用ShapeRenderer绘制贝塞尔曲线路线图 weixin_34032779 测试pythongit
    2019独角兽企业重金招聘Python工程师标准>>>上图红色路径即为贝塞尔曲线的路线。核心思路：获取贝塞尔曲线上的所有的点，然后通过ShapeRenderer画线即可。代码展示：package com.oahcfly.chgame.core.ui;import com.badlogic.gdx.graphics.Color;import com.badlogic.gdx.graphics.g2d
  • libgdx 图形绘制 阳光岛主 Android
    纹理（texture）一个图片从原始格式解码并上传到GPU就被称为纹理。OpenGL要求纹理的高度和宽度都必须是2的n次方大小，只有满足这个条件纹理图片才是有效的。一旦获取了像素值，我们就可以将这些数据传给OpenGL，让OpenGL生成一个纹理贴图为了绘制texture，常常使用几何来描述，通过几何对应的顶点来描述纹理。比如要描述一个矩形，可以通过矩形的四个顶点来描述。要绘图时，首先要绑定纹理，
  • 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题 何必如此 jsp超链接文件下载窗口
    生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
  • 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析 bit1129 cluster
    在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识： 首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste
  • linux上独立安装部署spark daizj linux安装spark1.4部署
    下面讲一下linux上安装spark，以 Standalone Mode 安装   1）首先安装JDK   下载JDK：jdk-7u79-linux-x64.tar.gz  ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz     然后配置 ~/.bashrc&nb
  • Java 字节码之解析一 周凡杨 java字节码javap
        一： Java 字节代码的组织形式   类文件 {     OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组 } &nbs
  • java各种小工具代码 g21121 java
    1.数组转换成List import java.util.Arrays; Arrays.asList(Object[] obj); 2.判断一个String型是否有值 import org.springframework.util.StringUtils; if (StringUtils.hasText(str)) 3.判断一个List是否有值 import org.spring
  • 加快FineReport报表设计的几个心得体会 老A不折腾 finereport
    一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！ 二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。
  • mysql linux启动与停止 墙头上一根草
    如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin
  • Spring中事务管理浅谈 aijuans spring事务管理
    Spring中事务管理浅谈 By Tony Jiang@2012-1-20 Spring中对事务的声明式管理 拿一个XML举例 [html]  view plain copy print ? <?xml version="1.0" encoding="UTF-8"?>&nb
  • php中隐形字符65279（utf-8的BOM头）问题 alxw4616
    php中隐形字符65279（utf-8的BOM头）问题 今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.   调试: 1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题. 2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.        
  • 调用对象是否需要传递对象(初学者一定要注意这个问题) 百合不是茶 对象的传递与调用技巧
        类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看   为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)   类和对象的基础概念:   JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
  • JDK1.5 AtomicLong实例 bijian1013 javathreadjava多线程AtomicLong
    JDK1.5 AtomicLong实例 类 AtomicLong 可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。  
  • 自定义的RPC的Java实现 bijian1013 javarpc
            网上看到纯java实现的RPC，很不错。         RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何
  • 【RPC框架Hessian一】Hessian RPC Hello World bit1129 Hello world
    什么是Hessian The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
  • 【Spark九十五】Spark Shell操作Spark SQL bit1129 shell
    在Spark Shell上，通过创建HiveContext可以直接进行Hive操作   1. 操作Hive中已存在的表   [hadoop@hadoop bin]$ ./spark-shell Spark assembly has been built with Hive, including Datanucleus jars on classpath Welcom
  • F5　往header加入客户端的ip ronin47
    when HTTP_RESPONSE {if {[HTTP::is_redirect]}{         HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
  • java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5, bylijinnan java
    思路来自： http://zhedahht.blog.163.com/blog/static/2541117420116135376632/ 写了个java版的 public class GreatestLeftRightDiff { /** * Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。 * 求所有数对之差的最大值。例如在数组
  • mongoDB 索引 开窍的石头 mongoDB索引
    在这一节中我们讲讲在mongo中如何创建索引       得到当前查询的索引信息      db.user.find(_id:12).explain();        cursor: basicCoursor 指的是没有索引  &
  • [硬件和系统]迎峰度夏 comsci 系统
      从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内    所以，从现在开始准备渡过炎热的夏天。。。。    每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系)    坐的，躺的地方要有凉垫，床上要有凉席       电脑的机箱
  • 基于ThinkPHP开发的公司官网 cuiyadll 行业系统
    后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统 轻量级企业网站管理系统 运行环境:PHP5.3+, MySQL5.0 系统预览 系统下载：http://www.tecmz.com 预览地址：http://co.tecmz.com 各种设备自适应 响应式的网站设计能够对用户产生友好度，并且对于
  • Transaction and redelivery in JMS (JMS的事务和失败消息重发机制) darrenzhu jms事务承认MQacknowledge
    JMS Message Delivery Reliability and Acknowledgement Patterns http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ Transaction and redelivery in
  • Centos添加硬盘完全教程 dcj3sjt126com linuxcentoshardware
    Linux的硬盘识别: sda        表示第1块SCSI硬盘 hda       表示第1块IDE硬盘 scd0      表示第1个USB光驱 一般使用“fdisk -l”命
  • yii2 restful web服务路由 dcj3sjt126com PHPyii2
    路由 随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。 在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
  • MongoDB查询(4)——游标和分页[八] eksliang mongodbMongoDB游标MongoDB深分页
    转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标         数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示： > var
  • Activity的四种启动模式和onNewIntent() gundumw100 android
    Android中Activity启动模式详解 　　在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。 　　Android总Activity的启动模式分为四种： Activity启动模式设置： <acti
  • 攻城狮送女友的CSS3生日蛋糕 ini htmlWebhtml5csscss3
    在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm   代码如下：   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
  • 读源码学Servlet（1）GenericServlet 源码分析 jzinfo tomcatWebservlet网络应用网络协议
    Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。     先看javax.servlet.servlet接口源码：  package
  • JAVA进阶：VO(DTO)与PO(DAO)之间的转换 snoopy7713 javaVOHibernatepo
      PO即 Persistence Object　　VO即 Value Object 　VO和PO的主要区别在于：　　VO是独立的Java Object。　　PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。 　实际上，这个VO被用作Data Transfer
  • mongodb group by date 聚合查询日期 统计每天数据（信息量） qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    /* 1 */ { "_id" : ObjectId("557ac1e2153c43c320393d9d"), "msgType" : "text", "sendTime" : ISODate("2015-06-12T11:26:26.000Z")
  • java之18天 常用的类(一) Luob. MathDateSystemRuntimeRundom
    System类 import java.util.Properties; /** * System: * out:标准输出,默认是控制台 * in:标准输入,默认是键盘 * * 描述系统的一些信息 * 获取系统的属性信息:Properties getProperties(); * * * */ public class Sy
  • maven wuai maven
    1、安装maven：解压缩、添加M2_HOME、添加环境变量path 2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹 3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹 4、进入mvn_ch01 4.1、mvn compile ,执行后会在
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他