• 【Android】用Cubism 2制作自己的Live2D——初探Live2D在Android上的运行!


    前言-

    上一次我们成功运行了官方给我们的样本,是不是很有干劲啊?!这次我们就来看看Live2D是怎么在手机上运行的!

    准备-

    上次运行成功的官方样本——第一次我们先看简单的,就是那个名字叫Sample的项目,看起来就很见到不是么?!她的目录里除了lib库中的Live2D的jar包之外,就剩两个类了,看来这就是今天的全部工作量了!争取不加班!

    顺便我们还要看看这个项目跑出来的样子,大概就是这样,在屏幕中间绘制模型,然后让模型的头横摆?!

    开工-

    依旧还是从简单的着手,

    SampleActivity.java:

    public void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            //初始化Live2D
            Live2D.init();
            //建立一个View继承自GLSurfaceView,并把它显示出来
            SampleGLSurfaceView     view = new SampleGLSurfaceView(this) ;
            setContentView( view ) ;
        }

    这里根据官方的解说文档

    Live2D.init();方法必须在程序开始使用Live2D前至少调用一次,一调用一次或者连续调用都会是程序不稳定。

    在初始化的时候会显示如下的标准Live2D版本信息

    Live2D version 1.0.00 for Platform 

    这里我可找到了

    当然有初始化肯定就会有对应的注销方法dispose();这里没用到,但是中文版的说明书里给了这样的注释

    當呼叫dispose函數後就會釋放Live2D所佔有的所有資源。
    呼叫init前請不要呼叫此函數。
    基本上使用於應用程式結束時呼叫。
    可應用於記憶體極少的例外環境。
    不需要或是欲完全切斷函式庫連結時,可以呼叫此函數釋放資源。於下次要使用時再呼叫init初始化

    还有一个自定义的类SampleGLSurfaceView,它继承自GLSurfaceView,这个类就是核心了(废话一共就两个,第一个就没啥东西)

    从下一行

    setContentView(view);

     可以看出SampleGLSurfaceView是一个自已绘制的View,她又继承自GLSurfaceView。这个GLSurfaceView可就厉害了, 在Android端使用OpenGL ES的过程中,GLSurfaceView就扮演者一个重要的角色,通过OpenGL进行绘制,可在SurfaceView所提供的Surface进行绘制。而渲染工作主要由GLSurfaceView.Renderer负责渲染。

    下面看看

    SampleGLSurfaceView.java 的大概结构,里面有个内部类SampleGLRenderer是渲染器,实现GLSurfaceView.Renderer接口并实现onDrawFrame、onSurfaceChanged、onSurfaceChanged方法,下面分别介绍这三个方法里都做了什么
     1 SampleGLSurfaceView.java
     2 public class SampleGLSurfaceView extends GLSurfaceView{
     3     private SampleGLRenderer        renderer ;
     4     /*    编写渲染器SampleGLRenderer,实体类实GLSurfaceView.Renderer接口
     5 
     6     class SampleGLRenderer implements Renderer{
     7         @Override
     8     //执行渲染工作
     9     public void onDrawFrame(GL10 gl){}
    10         @Override
    11     // 渲染窗口大小发生改变或者屏幕方法发生变化时候回调
    12     public void onSurfaceChanged(GL10 gl, int width, int height){}
    13         @Override
    14     //surface被创建后需要做的处理
    15     public void onSurfaceCreated(GL10 gl, EGLConfig config){}
    16 }



    onDrawFrame()方法执行渲染的工作

    @Override
            //执行渲染工作
            public void onDrawFrame(GL10 gl)
            {
                gl.glMatrixMode(GL10.GL_MODELVIEW ) ;
                gl.glLoadIdentity() ;
                gl.glClear( GL10.GL_COLOR_BUFFER_BIT ) ;
    
                double t = (UtSystem.getUserTimeMSec()/1000.0) * 2 * Math.PI  ;
                double cycle=3.0;
                double sin=Math.sin( t/cycle );
                live2DModel.setParamFloat( "PARAM_ANGLE_X" , (float) (30 * sin) ) ;
    
                live2DModel.setGL( gl ) ;
    
                live2DModel.update() ;
                live2DModel.draw() ;
            }
    >>gl.glMatrixMode(GL10.GL_MODELVIEW ):对接下来要做什么进行一下声明,有三个参数GL_PROJECTION 投影,GL_MODELVIEW 模型视图,GL_TEXTURE 纹理.我们要渲染的是.moc文件,这里的参数是模型视图GL_MODELVIEW
    >>gl10.glLoadIdentity():该命令是一个无参的无值函数,其功能是用一个4×4的单位矩阵来替换当前矩阵,实际上就是对当前矩阵进行初始化
    >>gl10.glClear(GL10.GL_COLOR_BUFFER_BIT):清除当前缓冲区的缓冲值 ,4个可选参数GL_COLOR_BUFFER_BIT当前可写的颜色缓冲、GL_DEPTH_BUFFER_BIT深度缓冲、GL_ACCUM_BUFFER_BIT累积缓冲、GL_STENCIL_BUFFER_BIT模板缓冲。

    下面这些运算一概是让模型里的脑袋左右偏移的偏移量的计算,setParamFloat传入偏移的参数setGL(gl10)设置GL、update()更新draw()绘制
    P.S这些方法需要去啃Live2djar包的文档,如果看到这些我回来填上
    
    


    onSurfaceCreated(GL10 gl10, EGLConfig eglConfig)——
    surface被创建后需要做的处理

          private Live2DModelAndroid live2DModel;
          private final String MODLE_PATH="mei/model.moc";
          private final String TEXTURE_PATHS[] = {
                            "mei/textures/texture_00.png"
           } ;    
            @Override
            public void onSurfaceCreated(GL10 gl10, EGLConfig eglConfig) {
                try {
                    InputStream in = getContext().getAssets().open( MODLE_PATH ) ;
                    live2DModel = Live2DModelAndroid.loadModel( in ) ;
                    in.close() ;
    
                    for (int i = 0 ; i < TEXTURE_PATHS.length ; i++ )
                    {
                        InputStream tin = getContext().getAssets().open( TEXTURE_PATHS[i] ) ;
                        int texNo = UtOpenGL.loadTexture(gl10 , tin , true ) ;
                        live2DModel.setTexture( i , texNo ) ;
                    }
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }

    这个就很好看懂了,读.moc后loadModel,然后循环去获取Texture中的图片然后loadTexture(),然后与.moc捆绑

    这个texture理解不了的话看看文件就知道是什么了,就是模型的贴图。



     

    onSurfaceChanged(GL10 gl, int width, int height)——渲染窗口大小发生改变或者屏幕方法发生变化时候回调

    @Override
            public void onSurfaceChanged(GL10 gl10, int width, int height) {
                gl10.glViewport(0,0,width,height);
                gl10.glMatrixMode((GL10.GL_PROJECTION));
                gl10.glLoadIdentity();
                float modelWidth=live2DModel.getCanvasWidth();
                float aspect=(float)width/height;
                //这个glorthof好像很厉害的样子!!
                gl10.glOrthof(0,modelWidth,modelWidth/aspect,0,0.5f,-0.5f);
            }

    onSurfaceChanged(GL10 gl, int width, int height)本身是告诉了我们这张纸有多高多宽。这点很重要。因为在onSurfaceCreated的时候我们是不知道纸的宽高的,所以有一些和长宽相关的初始化工作还得在此函数中来做。

    P.S  (一次性) 当GLSurfaceView大小改变时,对应的Surface大小也会改变。值得注意的是,在Surface刚创建的时候,它的size其实是0,也就是说在画第一次图之前它也会被调用一次的。(而且对于很多时候,Surface的大小是不会改变的,那么此函数就只在创建之初被调用一次而已)

    >>glViewport(0,0,width,height):X,Y——以像素为单位,指定了视口的左下角(在第一象限内,以(0,0)为原点的)位置。width,height——表示这个视口矩形的宽度和高度,根据窗口的实时变化重绘窗口。
    >>glMatrixMode()、glLoadIdentity()这两个方法在onDrawFrame()中介绍过了。但是这里的GL10.GL_PROJECTION参数表示是投影的意思,就是要对投影相关进行操作,也就是把物体投影到一个平面上,就像我们照相一样
    >>glOrthof(left, right, bottom, top, near, far);正射投影,又叫平行投影。这种投影的视景体是一个矩形的平行管道,也就是一个长方体。
    这里看到一张图非常好,很直观的说明这个函数的参数都是什么意思:


    如图所示。正射投影的最大一个特点是无论物体距离相机多远,投影后的物体大小尺寸不变。这种投影通常用在建筑蓝图绘制和计算机辅助设计等方面,这些行业要求投影后的物体尺寸及相互间的角度不变,以便施工或制造时物体比例大小正确。glOrthof就是一个正射投影函数。
    它创建一个平行视景体。实际上这个函数的操作是创建一个正射投影矩阵,并且用这个矩阵乘以当前矩阵。
    其中近裁剪平面是一个矩形,矩形左下角点三维空间坐标是(left,bottom,-near),右上角点是(right,top,-near);
    远裁剪平面也是一个矩形,左下角点空间坐标是(left,bottom,-far),右上角点是(right,top,-far)。
    所有的near和far值同时为正或同时为负。如果没有其他变换,正射投影的方向平行于Z轴,且视点朝向Z负轴。这意味着物体在视点前面时far和near都为负值,物体在视点后面时far和near都为正值
    (我看着反正懵得很,但是我第一次仿写代码的是后敲成了gl10.glOrthof(0,modelWidth,modelWidth/aspect,0,0.5f,0.5f),就是最后一个参数的正负错了,结果没有模型显示出来。这里我有点自己的见解但是不清楚是否正确,待我确定后再作说明吧!)




    最后防着写了一下然后换上自己的moc试试:

    
    
    
    
  • 相关阅读:
    正则表达式
    模块初阶
    面向对象的一些理论表述,涉及知识的理解和内置方法
    面向对象的反射 和 特殊内置方法
    面向对象的属性,类方法.静态变量
    面向对象的 多态,
    面向对象的继承属性
    面向对象组合思想的经典题
    面向对象,类名称空间查找顺序 和组合
    jQuery对象与DOM对象之间的转换
  • 原文地址:https://www.cnblogs.com/YFEYI/p/10611371.html
Copyright © 2020-2023  润新知