{"id":67517,"date":"2026-01-28T21:32:59","date_gmt":"2026-01-28T13:32:59","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/67517.html"},"modified":"2026-01-28T21:32:59","modified_gmt":"2026-01-28T13:32:59","slug":"open-gl-es-%ef%bc%9e-%e5%ba%94%e7%94%a8%e5%89%8d%e5%90%8e%e5%8f%b0%e3%80%81recent%e5%88%87%e6%8d%a2%ef%bc%8csurfaceview%e7%ba%b9%e7%90%86%e8%b4%b4%e5%9b%be%e9%97%aa%e7%83%81%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/67517.html","title":{"rendered":"Open GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3"},"content":{"rendered":"

Android SurfaceView + OpenGL \u7eb9\u7406\u8d34\u56fe\u5207\u6362\u524d\u540e\u53f0\u95ea\u70c1\u95ee\u9898\u89e3\u51b3\u65b9\u6848<\/h2>\n

\u4e00\u3001\u95ee\u9898\u73b0\u8c61<\/h3>\n

\u5728\u4f7f\u7528 SurfaceView + \u81ea\u5b9a\u4e49 OpenGL \u6e32\u67d3\u7ebf\u7a0b\u5b9e\u73b0\u7eb9\u7406\u8d34\u56fe\u65f6，\u5e94\u7528\u5207\u6362\u5230 Recent \u540e\u53f0\u518d\u56de\u5230\u524d\u53f0，\u56fe\u7247\u4f1a\u51fa\u73b0\u660e\u663e\u7684\u95ea\u70c1（\u9ed1\u5c4f\u4e00\u5e27\u6216\u767d\u5c4f\u4e00\u5e27）\u3002<\/p>\n

\u4e8c\u3001\u95ee\u9898\u5206\u6790<\/h3>\n

2.1 Surface \u751f\u547d\u5468\u671f\u56de\u987e<\/h4>\n

\u5f53\u5e94\u7528\u5207\u5230\u540e\u53f0\u518d\u56de\u524d\u53f0\u65f6，SurfaceHolder.Callback \u7684\u56de\u8c03\u987a\u5e8f\u5982\u4e0b：<\/p>\n

\u5207\u5230\u540e\u53f0: surfaceDestroyed()
\n\u56de\u5230\u524d\u53f0: surfaceCreated() \u2192 surfaceChanged()<\/p>\n

2.2 \u9519\u8bef\u7684\u5b9e\u73b0\u65b9\u5f0f<\/h4>\n

\u5f88\u591a\u5f00\u53d1\u8005（\u5305\u62ec\u6211\u6700\u521d）\u4f1a\u8fd9\u6837\u5199：<\/p>\n

override<\/span> fun<\/span> surfaceCreated<\/span>(<\/span>holder:<\/span> SurfaceHolder)<\/span> {<\/span>
\n \/\/ \u6bcf\u6b21\u90fd\u65b0\u5efa\u6e32\u67d3\u7ebf\u7a0b<\/span>
\n mRenderThread =<\/span> RenderThread<\/span>(<\/span>holder.<\/span>surface,<\/span> renderData)<\/span>.<\/span>apply<\/span> {<\/span>
\n start<\/span>(<\/span>)<\/span>
\n }<\/span>
\n}<\/span><\/p>\n

override<\/span> fun<\/span> surfaceDestroyed<\/span>(<\/span>holder:<\/span> SurfaceHolder)<\/span> {<\/span>
\n \/\/ \u9500\u6bc1\u7ebf\u7a0b\u548c\u6240\u6709 GL \u8d44\u6e90<\/span>
\n mRenderThread?<\/span>.<\/span>shutdown<\/span>(<\/span>)<\/span>
\n mRenderThread =<\/span> null<\/span>
\n}<\/span><\/p>\n

2.3 \u6839\u672c\u539f\u56e0<\/h4>\n

\u95ee\u9898\u7684\u6838\u5fc3\u5728\u4e8e：\u6bcf\u6b21\u56de\u524d\u53f0\u90fd\u4f1a\u9500\u6bc1\u5e76\u91cd\u5efa\u6574\u4e2a EGL \u73af\u5883\u548c GL \u8d44\u6e90！<\/p>\n\n\u64cd\u4f5c\u8017\u65f6\u5f71\u54cd<\/tr>\n\n\n\n\n
\u9500\u6bc1 EGLContext<\/td>\n\u5feb<\/td>\nGL \u8d44\u6e90（\u7eb9\u7406\u3001VAO\u3001VBO）\u5168\u90e8\u5931\u6548<\/td>\n<\/tr>\n
\u91cd\u5efa EGLContext<\/td>\n\u5feb<\/td>\n\u9700\u8981\u91cd\u65b0\u521d\u59cb\u5316<\/td>\n<\/tr>\n
\u91cd\u65b0\u52a0\u8f7d\u7eb9\u7406<\/td>\n\u6162<\/td>\nBitmap \u89e3\u7801 + \u4e0a\u4f20 GPU<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u7eb9\u7406\u91cd\u65b0\u52a0\u8f7d\u9700\u8981\u65f6\u95f4，\u800c\u6b64\u65f6 Surface \u5df2\u7ecf\u53ef\u89c1\u4f46\u5185\u5bb9\u8fd8\u672a\u51c6\u5907\u597d，\u7cfb\u7edf\u5408\u6210\u5668\u4f1a\u663e\u793a\u7a7a\u767d\/\u9ed1\u8272\u7f13\u51b2\u533a，\u5bfc\u81f4\u7528\u6237\u770b\u5230\u95ea\u70c1\u3002<\/p>\n

\u4e09\u3001\u89e3\u51b3\u65b9\u6848<\/h3>\n

3.1 \u6838\u5fc3\u601d\u8def<\/h4>\n

\u4fdd\u6301\u6e32\u67d3\u7ebf\u7a0b\u548c EGLContext \u5b58\u6d3b，\u53ea\u91cd\u5efa EGLSurface\u3002<\/p>\n

GL \u8d44\u6e90（\u7eb9\u7406\u3001VAO\u3001VBO \u7b49）\u662f\u7ed1\u5b9a\u5728 EGLContext \u4e0a\u7684，\u53ea\u8981 Context \u4e0d\u9500\u6bc1，\u8fd9\u4e9b\u8d44\u6e90\u5c31\u4e0d\u4f1a\u4e22\u5931\u3002<\/p>\n

\u5207\u5230\u540e\u53f0: \u6682\u505c\u6e32\u67d3（\u4fdd\u7559\u7ebf\u7a0b\u548c Context）
\n\u56de\u5230\u524d\u53f0: \u91cd\u5efa EGLSurface，\u7ed1\u5b9a\u5230\u5df2\u6709 Context，\u7acb\u5373\u6062\u590d\u6e32\u67d3<\/p>\n

3.2 \u5173\u952e\u4ee3\u7801\u6539\u52a8<\/h4>\n

\u4fee\u6539 SurfaceHolder.Callback<\/h5>\n

override<\/span> val<\/span> callback:<\/span> SurfaceHolder.<\/span>Callback =<\/span> object<\/span> :<\/span> SurfaceHolder.<\/span>Callback<\/span> {<\/span>
\n override<\/span> fun<\/span> surfaceCreated<\/span>(<\/span>holder:<\/span> SurfaceHolder)<\/span> {<\/span>
\n val<\/span> thread =<\/span> mRenderThread
\n if<\/span> (<\/span>thread !=<\/span> null<\/span> &&<\/span> thread.<\/span>isAlive)<\/span> {<\/span>
\n \/\/ \u2705 \u590d\u7528\u5df2\u6709\u7ebf\u7a0b，\u53ea\u66f4\u65b0 Surface<\/span>
\n thread.<\/span>updateSurface<\/span>(<\/span>holder.<\/span>surface)<\/span>
\n }<\/span> else<\/span> {<\/span>
\n \/\/ \u9996\u6b21\u521b\u5efa<\/span>
\n mRenderThread =<\/span> RenderThread<\/span>(<\/span>holder.<\/span>surface,<\/span> renderData)<\/span>.<\/span>apply<\/span> {<\/span>
\n start<\/span>(<\/span>)<\/span>
\n }<\/span>
\n }<\/span>
\n }<\/span><\/p>\n

override<\/span> fun<\/span> surfaceChanged<\/span>(<\/span>holder:<\/span> SurfaceHolder,<\/span> format:<\/span> Int,<\/span> width:<\/span> Int,<\/span> height:<\/span> Int)<\/span> {<\/span>
\n mRenderThread?<\/span>.<\/span>updateSize<\/span>(<\/span>width,<\/span> height)<\/span>
\n }<\/span><\/p>\n

override<\/span> fun<\/span> surfaceDestroyed<\/span>(<\/span>holder:<\/span> SurfaceHolder)<\/span> {<\/span>
\n \/\/ \u2705 \u4e0d\u9500\u6bc1\u7ebf\u7a0b，\u53ea\u6682\u505c\u6e32\u67d3<\/span>
\n mRenderThread?<\/span>.<\/span>pause<\/span>(<\/span>)<\/span>
\n }<\/span>
\n}<\/span><\/p>\n

RenderThread \u65b0\u589e pause \u548c updateSurface \u65b9\u6cd5<\/h5>\n

class<\/span> RenderThread<\/span>(<\/span>
\n @Volatile<\/span> private<\/span> var<\/span> surface:<\/span> Surface,<\/span>
\n private<\/span> val<\/span> renderData:<\/span> OpenGLData
\n)<\/span> :<\/span> Thread<\/span>(<\/span>)<\/span> {<\/span><\/p>\n

@Volatile<\/span>
\n private<\/span> var<\/span> paused =<\/span> false<\/span><\/p>\n

@Volatile<\/span>
\n private<\/span> var<\/span> surfaceUpdated =<\/span> false<\/span><\/p>\n

fun<\/span> pause<\/span>(<\/span>)<\/span> {<\/span>
\n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
\n paused =<\/span> true<\/span>
\n }<\/span>
\n }<\/span><\/p>\n

fun<\/span> updateSurface<\/span>(<\/span>newSurface:<\/span> Surface)<\/span> {<\/span>
\n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
\n surface =<\/span> newSurface
\n surfaceUpdated =<\/span> true<\/span>
\n paused =<\/span> false<\/span>
\n lock.<\/span>notifyAll<\/span>(<\/span>)<\/span>
\n }<\/span>
\n }<\/span><\/p>\n

private<\/span> fun<\/span> renderLoop<\/span>(<\/span>)<\/span> {<\/span>
\n while<\/span> (<\/span>running)<\/span> {<\/span>
\n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
\n \/\/ \u7b49\u5f85\u6761\u4ef6<\/span>
\n while<\/span> (<\/span>running &&<\/span> (<\/span>paused ||<\/span> ..<\/span>.<\/span>)<\/span>)<\/span> {<\/span>
\n lock.<\/span>wait<\/span>(<\/span>)<\/span>
\n }<\/span><\/p>\n

\/\/ \u5904\u7406 Surface \u66f4\u65b0<\/span>
\n if<\/span> (<\/span>surfaceUpdated)<\/span> {<\/span>
\n mEGLEnvironment?<\/span>.<\/span>updateSurface<\/span>(<\/span>surface)<\/span>
\n surfaceUpdated =<\/span> false<\/span>
\n requestRender =<\/span> true<\/span>
\n }<\/span><\/p>\n

\/\/ … \u6e32\u67d3\u903b\u8f91<\/span>
\n }<\/span>
\n }<\/span>
\n }<\/span>
\n}<\/span><\/p>\n

EGLEnvironment \u65b0\u589e updateSurface \u65b9\u6cd5<\/h5>\n

class<\/span> EGLEnvironment<\/span>(<\/span>
\n private<\/span> val<\/span> egl:<\/span> EGL10,<\/span>
\n private<\/span> val<\/span> display:<\/span> EGLDisplay,<\/span>
\n private<\/span> val<\/span> config:<\/span> EGLConfig,<\/span> \/\/ \u9700\u8981\u4fdd\u5b58 config<\/span>
\n private<\/span> val<\/span> context:<\/span> EGLContext,<\/span>
\n private<\/span> var<\/span> surface:<\/span> EGLSurface
\n)<\/span> {<\/span>
\n \/**
\n * \u66f4\u65b0 Surface（\u4fdd\u7559 EGLContext，\u53ea\u91cd\u5efa EGLSurface）
\n * \u8fd9\u662f\u89e3\u51b3\u95ea\u70c1\u7684\u5173\u952e：GL \u8d44\u6e90\u7ed1\u5b9a\u5728 Context \u4e0a，\u4e0d\u4f1a\u4e22\u5931
\n *\/<\/span>
\n fun<\/span> updateSurface<\/span>(<\/span>newSurface:<\/span> Surface)<\/span> {<\/span>
\n \/\/ 1. \u89e3\u7ed1\u5f53\u524d surface<\/span>
\n egl.<\/span>eglMakeCurrent<\/span>(<\/span>display,<\/span> EGL10.<\/span>EGL_NO_SURFACE,<\/span>
\n EGL10.<\/span>EGL_NO_SURFACE,<\/span> EGL10.<\/span>EGL_NO_CONTEXT)<\/span>
\n \/\/ 2. \u9500\u6bc1\u65e7 surface<\/span>
\n egl.<\/span>eglDestroySurface<\/span>(<\/span>display,<\/span> surface)<\/span>
\n \/\/ 3. \u521b\u5efa\u65b0 surface<\/span>
\n surface =<\/span> egl.<\/span>eglCreateWindowSurface<\/span>(<\/span>display,<\/span> config,<\/span> newSurface,<\/span> null<\/span>)<\/span>
\n \/\/ 4. \u91cd\u65b0\u7ed1\u5b9a\u5230\u5df2\u6709\u7684 context<\/span>
\n egl.<\/span>eglMakeCurrent<\/span>(<\/span>display,<\/span> surface,<\/span> surface,<\/span> context)<\/span>
\n }<\/span>
\n}<\/span><\/p>\n

View \u9500\u6bc1\u65f6\u91ca\u653e\u8d44\u6e90<\/h5>\n

open<\/span> class<\/span> BaseSurfaceView :<\/span> SurfaceView {<\/span><\/p>\n

override<\/span> fun<\/span> onDetachedFromWindow<\/span>(<\/span>)<\/span> {<\/span>
\n super<\/span>.<\/span>onDetachedFromWindow<\/span>(<\/span>)<\/span>
\n \/\/ View \u771f\u6b63\u9500\u6bc1\u65f6\u624d\u91ca\u653e\u6240\u6709\u8d44\u6e90<\/span>
\n renderEngine.<\/span>release<\/span>(<\/span>)<\/span>
\n }<\/span>
\n}<\/span><\/p>\n

\u56db\u3001\u65b9\u6848\u5bf9\u6bd4<\/h3>\n\n\u65b9\u6848\u662f\u5426\u6709\u6548\u539f\u56e0<\/tr>\n\n\n\n\n\n
\u274c \u8bbe\u7f6e alpha = 0f \u9690\u85cf<\/td>\n\u90e8\u5206\u673a\u578b\u65e0\u6548<\/td>\nSurfaceView \u662f\u72ec\u7acb\u5408\u6210\u5c42，alpha \u4e0d\u4e00\u5b9a\u751f\u6548<\/td>\n<\/tr>\n
\u274c \u8bbe\u7f6e visibility = INVISIBLE<\/td>\n\u6709\u5ef6\u8fdf<\/td>\n\u4ecd\u7136\u4f1a\u6709\u65f6\u5e8f\u95ee\u9898<\/td>\n<\/tr>\n
\u274c \u4f7f\u7528 Callback2.surfaceRedrawNeededAsync<\/td>\n\u6cbb\u6807\u4e0d\u6cbb\u672c<\/td>\n\u9996\u5e27\u4ecd\u9700\u91cd\u65b0\u52a0\u8f7d\u7eb9\u7406<\/td>\n<\/tr>\n
\u2705 \u4fdd\u7559 EGLContext，\u53ea\u91cd\u5efa EGLSurface<\/td>\n\u6709\u6548<\/td>\nGL \u8d44\u6e90\u4e0d\u4e22\u5931，\u65e0\u9700\u91cd\u65b0\u52a0\u8f7d<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u4e94\u3001\u603b\u7ed3<\/h3>\n

SurfaceView \u5207\u6362\u524d\u540e\u53f0\u95ea\u70c1\u7684\u6839\u672c\u539f\u56e0\u662f：<\/p>\n

\u6bcf\u6b21 Surface \u9500\u6bc1\u91cd\u5efa\u65f6，\u90fd\u9500\u6bc1\u4e86\u6574\u4e2a EGL \u4e0a\u4e0b\u6587，\u5bfc\u81f4 GL \u8d44\u6e90（\u5c24\u5176\u662f\u7eb9\u7406）\u9700\u8981\u91cd\u65b0\u52a0\u8f7d，\u800c\u52a0\u8f7d\u671f\u95f4 Surface \u5df2\u53ef\u89c1，\u9020\u6210\u95ea\u70c1\u3002<\/p>\n

\u6b63\u786e\u505a\u6cd5\u662f：<\/p>\n

  • surfaceDestroyed \u65f6\u53ea\u6682\u505c\u6e32\u67d3，\u4e0d\u9500\u6bc1\u7ebf\u7a0b\u548c EGLContext<\/li>\n
  • surfaceCreated \u65f6\u590d\u7528\u5df2\u6709\u7ebf\u7a0b，\u53ea\u91cd\u5efa EGLSurface \u5e76\u7ed1\u5b9a\u5230\u5df2\u6709 Context<\/li>\n
  • onDetachedFromWindow \u65f6\u624d\u771f\u6b63\u91ca\u653e\u6240\u6709\u8d44\u6e90<\/li>\n

    \u8fd9\u4e2a\u65b9\u6848\u7c7b\u4f3c\u4e8e GLSurfaceView.setPreserveEGLContextOnPause(true) \u7684\u6548\u679c，\u4f46\u9002\u7528\u4e8e\u81ea\u5b9a\u4e49\u6e32\u67d3\u7ebf\u7a0b\u7684\u573a\u666f\u3002<\/p>\n

    \n

    \u53c2\u8003\u8d44\u6599：<\/p>\n

      \n
    • Android SurfaceView \u5b98\u65b9\u6587\u6863<\/li>\n
    • EGL \u89c4\u8303<\/li>\n<\/ul>\n

      EGL\u6e32\u67d3\u73af\u5883\u3001\u6570\u636e\u3001\u5f15\u64ce\u3001\u7ebf\u7a0b\u7684\u521b\u5efa<\/h2>\n

      \u62bd\u8c61\u5de5\u5382\u6a21\u5f0f\u5b9a\u4e49EGL\u73af\u5883\u63a5\u53e3<\/h3>\n

      \/\/ \u62bd\u8c61\u5de5\u5382\u6a21\u5f0f：\u8d1f\u8d23\u521b\u5efaEGL\u76f8\u5173\u7ec4\u4ef6\u65cf<\/span>
      \ninterface<\/span> EGLComponentFactory {<\/span>
      \n fun<\/span> createEGL<\/span>(<\/span>)<\/span>:<\/span> EGL10
      \n fun<\/span> createEGLDisplay<\/span>(<\/span>egl:<\/span> EGL10)<\/span>:<\/span> EGLDisplay
      \n fun<\/span> createEGLConfig<\/span>(<\/span>egl:<\/span> EGL10,<\/span> display:<\/span> EGLDisplay)<\/span>:<\/span> EGLConfig
      \n fun<\/span> createEGLContext<\/span>(<\/span>egl:<\/span> EGL10,<\/span> display:<\/span> EGLDisplay,<\/span> config:<\/span> EGLConfig)<\/span>:<\/span> EGLContext
      \n fun<\/span> createEGLSurface<\/span>(<\/span>egl:<\/span> EGL10,<\/span> display:<\/span> EGLDisplay,<\/span> config:<\/span> EGLConfig,<\/span> surface:<\/span> Surface)<\/span>:<\/span> EGLSurface
      \n}<\/span><\/p>\n

      EGL\u73af\u5883\u63a5\u53e3\u7684\u5177\u4f53\u5b9e\u73b0<\/h3>\n

      \/\/ \u5177\u4f53\u5de5\u5382\u5b9e\u73b0<\/span>
      \nclass<\/span> DefaultEGLFactory :<\/span> EGLComponentFactory {<\/span>
      \n override<\/span> fun<\/span> createEGL<\/span>(<\/span>)<\/span>:<\/span> EGL10 =<\/span> EGLContext.<\/span>getEGL<\/span>(<\/span>)<\/span> as<\/span> EGL10<\/p>\n

      override<\/span> fun<\/span> createEGLDisplay<\/span>(<\/span>egl:<\/span> EGL10)<\/span>:<\/span> EGLDisplay {<\/span>
      \n val<\/span> eglDisplay =<\/span> egl.<\/span>eglGetDisplay<\/span>(<\/span>EGL10.<\/span>EGL_DEFAULT_DISPLAY)<\/span>
      \n if<\/span> (<\/span>eglDisplay ==<\/span> EGL10.<\/span>EGL_NO_DISPLAY)<\/span> {<\/span>
      \n throw<\/span> RuntimeException<\/span>(<\/span>"eglGetDisplay failed"<\/span><\/span>)<\/span>
      \n }<\/span><\/p>\n

      val<\/span> version =<\/span> IntArray<\/span>(<\/span>2<\/span>)<\/span>
      \n if<\/span> (<\/span>!<\/span>egl.<\/span>eglInitialize<\/span>(<\/span>eglDisplay,<\/span> version)<\/span>)<\/span> {<\/span>
      \n throw<\/span> RuntimeException<\/span>(<\/span>"eglInitialize failed"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n return<\/span> eglDisplay
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> createEGLConfig<\/span>(<\/span>egl:<\/span> EGL10,<\/span> display:<\/span> EGLDisplay)<\/span>:<\/span> EGLConfig {<\/span>
      \n val<\/span> attributes =<\/span> intArrayOf<\/span>(<\/span>
      \n EGL_RED_SIZE,<\/span> 8<\/span>,<\/span>
      \n EGL_GREEN_SIZE,<\/span> 8<\/span>,<\/span>
      \n EGL_BLUE_SIZE,<\/span> 8<\/span>,<\/span>
      \n EGL_ALPHA_SIZE,<\/span> 8<\/span>,<\/span>
      \n EGL_DEPTH_SIZE,<\/span> 8<\/span>,<\/span>
      \n EGL_STENCIL_SIZE,<\/span> 8<\/span>,<\/span>
      \n EGL_NONE
      \n )<\/span><\/p>\n

      val<\/span> numConfigs =<\/span> IntArray<\/span>(<\/span>1<\/span>)<\/span>
      \n egl.<\/span>eglChooseConfig<\/span>(<\/span>display,<\/span> attributes,<\/span> null<\/span>,<\/span> 0<\/span>,<\/span> numConfigs)<\/span><\/p>\n

      if<\/span> (<\/span>numConfigs[<\/span>0<\/span>]<\/span> <=<\/span> 0<\/span>)<\/span> {<\/span>
      \n throw<\/span> RuntimeException<\/span>(<\/span>"No matching EGL configs"<\/span><\/span>)<\/span>
      \n }<\/span><\/p>\n

      val<\/span> configs =<\/span> arrayOfNulls<<\/span>EGLConfig><\/span>(<\/span>numConfigs[<\/span>0<\/span>]<\/span>)<\/span>
      \n egl.<\/span>eglChooseConfig<\/span>(<\/span>display,<\/span> attributes,<\/span> configs,<\/span> numConfigs.<\/span>size,<\/span> numConfigs)<\/span><\/p>\n

      return<\/span> configs[<\/span>0<\/span>]<\/span> ?:<\/span> throw<\/span> RuntimeException<\/span>(<\/span>"No suitable EGL config found"<\/span><\/span>)<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> createEGLContext<\/span>(<\/span>egl:<\/span> EGL10,<\/span> display:<\/span> EGLDisplay,<\/span> config:<\/span> EGLConfig)<\/span>:<\/span> EGLContext {<\/span>
      \n val<\/span> contextAttrs =<\/span> intArrayOf<\/span>(<\/span>
      \n EGL_CONTEXT_CLIENT_VERSION,<\/span> 3<\/span>,<\/span>
      \n EGL_NONE
      \n )<\/span>
      \n val<\/span> eglContext =<\/span> egl.<\/span>eglCreateContext<\/span>(<\/span>display,<\/span> config,<\/span> EGL10.<\/span>EGL_NO_CONTEXT,<\/span> contextAttrs)<\/span>
      \n if<\/span> (<\/span>eglContext ==<\/span> EGL10.<\/span>EGL_NO_CONTEXT)<\/span> {<\/span>
      \n throw<\/span> RuntimeException<\/span>(<\/span>"eglCreateContext failed"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n return<\/span> eglContext
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> createEGLSurface<\/span>(<\/span>
      \n egl:<\/span> EGL10,<\/span>
      \n display:<\/span> EGLDisplay,<\/span>
      \n config:<\/span> EGLConfig,<\/span>
      \n surface:<\/span> Surface
      \n )<\/span>:<\/span> EGLSurface {<\/span>
      \n val<\/span> eglSurface =<\/span> egl.<\/span>eglCreateWindowSurface<\/span>(<\/span>display,<\/span> config,<\/span> surface,<\/span> null<\/span>)<\/span>
      \n if<\/span> (<\/span>eglSurface ==<\/span> EGL10.<\/span>EGL_NO_SURFACE)<\/span> {<\/span>
      \n throw<\/span> RuntimeException<\/span>(<\/span>"eglCreateWindowSurface failed"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n return<\/span> eglSurface
      \n }<\/span>
      \n}<\/span><\/p>\n

      \u6784\u9020\u8005\u5b9e\u73b0EGL\u73af\u5883<\/h2>\n

      \/\/ \u6784\u5efa\u8005\u6a21\u5f0f：\u914d\u7f6e\u548c\u6784\u5efaEGL\u73af\u5883<\/span>
      \nclass<\/span> EGLEnvironmentBuilder<\/span>(<\/span>private<\/span> val<\/span> factory:<\/span> EGLComponentFactory =<\/span> DefaultEGLFactory<\/span>(<\/span>)<\/span>)<\/span> {<\/span>
      \n private<\/span> lateinit<\/span> var<\/span> mEGL:<\/span> EGL10
      \n private<\/span> lateinit<\/span> var<\/span> mEGLDisplay:<\/span> EGLDisplay
      \n private<\/span> lateinit<\/span> var<\/span> mEGLConfig:<\/span> EGLConfig
      \n private<\/span> lateinit<\/span> var<\/span> mEGLContext:<\/span> EGLContext
      \n private<\/span> lateinit<\/span> var<\/span> mEGLSurface:<\/span> EGLSurface<\/p>\n

      fun<\/span> build<\/span>(<\/span>surface:<\/span> Surface)<\/span>:<\/span> EGLEnvironment {<\/span>
      \n mEGL =<\/span> factory.<\/span>createEGL<\/span>(<\/span>)<\/span>
      \n mEGLDisplay =<\/span> factory.<\/span>createEGLDisplay<\/span>(<\/span>mEGL)<\/span>
      \n mEGLConfig =<\/span> factory.<\/span>createEGLConfig<\/span>(<\/span>mEGL,<\/span> mEGLDisplay)<\/span>
      \n mEGLContext =<\/span> factory.<\/span>createEGLContext<\/span>(<\/span>mEGL,<\/span> mEGLDisplay,<\/span> mEGLConfig)<\/span>
      \n mEGLSurface =<\/span> factory.<\/span>createEGLSurface<\/span>(<\/span>mEGL,<\/span> mEGLDisplay,<\/span> mEGLConfig,<\/span> surface)<\/span><\/p>\n

      if<\/span> (<\/span>!<\/span>mEGL.<\/span>eglMakeCurrent<\/span>(<\/span>mEGLDisplay,<\/span> mEGLSurface,<\/span> mEGLSurface,<\/span> mEGLContext)<\/span>)<\/span> {<\/span>
      \n throw<\/span> RuntimeException<\/span>(<\/span>"eglMakeCurrent failed"<\/span><\/span>)<\/span>
      \n }<\/span><\/p>\n

      return<\/span> EGLEnvironment<\/span>(<\/span>mEGL,<\/span> mEGLDisplay,<\/span> mEGLConfig,<\/span> mEGLContext,<\/span> mEGLSurface)<\/span>
      \n }<\/span><\/p>\n

      \/\/ EGL\u73af\u5883\u7c7b<\/span>
      \n class<\/span> EGLEnvironment<\/span>(<\/span>
      \n private<\/span> val<\/span> egl:<\/span> EGL10,<\/span>
      \n private<\/span> val<\/span> display:<\/span> EGLDisplay,<\/span>
      \n private<\/span> val<\/span> config:<\/span> EGLConfig,<\/span>
      \n private<\/span> val<\/span> context:<\/span> EGLContext,<\/span>
      \n private<\/span> var<\/span> surface:<\/span> EGLSurface
      \n )<\/span> {<\/span><\/p>\n

      \/**
      \n * \u66f4\u65b0 Surface（\u4fdd\u7559 EGLContext，\u53ea\u91cd\u5efa EGLSurface）
      \n * \u8fd9\u662f\u89e3\u51b3\u95ea\u70c1\u7684\u5173\u952e：GL \u8d44\u6e90\u7ed1\u5b9a\u5728 Context \u4e0a，\u4e0d\u4f1a\u4e22\u5931
      \n *\/<\/span>
      \n fun<\/span> updateSurface<\/span>(<\/span>newSurface:<\/span> Surface)<\/span> {<\/span>
      \n \/\/ \u89e3\u7ed1\u5f53\u524d surface<\/span>
      \n egl.<\/span>eglMakeCurrent<\/span>(<\/span>display,<\/span> EGL10.<\/span>EGL_NO_SURFACE,<\/span> EGL10.<\/span>EGL_NO_SURFACE,<\/span> EGL10.<\/span>EGL_NO_CONTEXT)<\/span>
      \n \/\/ \u9500\u6bc1\u65e7 surface<\/span>
      \n egl.<\/span>eglDestroySurface<\/span>(<\/span>display,<\/span> surface)<\/span>
      \n \/\/ \u521b\u5efa\u65b0 surface<\/span>
      \n surface =<\/span> egl.<\/span>eglCreateWindowSurface<\/span>(<\/span>display,<\/span> config,<\/span> newSurface,<\/span> null<\/span>)<\/span>
      \n if<\/span> (<\/span>surface ==<\/span> EGL10.<\/span>EGL_NO_SURFACE)<\/span> {<\/span>
      \n throw<\/span> RuntimeException<\/span>(<\/span>"eglCreateWindowSurface failed on updateSurface"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n \/\/ \u91cd\u65b0\u7ed1\u5b9a<\/span>
      \n if<\/span> (<\/span>!<\/span>egl.<\/span>eglMakeCurrent<\/span>(<\/span>display,<\/span> surface,<\/span> surface,<\/span> context)<\/span>)<\/span> {<\/span>
      \n throw<\/span> RuntimeException<\/span>(<\/span>"eglMakeCurrent failed on updateSurface"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> swapBuffers<\/span>(<\/span>)<\/span> {<\/span>
      \n if<\/span> (<\/span>!<\/span>egl.<\/span>eglSwapBuffers<\/span>(<\/span>display,<\/span> surface)<\/span>)<\/span> {<\/span>
      \n \/\/ \u5ffd\u7565 swap \u5931\u8d25（\u53ef\u80fd surface \u5df2\u5931\u6548）<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> release<\/span>(<\/span>)<\/span> {<\/span>
      \n egl.<\/span>eglMakeCurrent<\/span>(<\/span>
      \n display,<\/span>
      \n EGL10.<\/span>EGL_NO_SURFACE,<\/span>
      \n EGL10.<\/span>EGL_NO_SURFACE,<\/span>
      \n EGL10.<\/span>EGL_NO_CONTEXT
      \n )<\/span>
      \n egl.<\/span>eglDestroySurface<\/span>(<\/span>display,<\/span> surface)<\/span>
      \n egl.<\/span>eglDestroyContext<\/span>(<\/span>display,<\/span> context)<\/span>
      \n egl.<\/span>eglTerminate<\/span>(<\/span>display)<\/span>
      \n }<\/span>
      \n }<\/span>
      \n}<\/span><\/p>\n

      \u6e32\u67d3\u6570\u636e<\/h2>\n

      \u6e32\u67d3\u6570\u636e\u63a5\u53e3\u5b9a\u4e49<\/h3>\n

      \/**
      \n * OpenGL\u6e32\u67d3\u6570\u636e\u63a5\u53e3
      \n *\/<\/span>
      \ninterface<\/span> OpenGLData {<\/span>
      \n \/**
      \n * Surface\u521b\u5efa\u65f6\u8c03\u7528，\u7528\u4e8e\u521d\u59cb\u5316OpenGL\u8d44\u6e90
      \n *\/<\/span>
      \n fun<\/span> onSurfaceCreated<\/span>(<\/span>)<\/span><\/p>\n

      \/**
      \n * Surface\u5c3a\u5bf8\u53d8\u5316\u65f6\u8c03\u7528，\u7528\u4e8e\u66f4\u65b0\u89c6\u53e3
      \n *\/<\/span>
      \n fun<\/span> onSurfaceChanged<\/span>(<\/span>width:<\/span> Int,<\/span> height:<\/span> Int)<\/span><\/p>\n

      \/**
      \n * \u6bcf\u5e27\u6e32\u67d3\u65f6\u8c03\u7528，\u6267\u884c\u5b9e\u9645\u7684\u7ed8\u5236\u64cd\u4f5c
      \n *\/<\/span>
      \n fun<\/span> onDrawFrame<\/span>(<\/span>)<\/span><\/p>\n

      \/**
      \n * Surface\u9500\u6bc1\u65f6\u8c03\u7528，\u53ef\u4ee5\u6807\u8bb0\u8d44\u6e90\u9700\u8981\u91cd\u65b0\u521d\u59cb\u5316
      \n *\/<\/span>
      \n fun<\/span> onSurfaceDestroyed<\/span>(<\/span>)<\/span>
      \n}<\/span><\/p>\n

      \u6e32\u67d3\u6570\u636e\u63a5\u53e3\u5b9e\u73b0<\/h3>\n

      \/**
      \n * OpenGL\u6e32\u67d3\u6570\u636e\u9ed8\u8ba4\u5b9e\u73b0\u7c7b
      \n * \u63d0\u4f9bOpenGL\u6e32\u67d3\u6240\u9700\u7684\u57fa\u672c\u6570\u636e\u7ed3\u6784\u548c\u64cd\u4f5c\u65b9\u6cd5
      \n *\/<\/span>
      \nclass<\/span> BaseOpenGLData<\/span>(<\/span>private<\/span> val<\/span> context:<\/span> Context)<\/span> :<\/span> OpenGLData {<\/span><\/p>\n

      \/\/ \u2b50 \u7f29\u653e\u914d\u7f6e<\/span>
      \n companion<\/span> object<\/span> {<\/span>
      \n const<\/span> val<\/span> MIN_SCALE =<\/span> 0.5f<\/span> \/\/ \u6700\u5c0f\u7f29\u653e<\/span>
      \n const<\/span> val<\/span> MAX_SCALE =<\/span> 5f<\/span> \/\/ \u6700\u5927\u7f29\u653e<\/span>
      \n const<\/span> val<\/span> BOUNCE_THRESHOLD =<\/span> 0.8f<\/span> \/\/ \u56de\u5f39\u9608\u503c<\/span>
      \n const<\/span> val<\/span> ANIMATION_DURATION =<\/span> 300L<\/span> \/\/ \u52a8\u753b\u65f6\u957f<\/span>
      \n }<\/span><\/p>\n

      private<\/span> val<\/span> NO_OFFSET =<\/span> 0<\/span>
      \n private<\/span> val<\/span> VERTEX_POS_DATA_SIZE =<\/span> 3<\/span>
      \n private<\/span> val<\/span> TEXTURE_POS_DATA_SIZE =<\/span> 2<\/span>
      \n private<\/span> val<\/span> STRIDE =<\/span> (<\/span>VERTEX_POS_DATA_SIZE +<\/span> TEXTURE_POS_DATA_SIZE)<\/span> *<\/span> 4<\/span> \/\/ \u6bcf\u4e2a\u9876\u70b9\u7684\u603b\u5b57\u8282\u6570<\/span><\/p>\n

      \/\/ \u7740\u8272\u5668\u7a0b\u5e8fID<\/span>
      \n private<\/span> var<\/span> mProgram:<\/span> Int =<\/span> –<\/span>1<\/span><\/p>\n

      \/\/ \u9876\u70b9\u548c\u7eb9\u7406\u5750\u6807\u5408\u5e76\u5728\u4e00\u4e2a\u6570\u7ec4\u4e2d<\/span>
      \n \/\/ \u683c\u5f0f：x, y, z, u, v (\u9876\u70b9\u5750\u6807\u540e\u8ddf\u7eb9\u7406\u5750\u6807)<\/span>
      \n val<\/span> vertexData =<\/span> floatArrayOf<\/span>(<\/span>
      \n \/\/ \u9876\u70b9\u5750\u6807 \/\/ \u7eb9\u7406\u5750\u6807<\/span>
      \n –<\/span>1.0f<\/span>,<\/span> 1.0f<\/span>,<\/span> 0.0f<\/span>,<\/span> 0.0f<\/span>,<\/span> 1.0f<\/span>,<\/span> \/\/ \u5de6\u4e0a<\/span>
      \n –<\/span>1.0f<\/span>,<\/span> –<\/span>1.0f<\/span>,<\/span> 0.0f<\/span>,<\/span> 0.0f<\/span>,<\/span> 0.0f<\/span>,<\/span> \/\/ \u5de6\u4e0b<\/span>
      \n 1.0f<\/span>,<\/span> 1.0f<\/span>,<\/span> 0.0f<\/span>,<\/span> 1.0f<\/span>,<\/span> 1.0f<\/span>,<\/span> \/\/ \u53f3\u4e0a<\/span>
      \n 1.0f<\/span>,<\/span> –<\/span>1.0f<\/span>,<\/span> 0.0f<\/span>,<\/span> 1.0f<\/span>,<\/span> 0.0f<\/span> \/\/ \u53f3\u4e0b<\/span>
      \n )<\/span><\/p>\n

      val<\/span> vertexDataBuffer =<\/span> ByteBuffer.<\/span>allocateDirect<\/span>(<\/span>vertexData.<\/span>size *<\/span> 4<\/span>)<\/span>
      \n .<\/span>order<\/span>(<\/span>ByteOrder.<\/span>nativeOrder<\/span>(<\/span>)<\/span>)<\/span>
      \n .<\/span>asFloatBuffer<\/span>(<\/span>)<\/span>
      \n .<\/span>put<\/span>(<\/span>vertexData)<\/span>
      \n .<\/span>position<\/span>(<\/span>NO_OFFSET)<\/span><\/p>\n

      val<\/span> index =<\/span> shortArrayOf<\/span>(<\/span>
      \n 0<\/span>,<\/span> 1<\/span>,<\/span> 2<\/span>,<\/span> \/\/ \u7b2c\u4e00\u4e2a\u4e09\u89d2\u5f62<\/span>
      \n 1<\/span>,<\/span> 3<\/span>,<\/span> 2<\/span> \/\/ \u7b2c\u4e8c\u4e2a\u4e09\u89d2\u5f62<\/span>
      \n )<\/span><\/p>\n

      val<\/span> indexBuffer =<\/span> ByteBuffer.<\/span>allocateDirect<\/span>(<\/span>index.<\/span>size *<\/span> 2<\/span>)<\/span>
      \n .<\/span>order<\/span>(<\/span>ByteOrder.<\/span>nativeOrder<\/span>(<\/span>)<\/span>)<\/span>
      \n .<\/span>asShortBuffer<\/span>(<\/span>)<\/span>
      \n .<\/span>put<\/span>(<\/span>index)<\/span>
      \n .<\/span>position<\/span>(<\/span>NO_OFFSET)<\/span><\/p>\n

      \/\/ VAO(Vertex Array Object), \u9876\u70b9\u6570\u7ec4\u5bf9\u8c61, \u7528\u4e8e\u5b58\u50a8VBO<\/span>
      \n private<\/span> var<\/span> mVAO =<\/span> IntArray<\/span>(<\/span>1<\/span>)<\/span><\/p>\n

      \/\/ VBO(Vertex Buffer Object), \u9876\u70b9\u7f13\u51b2\u5bf9\u8c61，\u7528\u4e8e\u5b58\u50a8\u9876\u70b9\u6570\u636e\u548c\u7eb9\u7406\u6570\u636e<\/span>
      \n private<\/span> var<\/span> mVBO =<\/span> IntArray<\/span>(<\/span>1<\/span>)<\/span> \/\/ \u53ea\u9700\u8981\u4e00\u4e2aVBO<\/span><\/p>\n

      \/\/ IBO(Index Buffer Object), \u7d22\u5f15\u7f13\u51b2\u5bf9\u8c61，\u7528\u4e8e\u5b58\u50a8\u9876\u70b9\u7d22\u5f15\u6570\u636e<\/span>
      \n private<\/span> var<\/span> mIBO =<\/span> IntArray<\/span>(<\/span>1<\/span>)<\/span><\/p>\n

      \/\/ \u7eb9\u7406ID<\/span>
      \n private<\/span> var<\/span> mTextureID =<\/span> IntArray<\/span>(<\/span>1<\/span>)<\/span><\/p>\n

      \/\/ \u53d8\u6362\u77e9\u9635<\/span>
      \n private<\/span> var<\/span> mMVPMatrix =<\/span> FloatArray<\/span>(<\/span>16<\/span>)<\/span> \/\/ \u6700\u7ec8\u53d8\u6362\u77e9\u9635<\/span>
      \n private<\/span> val<\/span> mProjectionMatrix =<\/span> FloatArray<\/span>(<\/span>16<\/span>)<\/span> \/\/ \u6295\u5f71\u77e9\u9635<\/span>
      \n private<\/span> val<\/span> mViewMatrix =<\/span> FloatArray<\/span>(<\/span>16<\/span>)<\/span> \/\/ \u89c6\u56fe\u77e9\u9635<\/span>
      \n private<\/span> val<\/span> mModelMatrix =<\/span> FloatArray<\/span>(<\/span>16<\/span>)<\/span> \/\/ \u6a21\u578b\u77e9\u9635<\/span><\/p>\n

      \/\/ \u89c6\u53e3\u5c3a\u5bf8<\/span>
      \n private<\/span> var<\/span> mWidth =<\/span> 0<\/span>
      \n private<\/span> var<\/span> mHeight =<\/span> 0<\/span><\/p>\n

      private<\/span> var<\/span> animator:<\/span> ValueAnimator?<\/span> =<\/span> null<\/span><\/p>\n

      \/\/ \u2b50 \u53d8\u6362\u53c2\u6570（\u5b8c\u6574\u7684\u53d8\u6362\u5c5e\u6027）<\/span>
      \n var<\/span> translateX =<\/span> 0f<\/span>
      \n var<\/span> translateY =<\/span> 0f<\/span>
      \n private<\/span> var<\/span> translateZ =<\/span> 0f<\/span>
      \n private<\/span> var<\/span> scaleX =<\/span> 1f<\/span>
      \n private<\/span> var<\/span> scaleY =<\/span> 1f<\/span>
      \n private<\/span> var<\/span> scaleZ =<\/span> 1f<\/span>
      \n private<\/span> var<\/span> rotationX =<\/span> 0f<\/span>
      \n private<\/span> var<\/span> rotationY =<\/span> 0f<\/span>
      \n private<\/span> var<\/span> rotationZ =<\/span> 0f<\/span><\/p>\n

      \/\/ ==================== \u516c\u5f00 API – \u53d8\u6362\u63a5\u53e3 ====================<\/span><\/p>\n

      \/**
      \n * \u8bbe\u7f6e\u5e73\u79fb
      \n *\/<\/span>
      \n fun<\/span> setTranslation<\/span>(<\/span>x:<\/span> Float,<\/span> y:<\/span> Float,<\/span> z:<\/span> Float =<\/span> 0f<\/span>)<\/span> {<\/span>
      \n translateX =<\/span> x
      \n translateY =<\/span> y
      \n translateZ =<\/span> z
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u83b7\u53d6\u5e73\u79fb
      \n *\/<\/span>
      \n fun<\/span> getTranslation<\/span>(<\/span>)<\/span>:<\/span> Triple<<\/span>Float,<\/span> Float,<\/span> Float><\/span> {<\/span>
      \n return<\/span> Triple<\/span>(<\/span>translateX,<\/span> translateY,<\/span> translateZ)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u8bbe\u7f6e\u7f29\u653e
      \n *\/<\/span>
      \n fun<\/span> setScale<\/span>(<\/span>sx:<\/span> Float,<\/span> sy:<\/span> Float =<\/span> sx,<\/span> sz:<\/span> Float =<\/span> 1f<\/span>)<\/span> {<\/span>
      \n scaleX =<\/span> sx
      \n scaleY =<\/span> sy
      \n scaleZ =<\/span> sz
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u83b7\u53d6\u7f29\u653e（\u8fd4\u56de\u5e73\u5747\u7f29\u653e\u503c）
      \n *\/<\/span>
      \n fun<\/span> getScale<\/span>(<\/span>)<\/span>:<\/span> Triple<<\/span>Float,<\/span> Float,<\/span> Float><\/span> {<\/span>
      \n return<\/span> Triple<\/span>(<\/span>scaleX,<\/span> scaleY,<\/span> scaleZ)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u8bbe\u7f6e\u65cb\u8f6c
      \n *\/<\/span>
      \n fun<\/span> setRotation<\/span>(<\/span>angleX:<\/span> Float =<\/span> 0f<\/span>,<\/span> angleY:<\/span> Float =<\/span> 0f<\/span>,<\/span> angleZ:<\/span> Float =<\/span> 0f<\/span>)<\/span> {<\/span>
      \n rotationX =<\/span> angleX
      \n rotationY =<\/span> angleY
      \n rotationZ =<\/span> angleZ
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u83b7\u53d6\u65cb\u8f6c
      \n *\/<\/span>
      \n fun<\/span> getRotation<\/span>(<\/span>)<\/span>:<\/span> Triple<<\/span>Float,<\/span> Float,<\/span> Float><\/span> {<\/span>
      \n return<\/span> Triple<\/span>(<\/span>rotationX,<\/span> rotationY,<\/span> rotationZ)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u91cd\u7f6e\u6240\u6709\u53d8\u6362
      \n *\/<\/span>
      \n fun<\/span> reset<\/span>(<\/span>)<\/span> {<\/span>
      \n animator?<\/span>.<\/span>cancel<\/span>(<\/span>)<\/span>
      \n translateX =<\/span> 0f<\/span>
      \n translateY =<\/span> 0f<\/span>
      \n translateZ =<\/span> 0f<\/span>
      \n scaleX =<\/span> 1f<\/span>
      \n scaleY =<\/span> 1f<\/span>
      \n scaleZ =<\/span> 1f<\/span>
      \n rotationX =<\/span> 0f<\/span>
      \n rotationY =<\/span> 0f<\/span>
      \n rotationZ =<\/span> 0f<\/span>
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u91cd\u7f6e\u5e73\u79fb
      \n *\/<\/span>
      \n fun<\/span> resetTranslation<\/span>(<\/span>)<\/span> {<\/span>
      \n translateX =<\/span> 0f<\/span>
      \n translateY =<\/span> 0f<\/span>
      \n translateZ =<\/span> 0f<\/span>
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u91cd\u7f6e\u7f29\u653e
      \n *\/<\/span>
      \n fun<\/span> resetScale<\/span>(<\/span>)<\/span> {<\/span>
      \n scaleX =<\/span> 1f<\/span>
      \n scaleY =<\/span> 1f<\/span>
      \n scaleZ =<\/span> 1f<\/span>
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u91cd\u7f6e\u65cb\u8f6c
      \n *\/<\/span>
      \n fun<\/span> resetRotation<\/span>(<\/span>)<\/span> {<\/span>
      \n rotationX =<\/span> 0f<\/span>
      \n rotationY =<\/span> 0f<\/span>
      \n rotationZ =<\/span> 0f<\/span>
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/\/ ==================== OpenGL \u751f\u547d\u5468\u671f ====================<\/span><\/p>\n

      \/**
      \n * Surface\u521b\u5efa\u65f6\u8c03\u7528，\u7528\u4e8e\u521d\u59cb\u5316OpenGL\u8d44\u6e90
      \n *\/<\/span>
      \n override<\/span> fun<\/span> onSurfaceCreated<\/span>(<\/span>)<\/span> {<\/span>
      \n initTexture<\/span>(<\/span>)<\/span>
      \n initShaderProgram<\/span>(<\/span>)<\/span>
      \n initVertexBuffer<\/span>(<\/span>)<\/span>
      \n resetMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * Surface\u5c3a\u5bf8\u53d8\u5316\u65f6\u8c03\u7528，\u7528\u4e8e\u66f4\u65b0\u89c6\u53e3
      \n *\/<\/span>
      \n override<\/span> fun<\/span> onSurfaceChanged<\/span>(<\/span>width:<\/span> Int,<\/span> height:<\/span> Int)<\/span> {<\/span>
      \n GLES30.<\/span>glViewport<\/span>(<\/span>0<\/span>,<\/span> 0<\/span>,<\/span> width,<\/span> height)<\/span>
      \n mWidth =<\/span> width
      \n mHeight =<\/span> height
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u6bcf\u5e27\u6e32\u67d3\u65f6\u8c03\u7528，\u6267\u884c\u5b9e\u9645\u7684\u7ed8\u5236\u64cd\u4f5c
      \n *\/<\/span>
      \n override<\/span> fun<\/span> onDrawFrame<\/span>(<\/span>)<\/span> {<\/span>
      \n clearBuffers<\/span>(<\/span>)<\/span>
      \n draw<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * Surface\u9500\u6bc1\u65f6\u8c03\u7528，\u53ef\u4ee5\u6807\u8bb0\u8d44\u6e90\u9700\u8981\u91cd\u65b0\u521d\u59cb\u5316
      \n *\/<\/span>
      \n override<\/span> fun<\/span> onSurfaceDestroyed<\/span>(<\/span>)<\/span> {<\/span>
      \n release<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u521d\u59cb\u5316\u7740\u8272\u5668\u7a0b\u5e8f
      \n *\/<\/span>
      \n private<\/span> fun<\/span> initShaderProgram<\/span>(<\/span>)<\/span> {<\/span>
      \n val<\/span> vertexShaderCode =<\/span> ""<\/span><\/span>"#version 300<\/span> es
      \n uniform mat4 uMVPMatrix;<\/span> \/\/ \u53d8\u6362\u77e9\u9635<\/span>
      \n in<\/span> vec4 aPosition;<\/span> \/\/ \u9876\u70b9\u5750\u6807<\/span>
      \n in<\/span> vec2 aTexCoord;<\/span> \/\/ \u7eb9\u7406\u5750\u6807 <\/span>
      \n out<\/span> vec2 vTexCoord;<\/span>
      \n void main<\/span>(<\/span>)<\/span> {<\/span>
      \n \/\/ \u8f93\u51fa\u9876\u70b9\u5750\u6807\u548c\u7eb9\u7406\u5750\u6807\u5230\u7247\u6bb5\u7740\u8272\u5668<\/span>
      \n gl_Position =<\/span> uMVPMatrix *<\/span> aPosition;<\/span>
      \n vTexCoord =<\/span> aTexCoord;<\/span>
      \n }<\/span>""".trimIndent()
      \n val fragmentShaderCode = """<\/span><\/span>#version 300<\/span> es
      \n precision mediump float;<\/span>
      \n uniform sampler2D uTexture_0;<\/span>
      \n in<\/span> vec2 vTexCoord;<\/span>
      \n out<\/span> vec4 fragColor;<\/span>
      \n void main<\/span>(<\/span>)<\/span> {<\/span>
      \n fragColor =<\/span> texture<\/span>(<\/span>uTexture_0,<\/span> vTexCoord)<\/span>;<\/span>
      \n }<\/span>""<\/span><\/span>".<\/span>trimIndent<\/span>(<\/span>)<\/span><\/p>\n

      \/\/ \u52a0\u8f7d\u9876\u70b9\u7740\u8272\u5668\u548c\u7247\u6bb5\u7740\u8272\u5668, \u5e76\u521b\u5efa\u7740\u8272\u5668\u7a0b\u5e8f<\/span>
      \n val<\/span> vertexShader =<\/span> OpenGLUtils.<\/span>loadShader<\/span>(<\/span>GLES30.<\/span>GL_VERTEX_SHADER,<\/span> vertexShaderCode)<\/span>
      \n val<\/span> fragmentShader =<\/span> OpenGLUtils.<\/span>loadShader<\/span>(<\/span>GLES30.<\/span>GL_FRAGMENT_SHADER,<\/span> fragmentShaderCode)<\/span>
      \n mProgram =<\/span> GLES30.<\/span>glCreateProgram<\/span>(<\/span>)<\/span>
      \n GLES30.<\/span>glAttachShader<\/span>(<\/span>mProgram,<\/span> vertexShader)<\/span>
      \n GLES30.<\/span>glAttachShader<\/span>(<\/span>mProgram,<\/span> fragmentShader)<\/span>
      \n GLES30.<\/span>glLinkProgram<\/span>(<\/span>mProgram)<\/span><\/p>\n

      \/\/ \u5220\u9664\u7740\u8272\u5668\u5bf9\u8c61<\/span>
      \n GLES30.<\/span>glDeleteShader<\/span>(<\/span>vertexShader)<\/span>
      \n GLES30.<\/span>glDeleteShader<\/span>(<\/span>fragmentShader)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u521d\u59cb\u5316\u9876\u70b9\u7f13\u51b2\u533a
      \n *\/<\/span>
      \n private<\/span> fun<\/span> initVertexBuffer<\/span>(<\/span>)<\/span> {<\/span>
      \n \/\/ \u7ed1\u5b9aVAO<\/span>
      \n GLES30.<\/span>glGenVertexArrays<\/span>(<\/span>mVAO.<\/span>size,<\/span> mVAO,<\/span> NO_OFFSET)<\/span>
      \n GLES30.<\/span>glBindVertexArray<\/span>(<\/span>mVAO[<\/span>0<\/span>]<\/span>)<\/span><\/p>\n

      \/\/ \u7ed1\u5b9aVBO – \u53ea\u9700\u8981\u4e00\u4e2aVBO\u5b58\u50a8\u6240\u6709\u6570\u636e<\/span>
      \n GLES30.<\/span>glGenBuffers<\/span>(<\/span>mVBO.<\/span>size,<\/span> mVBO,<\/span> NO_OFFSET)<\/span>
      \n GLES30.<\/span>glBindBuffer<\/span>(<\/span>GLES30.<\/span>GL_ARRAY_BUFFER,<\/span> mVBO[<\/span>0<\/span>]<\/span>)<\/span>
      \n GLES30.<\/span>glBufferData<\/span>(<\/span>
      \n GLES30.<\/span>GL_ARRAY_BUFFER,<\/span>
      \n vertexData.<\/span>size *<\/span> 4<\/span>,<\/span>
      \n vertexDataBuffer,<\/span>
      \n GLES30.<\/span>GL_STATIC_DRAW
      \n )<\/span><\/p>\n

      \/\/ \u8bbe\u7f6e\u9876\u70b9\u5c5e\u6027\u6307\u9488 – \u9876\u70b9\u5750\u6807<\/span>
      \n val<\/span> positionHandle =<\/span> GLES30.<\/span>glGetAttribLocation<\/span>(<\/span>mProgram,<\/span> "aPosition"<\/span><\/span>)<\/span>
      \n GLES30.<\/span>glEnableVertexAttribArray<\/span>(<\/span>positionHandle)<\/span>
      \n GLES30.<\/span>glVertexAttribPointer<\/span>(<\/span>
      \n positionHandle,<\/span>
      \n VERTEX_POS_DATA_SIZE,<\/span>
      \n GLES30.<\/span>GL_FLOAT,<\/span>
      \n false<\/span>,<\/span>
      \n STRIDE,<\/span> \/\/ \u6b65\u957f，\u6bcf\u4e2a\u9876\u70b95\u4e2afloat (x,y,z,u,v)<\/span>
      \n NO_OFFSET \/\/ \u504f\u79fb\u91cf，\u4f4d\u7f6e\u6570\u636e\u5728\u524d<\/span>
      \n )<\/span><\/p>\n

      \/\/ \u8bbe\u7f6e\u9876\u70b9\u5c5e\u6027\u6307\u9488 – \u7eb9\u7406\u5750\u6807<\/span>
      \n val<\/span> textureHandle =<\/span> GLES30.<\/span>glGetAttribLocation<\/span>(<\/span>mProgram,<\/span> "aTexCoord"<\/span><\/span>)<\/span>
      \n GLES30.<\/span>glEnableVertexAttribArray<\/span>(<\/span>textureHandle)<\/span>
      \n GLES30.<\/span>glVertexAttribPointer<\/span>(<\/span>
      \n textureHandle,<\/span>
      \n TEXTURE_POS_DATA_SIZE,<\/span>
      \n GLES30.<\/span>GL_FLOAT,<\/span>
      \n false<\/span>,<\/span>
      \n STRIDE,<\/span> \/\/ \u6b65\u957f，\u6bcf\u4e2a\u9876\u70b95\u4e2afloat (x,y,z,u,v)<\/span>
      \n VERTEX_POS_DATA_SIZE *<\/span> 4<\/span> \/\/ \u504f\u79fb\u91cf，\u7eb9\u7406\u6570\u636e\u5728\u4f4d\u7f6e\u6570\u636e\u4e4b\u540e<\/span>
      \n )<\/span><\/p>\n

      \/\/ \u7ed1\u5b9aIBO<\/span>
      \n GLES30.<\/span>glGenBuffers<\/span>(<\/span>mIBO.<\/span>size,<\/span> mIBO,<\/span> NO_OFFSET)<\/span>
      \n \/\/ \u7ed1\u5b9a\u7d22\u5f15\u7f13\u51b2\u533a\u6570\u636e\u5230IBO[0]<\/span>
      \n GLES30.<\/span>glBindBuffer<\/span>(<\/span>GLES30.<\/span>GL_ELEMENT_ARRAY_BUFFER,<\/span> mIBO[<\/span>0<\/span>]<\/span>)<\/span>
      \n GLES30.<\/span>glBufferData<\/span>(<\/span>
      \n GLES30.<\/span>GL_ELEMENT_ARRAY_BUFFER,<\/span>
      \n index.<\/span>size *<\/span> 2<\/span>,<\/span>
      \n indexBuffer,<\/span>
      \n GLES30.<\/span>GL_STATIC_DRAW
      \n )<\/span><\/p>\n

      \/\/ \u89e3\u7ed1VAO<\/span>
      \n GLES30.<\/span>glBindVertexArray<\/span>(<\/span>0<\/span>)<\/span>
      \n \/\/ \u89e3\u7ed1VBO\u548cIBO<\/span>
      \n GLES30.<\/span>glBindBuffer<\/span>(<\/span>GLES30.<\/span>GL_ARRAY_BUFFER,<\/span> 0<\/span>)<\/span>
      \n GLES30.<\/span>glBindBuffer<\/span>(<\/span>GLES30.<\/span>GL_ELEMENT_ARRAY_BUFFER,<\/span> 0<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u521d\u59cb\u5316\u7eb9\u7406
      \n *\/<\/span>
      \n private<\/span> fun<\/span> initTexture<\/span>(<\/span>)<\/span> {<\/span>
      \n val<\/span> textureId =<\/span> IntArray<\/span>(<\/span>1<\/span>)<\/span>
      \n \/\/ \u751f\u6210\u7eb9\u7406<\/span>
      \n GLES30.<\/span>glGenTextures<\/span>(<\/span>1<\/span>,<\/span> textureId,<\/span> 0<\/span>)<\/span>
      \n \/\/ \u7ed1\u5b9a\u7eb9\u7406<\/span>
      \n GLES30.<\/span>glBindTexture<\/span>(<\/span>GLES30.<\/span>GL_TEXTURE_2D,<\/span> textureId[<\/span>0<\/span>]<\/span>)<\/span>
      \n \/\/ \u8bbe\u7f6e\u7eb9\u7406\u53c2\u6570<\/span>
      \n GLES30.<\/span>glTexParameteri<\/span>(<\/span>
      \n GLES30.<\/span>GL_TEXTURE_2D,<\/span>
      \n GLES30.<\/span>GL_TEXTURE_MIN_FILTER,<\/span>
      \n GLES30.<\/span>GL_LINEAR
      \n )<\/span> \/\/ \u7eb9\u7406\u7f29\u5c0f\u65f6\u4f7f\u7528\u7ebf\u6027\u63d2\u503c<\/span>
      \n GLES30.<\/span>glTexParameteri<\/span>(<\/span>
      \n GLES30.<\/span>GL_TEXTURE_2D,<\/span>
      \n GLES30.<\/span>GL_TEXTURE_MAG_FILTER,<\/span>
      \n GLES30.<\/span>GL_LINEAR
      \n )<\/span> \/\/ \u7eb9\u7406\u653e\u5927\u65f6\u4f7f\u7528\u7ebf\u6027\u63d2\u503c<\/span>
      \n GLES30.<\/span>glTexParameteri<\/span>(<\/span>
      \n GLES30.<\/span>GL_TEXTURE_2D,<\/span>
      \n GLES30.<\/span>GL_TEXTURE_WRAP_S,<\/span>
      \n GLES30.<\/span>GL_CLAMP_TO_EDGE
      \n )<\/span> \/\/ \u7eb9\u7406\u5750\u6807\u8d85\u51fa\u8303\u56f4\u65f6，\u8d85\u51fa\u90e8\u5206\u4f7f\u7528\u6700\u8fb9\u7f18\u50cf\u7d20\u8fdb\u884c\u586b\u5145<\/span>
      \n GLES30.<\/span>glTexParameteri<\/span>(<\/span>
      \n GLES30.<\/span>GL_TEXTURE_2D,<\/span>
      \n GLES30.<\/span>GL_TEXTURE_WRAP_T,<\/span>
      \n GLES30.<\/span>GL_CLAMP_TO_EDGE
      \n )<\/span> \/\/ \u7eb9\u7406\u5750\u6807\u8d85\u51fa\u8303\u56f4\u65f6，\u8d85\u51fa\u90e8\u5206\u4f7f\u7528\u6700\u8fb9\u7f18\u50cf\u7d20\u8fdb\u884c\u586b\u5145<\/span>
      \n \/\/ \u52a0\u8f7d\u56fe\u7247<\/span>
      \n val<\/span> options =<\/span> BitmapFactory.<\/span>Options<\/span>(<\/span>)<\/span>.<\/span>apply<\/span> {<\/span>
      \n inScaled =<\/span> false<\/span> \/\/ \u4e0d\u8fdb\u884c\u7f29\u653e<\/span>
      \n }<\/span>
      \n val<\/span> bitmap =<\/span> BitmapFactory.<\/span>decodeResource<\/span>(<\/span>context.<\/span>resources,<\/span> R.<\/span>drawable.<\/span>picture,<\/span> options)<\/span>
      \n \/\/ \u5c06\u56fe\u7247\u6570\u636e\u52a0\u8f7d\u5230\u7eb9\u7406\u4e2d<\/span>
      \n GLUtils.<\/span>texImage2D<\/span>(<\/span>GLES30.<\/span>GL_TEXTURE_2D,<\/span> 0<\/span>,<\/span> bitmap,<\/span> 0<\/span>)<\/span>
      \n \/\/ \u91ca\u653e\u8d44\u6e90<\/span>
      \n bitmap.<\/span>recycle<\/span>(<\/span>)<\/span>
      \n \/\/ \u89e3\u7ed1\u7eb9\u7406<\/span>
      \n GLES30.<\/span>glBindTexture<\/span>(<\/span>GLES30.<\/span>GL_TEXTURE_2D,<\/span> 0<\/span>)<\/span>
      \n Log.<\/span>e<\/span>(<\/span>
      \n "yang"<\/span><\/span>,<\/span>
      \n "loadTexture: \u7eb9\u7406\u52a0\u8f7d\u6210\u529f bitmap.width:<\/span>${<\/span>bitmap.<\/span>width<\/span>}<\/span><\/span> bitmap.height:<\/span>${<\/span>bitmap.<\/span>height<\/span>}<\/span><\/span>"<\/span><\/span>
      \n )<\/span>
      \n mImageWidth =<\/span> bitmap.<\/span>width
      \n mImageHeight =<\/span> bitmap.<\/span>height
      \n mTextureID[<\/span>0<\/span>]<\/span> =<\/span> textureId[<\/span>0<\/span>]<\/span>
      \n }<\/span>
      \n var<\/span> mImageHeight =<\/span> 0<\/span>
      \n var<\/span> mImageWidth =<\/span> 0<\/span><\/p>\n

      \/**
      \n * \u91cd\u7f6e\u77e9\u9635
      \n *\/<\/span>
      \n private<\/span> fun<\/span> resetMatrix<\/span>(<\/span>)<\/span> {<\/span>
      \n Matrix.<\/span>setIdentityM<\/span>(<\/span>mProjectionMatrix,<\/span> NO_OFFSET)<\/span>
      \n Matrix.<\/span>setIdentityM<\/span>(<\/span>mViewMatrix,<\/span> NO_OFFSET)<\/span>
      \n Matrix.<\/span>setIdentityM<\/span>(<\/span>mModelMatrix,<\/span> NO_OFFSET)<\/span>
      \n Matrix.<\/span>setIdentityM<\/span>(<\/span>mMVPMatrix,<\/span> NO_OFFSET)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u8ba1\u7b97\u6700\u7ec8\u53d8\u6362\u77e9\u9635
      \n *\/<\/span>
      \n private<\/span> fun<\/span> computeMVPMatrix<\/span>(<\/span>)<\/span> {<\/span>
      \n val<\/span> isLandscape =<\/span> mWidth ><\/span> mHeight
      \n val<\/span> viewPortRatio =<\/span>
      \n if<\/span> (<\/span>isLandscape)<\/span> mWidth.<\/span>toFloat<\/span>(<\/span>)<\/span> \/<\/span> mHeight else<\/span> mHeight.<\/span>toFloat<\/span>(<\/span>)<\/span> \/<\/span> mWidth<\/p>\n

      \/\/ \u8ba1\u7b97\u5305\u56f4\u56fe\u7247\u7684\u7403\u534a\u5f84<\/span>
      \n val<\/span> radius =<\/span> sqrt<\/span>(<\/span>1f<\/span> +<\/span> viewPortRatio *<\/span> viewPortRatio)<\/span>
      \n val<\/span> near =<\/span> 0.1f<\/span>
      \n val<\/span> far =<\/span> near +<\/span> 2<\/span> *<\/span> radius
      \n val<\/span> distance =<\/span> near \/<\/span> (<\/span>near +<\/span> radius)<\/span><\/p>\n

      \/\/ \u89c6\u56fe\u77e9\u9635View Matrix<\/span>
      \n Matrix.<\/span>setLookAtM<\/span>(<\/span>
      \n mViewMatrix,<\/span> NO_OFFSET,<\/span>
      \n 0f<\/span>,<\/span> 0f<\/span>,<\/span> near +<\/span> radius,<\/span> \/\/ \u76f8\u673a\u4f4d\u7f6e<\/span>
      \n 0f<\/span>,<\/span> 0f<\/span>,<\/span> 0f<\/span>,<\/span> \/\/ \u770b\u5411\u539f\u70b9<\/span>
      \n 0f<\/span>,<\/span> 1f<\/span>,<\/span> 0f<\/span> \/\/ \u4e0a\u65b9\u5411<\/span>
      \n )<\/span><\/p>\n

      \/\/ \u6295\u5f71\u77e9\u9635Projection Matrix<\/span>
      \n Matrix.<\/span>frustumM<\/span>(<\/span>
      \n mProjectionMatrix,<\/span> NO_OFFSET,<\/span>
      \n if<\/span> (<\/span>isLandscape)<\/span> (<\/span>–<\/span>viewPortRatio *<\/span> distance)<\/span> else<\/span> (<\/span>–<\/span>1f<\/span> *<\/span> distance)<\/span>,<\/span> \/\/ \u5de6\u8fb9\u754c<\/span>
      \n if<\/span> (<\/span>isLandscape)<\/span> (<\/span>viewPortRatio *<\/span> distance)<\/span> else<\/span> (<\/span>1f<\/span> *<\/span> distance)<\/span>,<\/span> \/\/ \u53f3\u8fb9\u754c<\/span>
      \n if<\/span> (<\/span>isLandscape)<\/span> (<\/span>–<\/span>1f<\/span> *<\/span> distance)<\/span> else<\/span> (<\/span>–<\/span>viewPortRatio *<\/span> distance)<\/span>,<\/span> \/\/ \u4e0b\u8fb9\u754c<\/span>
      \n if<\/span> (<\/span>isLandscape)<\/span> (<\/span>1f<\/span> *<\/span> distance)<\/span> else<\/span> (<\/span>viewPortRatio *<\/span> distance)<\/span>,<\/span> \/\/ \u4e0a\u8fb9\u754c<\/span>
      \n near,<\/span> \/\/ \u8fd1\u5e73\u9762<\/span>
      \n far \/\/ \u8fdc\u5e73\u9762<\/span>
      \n )<\/span><\/p>\n

      \/\/ \u2b50 \u6a21\u578b\u77e9\u9635（\u5b8c\u6574\u7684\u53d8\u6362）<\/span>
      \n Matrix.<\/span>setIdentityM<\/span>(<\/span>mModelMatrix,<\/span> NO_OFFSET)<\/span><\/p>\n

      \/\/ 1. \u5e73\u79fb<\/span>
      \n Matrix.<\/span>translateM<\/span>(<\/span>mModelMatrix,<\/span> NO_OFFSET,<\/span> translateX,<\/span> translateY,<\/span> translateZ)<\/span><\/p>\n

      \/\/ 2. \u65cb\u8f6c（\u987a\u5e8f：X \u2192 Y \u2192 Z）<\/span>
      \n if<\/span> (<\/span>rotationX !=<\/span> 0f<\/span>)<\/span> {<\/span>
      \n Matrix.<\/span>rotateM<\/span>(<\/span>mModelMatrix,<\/span> NO_OFFSET,<\/span> rotationX,<\/span> 1f<\/span>,<\/span> 0f<\/span>,<\/span> 0f<\/span>)<\/span>
      \n }<\/span>
      \n if<\/span> (<\/span>rotationY !=<\/span> 0f<\/span>)<\/span> {<\/span>
      \n Matrix.<\/span>rotateM<\/span>(<\/span>mModelMatrix,<\/span> NO_OFFSET,<\/span> rotationY,<\/span> 0f<\/span>,<\/span> 1f<\/span>,<\/span> 0f<\/span>)<\/span>
      \n }<\/span>
      \n if<\/span> (<\/span>rotationZ !=<\/span> 0f<\/span>)<\/span> {<\/span>
      \n Matrix.<\/span>rotateM<\/span>(<\/span>mModelMatrix,<\/span> NO_OFFSET,<\/span> rotationZ,<\/span> 0f<\/span>,<\/span> 0f<\/span>,<\/span> 1f<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/\/ 3. \u7f29\u653e<\/span>
      \n Matrix.<\/span>scaleM<\/span>(<\/span>mModelMatrix,<\/span> NO_OFFSET,<\/span> scaleX,<\/span> scaleY,<\/span> scaleZ)<\/span>
      \n \/\/ \u6700\u7ec8\u53d8\u6362\u77e9\u9635，\u7b2c\u4e00\u6b21\u53d8\u6362，\u6a21\u578b\u77e9\u9635 x \u89c6\u56fe\u77e9\u9635 = Model x View, \u4f46\u662fOpenGL ES\u77e9\u9635\u4e58\u6cd5\u662f\u53f3\u4e58，\u6240\u4ee5\u662fView x Model<\/span>
      \n Matrix.<\/span>multiplyMM<\/span>(<\/span>
      \n mMVPMatrix,<\/span>
      \n NO_OFFSET,<\/span>
      \n mViewMatrix,<\/span>
      \n NO_OFFSET,<\/span>
      \n mModelMatrix,<\/span>
      \n NO_OFFSET
      \n )<\/span><\/p>\n

      \/\/ \u6700\u7ec8\u53d8\u6362\u77e9\u9635，\u7b2c\u4e8c\u6b21\u53d8\u6362，\u6a21\u578b\u77e9\u9635 x \u89c6\u56fe\u77e9\u9635 x \u6295\u5f71\u77e9\u9635 = Model x View x Projection, \u4f46\u662fOpenGL ES\u77e9\u9635\u4e58\u6cd5\u662f\u53f3\u4e58，\u6240\u4ee5\u662fProjection x View x Model<\/span>
      \n Matrix.<\/span>multiplyMM<\/span>(<\/span>
      \n mMVPMatrix,<\/span>
      \n NO_OFFSET,<\/span>
      \n mProjectionMatrix,<\/span>
      \n NO_OFFSET,<\/span>
      \n mMVPMatrix,<\/span>
      \n NO_OFFSET
      \n )<\/span><\/p>\n

      \/\/ \u7eb9\u7406\u5750\u6807\u7cfb\u4e3a(0, 0), (1, 0), (1, 1), (0, 1)\u7684\u6b63\u65b9\u5f62\u9006\u65f6\u9488\u5750\u6807\u7cfb，\u4eceBitmap\u751f\u6210\u7eb9\u7406，\u5373\u50cf\u7d20\u62f7\u8d1d\u5230\u7eb9\u7406\u5750\u6807\u7cfb<\/span>
      \n \/\/ \u53d8\u6362\u77e9\u9635\u9700\u8981\u52a0\u4e0a\u4e00\u4e2ay\u65b9\u5411\u7684\u7ffb\u8f6c, x\u65b9\u5411\u548cz\u65b9\u5411\u4e0d\u6539\u53d8<\/span>
      \n Matrix.<\/span>scaleM<\/span>(<\/span>
      \n mMVPMatrix,<\/span>
      \n NO_OFFSET,<\/span>
      \n 1f<\/span>,<\/span>
      \n –<\/span>1f<\/span>,<\/span>
      \n 1f<\/span>,<\/span>
      \n )<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u6e05\u9664\u7f13\u51b2\u533a
      \n *\/<\/span>
      \n private<\/span> fun<\/span> clearBuffers<\/span>(<\/span>)<\/span> {<\/span>
      \n \/\/ \u6e05\u9664\u989c\u8272\u7f13\u51b2\u533a<\/span>
      \n GLES30.<\/span>glClear<\/span>(<\/span>GLES30.<\/span>GL_COLOR_BUFFER_BIT)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u7ed8\u5236\u56fe\u5f62
      \n *\/<\/span>
      \n private<\/span> fun<\/span> draw<\/span>(<\/span>)<\/span> {<\/span>
      \n val<\/span> state =<\/span> saveGLState<\/span>(<\/span>)<\/span>
      \n try<\/span> {<\/span>
      \n GLES30.<\/span>glUseProgram<\/span>(<\/span>mProgram)<\/span>
      \n enableTexture0<\/span>(<\/span>mProgram,<\/span> mTextureID[<\/span>0<\/span>]<\/span>)<\/span>
      \n \/\/ \u89e3\u6790\u53d8\u6362\u77e9\u9635<\/span>
      \n val<\/span> matrixHandle =<\/span> GLES30.<\/span>glGetUniformLocation<\/span>(<\/span>mProgram,<\/span> "uMVPMatrix"<\/span><\/span>)<\/span>
      \n GLES30.<\/span>glUniformMatrix4fv<\/span>(<\/span>matrixHandle,<\/span> 1<\/span>,<\/span> false<\/span>,<\/span> mMVPMatrix,<\/span> NO_OFFSET)<\/span><\/p>\n

      \/\/ \u7ed1\u5b9aVAO<\/span>
      \n GLES30.<\/span>glBindVertexArray<\/span>(<\/span>mVAO[<\/span>0<\/span>]<\/span>)<\/span>
      \n \/\/ \u7ed8\u5236\u56fe\u5f62<\/span>
      \n GLES30.<\/span>glDrawElements<\/span>(<\/span>
      \n GLES30.<\/span>GL_TRIANGLES,<\/span>
      \n index.<\/span>size,<\/span>
      \n GLES30.<\/span>GL_UNSIGNED_SHORT,<\/span>
      \n NO_OFFSET
      \n )<\/span>
      \n \/\/ \u89e3\u7ed1VAO<\/span>
      \n GLES30.<\/span>glBindVertexArray<\/span>(<\/span>0<\/span>)<\/span>
      \n disableTexture0<\/span>(<\/span>)<\/span>
      \n }<\/span> finally<\/span> {<\/span>
      \n restoreGLState<\/span>(<\/span>state)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u91ca\u653e\u8d44\u6e90
      \n *\/<\/span>
      \n private<\/span> fun<\/span> release<\/span>(<\/span>)<\/span> {<\/span>
      \n \/\/ \u5220\u9664\u7740\u8272\u5668\u7a0b\u5e8f\u3001VAO\u3001VBO\u548c\u7eb9\u7406\u7b49OpenGL\u8d44\u6e90<\/span>
      \n animator?<\/span>.<\/span>cancel<\/span>(<\/span>)<\/span>
      \n animator =<\/span> null<\/span><\/p>\n

      if<\/span> (<\/span>mVAO[<\/span>0<\/span>]<\/span> !=<\/span> 0<\/span>)<\/span> {<\/span>
      \n GLES30.<\/span>glDeleteVertexArrays<\/span>(<\/span>1<\/span>,<\/span> mVAO,<\/span> 0<\/span>)<\/span>
      \n }<\/span>
      \n if<\/span> (<\/span>mVBO[<\/span>0<\/span>]<\/span> !=<\/span> 0<\/span>)<\/span> {<\/span>
      \n GLES30.<\/span>glDeleteBuffers<\/span>(<\/span>1<\/span>,<\/span> mVBO,<\/span> 0<\/span>)<\/span>
      \n }<\/span>
      \n if<\/span> (<\/span>mIBO[<\/span>0<\/span>]<\/span> !=<\/span> 0<\/span>)<\/span> {<\/span>
      \n GLES30.<\/span>glDeleteBuffers<\/span>(<\/span>1<\/span>,<\/span> mIBO,<\/span> 0<\/span>)<\/span>
      \n }<\/span>
      \n if<\/span> (<\/span>mTextureID[<\/span>0<\/span>]<\/span> !=<\/span> 0<\/span>)<\/span> {<\/span>
      \n GLES30.<\/span>glDeleteTextures<\/span>(<\/span>1<\/span>,<\/span> mTextureID,<\/span> 0<\/span>)<\/span>
      \n }<\/span>
      \n if<\/span> (<\/span>mProgram !=<\/span> –<\/span>1<\/span>)<\/span> {<\/span>
      \n GLES30.<\/span>glDeleteProgram<\/span>(<\/span>mProgram)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      \/\/ ==================== \u65b0\u589e：\u5e26\u4e2d\u5fc3\u70b9\u7684\u7f29\u653e API ====================<\/span><\/p>\n

      \/**
      \n * \u4ee5\u6307\u5b9a\u70b9\u4e3a\u4e2d\u5fc3\u8fdb\u884c\u7f29\u653e（\u7acb\u5373\u751f\u6548，\u65e0\u52a8\u753b）
      \n * @param scaleFactor \u7f29\u653e\u56e0\u5b50（\u76f8\u5bf9\u4e8e\u5f53\u524d\u7f29\u653e）
      \n * @param centerX \u7f29\u653e\u4e2d\u5fc3X（\u5c4f\u5e55\u5750\u6807）
      \n * @param centerY \u7f29\u653e\u4e2d\u5fc3Y（\u5c4f\u5e55\u5750\u6807）
      \n *\/<\/span>
      \n fun<\/span> scaleWithCenter<\/span>(<\/span>
      \n scaleFactor:<\/span> Float,<\/span>
      \n centerX:<\/span> Float,<\/span>
      \n centerY:<\/span> Float,<\/span>
      \n requestCallback:<\/span> (<\/span>)<\/span> -><\/span> Unit
      \n )<\/span> {<\/span>
      \n if<\/span> (<\/span>mWidth ==<\/span> 0<\/span> ||<\/span> mHeight ==<\/span> 0<\/span>)<\/span> {<\/span>
      \n Log.<\/span>w<\/span>(<\/span>"BaseOpenGLData"<\/span><\/span>,<\/span> "View size not set, cannot scale with center"<\/span><\/span>)<\/span>
      \n return<\/span>
      \n }<\/span><\/p>\n

      \/\/ 1. \u5c4f\u5e55\u5750\u6807 \u2192 OpenGL \u5f52\u4e00\u5316\u5750\u6807<\/span>
      \n val<\/span> normalizedX =<\/span> (<\/span>centerX \/<\/span> mWidth)<\/span> *<\/span> 2f<\/span> –<\/span> 1f<\/span>
      \n val<\/span> normalizedY =<\/span> 1f<\/span> –<\/span> (<\/span>centerY \/<\/span> mHeight)<\/span> *<\/span> 2f<\/span><\/p>\n

      \/\/ 2. \u8ba1\u7b97\u7f29\u653e\u524d\u8be5\u70b9\u5728\u6a21\u578b\u7a7a\u95f4\u7684\u4f4d\u7f6e<\/span>
      \n val<\/span> pointBeforeX =<\/span> (<\/span>normalizedX –<\/span> translateX)<\/span> \/<\/span> scaleX
      \n val<\/span> pointBeforeY =<\/span> (<\/span>normalizedY –<\/span> translateY)<\/span> \/<\/span> scaleY<\/p>\n

      \/\/ 3. \u5e94\u7528\u65b0\u7684\u7f29\u653e<\/span>
      \n val<\/span> newScaleX =<\/span> scaleX *<\/span> scaleFactor
      \n val<\/span> newScaleY =<\/span> scaleY *<\/span> scaleFactor<\/p>\n

      \/\/ \u9650\u5236\u7f29\u653e\u8303\u56f4<\/span>
      \n scaleX =<\/span> newScaleX.<\/span>coerceIn<\/span>(<\/span>MIN_SCALE,<\/span> MAX_SCALE)<\/span>
      \n scaleY =<\/span> newScaleY.<\/span>coerceIn<\/span>(<\/span>MIN_SCALE,<\/span> MAX_SCALE)<\/span><\/p>\n

      \/\/ 4. \u8ba1\u7b97\u7f29\u653e\u540e\u8be5\u70b9\u5728\u6a21\u578b\u7a7a\u95f4\u7684\u4f4d\u7f6e<\/span>
      \n val<\/span> pointAfterX =<\/span> pointBeforeX *<\/span> scaleX
      \n val<\/span> pointAfterY =<\/span> pointBeforeY *<\/span> scaleY<\/p>\n

      \/\/ 5. \u8c03\u6574\u5e73\u79fb\u91cf，\u4f7f\u8be5\u70b9\u4fdd\u6301\u5728\u539f\u4f4d\u7f6e<\/span>
      \n translateX =<\/span> normalizedX –<\/span> pointAfterX
      \n translateY =<\/span> normalizedY –<\/span> pointAfterY<\/p>\n

      \/\/ 6. \u66f4\u65b0\u77e9\u9635<\/span>
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n requestCallback<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u4ee5\u6307\u5b9a\u70b9\u4e3a\u4e2d\u5fc3\u8fdb\u884c\u7f29\u653e\u52a8\u753b
      \n * @param targetScale \u76ee\u6807\u7f29\u653e\u503c（\u7edd\u5bf9\u503c）
      \n * @param centerX \u7f29\u653e\u4e2d\u5fc3X（\u5c4f\u5e55\u5750\u6807）
      \n * @param centerY \u7f29\u653e\u4e2d\u5fc3Y（\u5c4f\u5e55\u5750\u6807）
      \n * @param duration \u52a8\u753b\u65f6\u957f
      \n *\/<\/span>
      \n fun<\/span> animateScaleWithCenter<\/span>(<\/span>
      \n targetScale:<\/span> Float,<\/span>
      \n centerX:<\/span> Float,<\/span>
      \n centerY:<\/span> Float,<\/span>
      \n duration:<\/span> Long =<\/span> ANIMATION_DURATION,<\/span>
      \n requestCallback:<\/span> (<\/span>)<\/span> -><\/span> Unit
      \n )<\/span> {<\/span>
      \n cancelAnimation<\/span>(<\/span>)<\/span>
      \n val<\/span> startScaleX =<\/span> scaleX
      \n val<\/span> startScaleY =<\/span> scaleY
      \n val<\/span> startTranslateX =<\/span> translateX
      \n val<\/span> startTranslateY =<\/span> translateY<\/p>\n

      \/\/ \u5c4f\u5e55\u5750\u6807 \u2192 OpenGL \u5f52\u4e00\u5316\u5750\u6807<\/span>
      \n val<\/span> normalizedX =<\/span> (<\/span>centerX \/<\/span> mWidth)<\/span> *<\/span> 2f<\/span> –<\/span> 1f<\/span>
      \n val<\/span> normalizedY =<\/span> 1f<\/span> –<\/span> (<\/span>centerY \/<\/span> mHeight)<\/span> *<\/span> 2f<\/span><\/p>\n

      \/\/ \u8ba1\u7b97\u7f29\u653e\u524d\u8be5\u70b9\u5728\u6a21\u578b\u7a7a\u95f4\u7684\u4f4d\u7f6e<\/span>
      \n val<\/span> pointBeforeX =<\/span> (<\/span>normalizedX –<\/span> startTranslateX)<\/span> \/<\/span> startScaleX
      \n val<\/span> pointBeforeY =<\/span> (<\/span>normalizedY –<\/span> startTranslateY)<\/span> \/<\/span> startScaleY<\/p>\n

      \/\/ \u9650\u5236\u76ee\u6807\u7f29\u653e\u8303\u56f4<\/span>
      \n val<\/span> clampedTargetScale =<\/span> targetScale.<\/span>coerceIn<\/span>(<\/span>MIN_SCALE,<\/span> MAX_SCALE)<\/span><\/p>\n

      \/\/ \u8ba1\u7b97\u76ee\u6807\u5e73\u79fb\u91cf<\/span>
      \n val<\/span> pointAfterX =<\/span> pointBeforeX *<\/span> clampedTargetScale
      \n val<\/span> pointAfterY =<\/span> pointBeforeY *<\/span> clampedTargetScale
      \n val<\/span> targetTranslateX =<\/span> normalizedX –<\/span> pointAfterX
      \n val<\/span> targetTranslateY =<\/span> normalizedY –<\/span> pointAfterY<\/p>\n

      animator =<\/span> ValueAnimator.<\/span>ofFloat<\/span>(<\/span>0f<\/span>,<\/span> 1f<\/span>)<\/span>.<\/span>apply<\/span> {<\/span>
      \n this<\/span>.<\/span>duration =<\/span> duration
      \n interpolator =<\/span> DecelerateInterpolator<\/span>(<\/span>)<\/span><\/p>\n

      addUpdateListener {<\/span> animator -><\/span>
      \n val<\/span> fraction =<\/span> animator.<\/span>animatedValue as<\/span> Float<\/p>\n

      scaleX =<\/span> startScaleX +<\/span> (<\/span>clampedTargetScale –<\/span> startScaleX)<\/span> *<\/span> fraction
      \n scaleY =<\/span> startScaleY +<\/span> (<\/span>clampedTargetScale –<\/span> startScaleY)<\/span> *<\/span> fraction
      \n translateX =<\/span> startTranslateX +<\/span> (<\/span>targetTranslateX –<\/span> startTranslateX)<\/span> *<\/span> fraction
      \n translateY =<\/span> startTranslateY +<\/span> (<\/span>targetTranslateY –<\/span> startTranslateY)<\/span> *<\/span> fraction
      \n computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n requestCallback<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      start<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      \/**
      \n * \u91cd\u7f6e\u5230\u521d\u59cb\u72b6\u6001（\u5e26\u52a8\u753b）
      \n *\/<\/span>
      \n fun<\/span> animateReset<\/span>(<\/span>
      \n targetScale:<\/span> Float =<\/span> 1f<\/span>,<\/span>
      \n duration:<\/span> Long =<\/span> ANIMATION_DURATION,<\/span>
      \n requestCallback:<\/span> (<\/span>)<\/span> -><\/span> Unit
      \n )<\/span> {<\/span>
      \n cancelAnimation<\/span>(<\/span>)<\/span>
      \n val<\/span> startScaleX =<\/span> scaleX
      \n val<\/span> startScaleY =<\/span> scaleY
      \n val<\/span> startTranslateX =<\/span> translateX
      \n val<\/span> startTranslateY =<\/span> translateY<\/p>\n

      animator =<\/span> ValueAnimator.<\/span>ofFloat<\/span>(<\/span>0f<\/span>,<\/span> 1f<\/span>)<\/span>.<\/span>apply<\/span> {<\/span>
      \n this<\/span>.<\/span>duration =<\/span> duration
      \n interpolator =<\/span> DecelerateInterpolator<\/span>(<\/span>)<\/span><\/p>\n

      addUpdateListener {<\/span> animator -><\/span>
      \n val<\/span> fraction =<\/span> animator.<\/span>animatedValue as<\/span> Float<\/p>\n

      scaleX =<\/span> startScaleX +<\/span> (<\/span>targetScale –<\/span> startScaleX)<\/span> *<\/span> fraction
      \n scaleY =<\/span> startScaleY +<\/span> (<\/span>targetScale –<\/span> startScaleY)<\/span> *<\/span> fraction
      \n translateX =<\/span> startTranslateX +<\/span> (<\/span>0f<\/span> –<\/span> startTranslateX)<\/span> *<\/span> fraction
      \n translateY =<\/span> startTranslateY +<\/span> (<\/span>0f<\/span> –<\/span> startTranslateY)<\/span> *<\/span> fraction<\/p>\n

      computeMVPMatrix<\/span>(<\/span>)<\/span>
      \n requestCallback<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      start<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> cancelAnimation<\/span>(<\/span>)<\/span>{<\/span>
      \n animator?<\/span>.<\/span>cancel<\/span>(<\/span>)<\/span>
      \n animator =<\/span> null<\/span>
      \n }<\/span>
      \n}<\/span><\/p>\n

      object<\/span> OpenGLUtils {<\/span><\/p>\n

      \/\/ OpenGL\u72b6\u6001\u6570\u636e\u7c7b<\/span>
      \n data<\/span> class<\/span> GLState<\/span>(<\/span>
      \n val<\/span> viewport:<\/span> IntArray,<\/span>
      \n val<\/span> program:<\/span> Int,<\/span>
      \n val<\/span> framebuffer:<\/span> Int
      \n )<\/span><\/p>\n

      \/\/ \u4fdd\u5b58OpenGL\u72b6\u6001<\/span>
      \n fun<\/span> saveGLState<\/span>(<\/span>)<\/span>:<\/span> GLState {<\/span>
      \n val<\/span> viewport =<\/span> IntArray<\/span>(<\/span>4<\/span>)<\/span>
      \n val<\/span> program =<\/span> IntArray<\/span>(<\/span>1<\/span>)<\/span>
      \n val<\/span> framebuffer =<\/span> IntArray<\/span>(<\/span>1<\/span>)<\/span>
      \n GLES30.<\/span>glGetIntegerv<\/span>(<\/span>GLES30.<\/span>GL_VIEWPORT,<\/span> viewport,<\/span> 0<\/span>)<\/span>
      \n GLES30.<\/span>glGetIntegerv<\/span>(<\/span>GLES30.<\/span>GL_CURRENT_PROGRAM,<\/span> program,<\/span> 0<\/span>)<\/span>
      \n GLES30.<\/span>glGetIntegerv<\/span>(<\/span>GLES30.<\/span>GL_FRAMEBUFFER_BINDING,<\/span> framebuffer,<\/span> 0<\/span>)<\/span>
      \n return<\/span> GLState<\/span>(<\/span>viewport,<\/span> program[<\/span>0<\/span>]<\/span>,<\/span> framebuffer[<\/span>0<\/span>]<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/\/ \u6062\u590dOpenGL\u72b6\u6001<\/span>
      \n fun<\/span> restoreGLState<\/span>(<\/span>state:<\/span> GLState)<\/span> {<\/span>
      \n GLES30.<\/span>glViewport<\/span>(<\/span>
      \n state.<\/span>viewport[<\/span>0<\/span>]<\/span>,<\/span>
      \n state.<\/span>viewport[<\/span>1<\/span>]<\/span>,<\/span>
      \n state.<\/span>viewport[<\/span>2<\/span>]<\/span>,<\/span>
      \n state.<\/span>viewport[<\/span>3<\/span>]<\/span>
      \n )<\/span>
      \n GLES30.<\/span>glUseProgram<\/span>(<\/span>state.<\/span>program)<\/span>
      \n GLES30.<\/span>glBindFramebuffer<\/span>(<\/span>GLES30.<\/span>GL_FRAMEBUFFER,<\/span> state.<\/span>framebuffer)<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> enableTexture0<\/span>(<\/span>program:<\/span> Int,<\/span> id:<\/span> Int)<\/span> {<\/span>
      \n GLES30.<\/span>glActiveTexture<\/span>(<\/span>GLES30.<\/span>GL_TEXTURE0)<\/span>
      \n GLES30.<\/span>glBindTexture<\/span>(<\/span>GLES30.<\/span>GL_TEXTURE_2D,<\/span> id)<\/span>
      \n val<\/span> textureSampleHandle =<\/span> GLES30.<\/span>glGetUniformLocation<\/span>(<\/span>program,<\/span> "uTexture_0"<\/span><\/span>)<\/span>
      \n if<\/span> (<\/span>textureSampleHandle !=<\/span> –<\/span>1<\/span>)<\/span> {<\/span>
      \n GLES30.<\/span>glUniform1i<\/span>(<\/span>textureSampleHandle,<\/span> 0<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> disableTexture0<\/span>(<\/span>)<\/span> {<\/span>
      \n GLES30.<\/span>glActiveTexture<\/span>(<\/span>GLES30.<\/span>GL_TEXTURE0)<\/span>
      \n GLES30.<\/span>glBindTexture<\/span>(<\/span>GLES30.<\/span>GL_TEXTURE_2D,<\/span> 0<\/span>)<\/span>
      \n }<\/span><\/p>\n

      \/\/ \u521b\u5efa\u7740\u8272\u5668\u5bf9\u8c61<\/span>
      \n fun<\/span> loadShader<\/span>(<\/span>type:<\/span> Int,<\/span> source:<\/span> String)<\/span>:<\/span> Int {<\/span>
      \n val<\/span> shader =<\/span> GLES30.<\/span>glCreateShader<\/span>(<\/span>type)<\/span>
      \n GLES30.<\/span>glShaderSource<\/span>(<\/span>shader,<\/span> source)<\/span>
      \n GLES30.<\/span>glCompileShader<\/span>(<\/span>shader)<\/span>
      \n return<\/span> shader
      \n }<\/span>
      \n}<\/span><\/p>\n

      \u6e32\u67d3\u5f15\u64ce<\/h2>\n

      \u6e32\u67d3\u5f15\u64ce\u63a5\u53e3<\/h3>\n

      \/**
      \n * OpenGL\u6e32\u67d3\u5f15\u64ce\u63a5\u53e3
      \n *\/<\/span>
      \ninterface<\/span> OpenGLEngine {<\/span>
      \n \/**
      \n * SurfaceHolder\u56de\u8c03，\u7528\u4e8e\u7ed1\u5b9a\u5230SurfaceView
      \n *\/<\/span>
      \n val<\/span> callback:<\/span> SurfaceHolder.<\/span>Callback<\/p>\n

      \/**
      \n * \u8bf7\u6c42\u6267\u884c\u4e00\u6b21\u6e32\u67d3
      \n *\/<\/span>
      \n fun<\/span> requestRender<\/span>(<\/span>mode :<\/span> Int?<\/span> =<\/span> null<\/span>)<\/span><\/p>\n

      \/**
      \n * \u91ca\u653e\u8d44\u6e90（\u5728 View detach \u65f6\u8c03\u7528）
      \n *\/<\/span>
      \n fun<\/span> release<\/span>(<\/span>)<\/span>
      \n}<\/span><\/p>\n

      \u6e32\u67d3\u5f15\u64ce\u63a5\u53e3\u5b9e\u73b0<\/h3>\n

      open<\/span> class<\/span> BaseOpenGLEngine<\/span>(<\/span>private<\/span> val<\/span> renderData:<\/span> OpenGLData)<\/span> :<\/span> OpenGLEngine {<\/span>
      \n private<\/span> var<\/span> mRenderThread:<\/span> RenderThread?<\/span> =<\/span> null<\/span><\/p>\n

      override<\/span> val<\/span> callback:<\/span> SurfaceHolder.<\/span>Callback =<\/span> object<\/span> :<\/span> SurfaceHolder.<\/span>Callback<\/span> {<\/span>
      \n override<\/span> fun<\/span> surfaceCreated<\/span>(<\/span>holder:<\/span> SurfaceHolder)<\/span> {<\/span>
      \n val<\/span> thread =<\/span> mRenderThread
      \n if<\/span> (<\/span>thread !=<\/span> null<\/span> &&<\/span> thread.<\/span>isAlive)<\/span> {<\/span>
      \n \/\/ \u590d\u7528\u5df2\u6709\u7ebf\u7a0b，\u53ea\u66f4\u65b0 Surface<\/span>
      \n thread.<\/span>updateSurface<\/span>(<\/span>holder.<\/span>surface)<\/span>
      \n }<\/span> else<\/span> {<\/span>
      \n mRenderThread =<\/span> RenderThread<\/span>(<\/span>holder.<\/span>surface,<\/span> renderData)<\/span>.<\/span>apply<\/span> {<\/span>
      \n start<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> surfaceChanged<\/span>(<\/span>holder:<\/span> SurfaceHolder,<\/span> format:<\/span> Int,<\/span> width:<\/span> Int,<\/span> height:<\/span> Int)<\/span> {<\/span>
      \n mRenderThread?<\/span>.<\/span>updateSize<\/span>(<\/span>width,<\/span> height)<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> surfaceDestroyed<\/span>(<\/span>holder:<\/span> SurfaceHolder)<\/span> {<\/span>
      \n \/\/ \u4e0d\u9500\u6bc1\u7ebf\u7a0b，\u53ea\u6682\u505c\u6e32\u67d3<\/span>
      \n mRenderThread?<\/span>.<\/span>pause<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> requestRender<\/span>(<\/span>mode:<\/span> Int?<\/span>)<\/span> {<\/span>
      \n mRenderThread?<\/span>.<\/span>requestRender<\/span>(<\/span>mode)<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> release<\/span>(<\/span>)<\/span> {<\/span>
      \n mRenderThread?<\/span>.<\/span>shutdown<\/span>(<\/span>)<\/span>
      \n mRenderThread =<\/span> null<\/span>
      \n }<\/span>
      \n}<\/span><\/p>\n

      \u6e32\u67d3\u7ebf\u7a0b<\/h2>\n

      class<\/span> RenderThread<\/span>(<\/span>
      \n @Volatile<\/span> private<\/span> var<\/span> surface:<\/span> Surface,<\/span>
      \n private<\/span> val<\/span> renderData:<\/span> OpenGLData
      \n)<\/span> :<\/span> Thread<\/span>(<\/span>)<\/span> {<\/span>
      \n private<\/span> val<\/span> TAG =<\/span> "RenderThread"<\/span><\/span><\/p>\n

      private<\/span> var<\/span> mEGLEnvironment:<\/span> EGLEnvironmentBuilder.<\/span>EGLEnvironment?<\/span> =<\/span> null<\/span><\/p>\n

      @Volatile<\/span>
      \n private<\/span> var<\/span> running =<\/span> true<\/span><\/p>\n

      @Volatile<\/span>
      \n private<\/span> var<\/span> paused =<\/span> false<\/span><\/p>\n

      @Volatile<\/span>
      \n private<\/span> var<\/span> surfaceUpdated =<\/span> false<\/span><\/p>\n

      @Volatile<\/span>
      \n private<\/span> var<\/span> sizeChanged =<\/span> false<\/span><\/p>\n

      @Volatile<\/span>
      \n private<\/span> var<\/span> renderMode =<\/span> RENDERMODE_WHEN_DIRTY<\/p>\n

      @Volatile<\/span>
      \n private<\/span> var<\/span> requestRender =<\/span> true<\/span>
      \n private<\/span> var<\/span> mCacheWidth =<\/span> 0<\/span>
      \n private<\/span> var<\/span> mCacheHeight =<\/span> 0<\/span>
      \n private<\/span> val<\/span> lock =<\/span> Object<\/span>(<\/span>)<\/span><\/p>\n

      fun<\/span> updateSurface<\/span>(<\/span>newSurface:<\/span> Surface)<\/span> {<\/span>
      \n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
      \n surface =<\/span> newSurface
      \n surfaceUpdated =<\/span> true<\/span>
      \n paused =<\/span> false<\/span>
      \n lock.<\/span>notifyAll<\/span>(<\/span>)<\/span>
      \n Log.<\/span>d<\/span>(<\/span>TAG,<\/span> "updateSurface"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> pause<\/span>(<\/span>)<\/span> {<\/span>
      \n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
      \n paused =<\/span> true<\/span>
      \n Log.<\/span>d<\/span>(<\/span>TAG,<\/span> "pause"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> updateSize<\/span>(<\/span>width:<\/span> Int,<\/span> height:<\/span> Int)<\/span> {<\/span>
      \n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
      \n if<\/span> (<\/span>width <=<\/span> 0<\/span> ||<\/span> height <=<\/span> 0<\/span>)<\/span> return<\/span>
      \n mCacheWidth =<\/span> width
      \n mCacheHeight =<\/span> height
      \n sizeChanged =<\/span> true<\/span>
      \n requestRender =<\/span> true<\/span>
      \n lock.<\/span>notifyAll<\/span>(<\/span>)<\/span>
      \n Log.<\/span>d<\/span>(<\/span>TAG,<\/span> "updateSize width = <\/span>$<\/span>width<\/span><\/span>, height = <\/span>$<\/span>height<\/span><\/span>"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> requestRender<\/span>(<\/span>mode:<\/span> Int?<\/span> =<\/span> null<\/span>)<\/span> {<\/span>
      \n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
      \n mode?<\/span>.<\/span>let<\/span> {<\/span> renderMode =<\/span> it }<\/span>
      \n requestRender =<\/span> true<\/span>
      \n lock.<\/span>notifyAll<\/span>(<\/span>)<\/span>
      \n Log.<\/span>d<\/span>(<\/span>TAG,<\/span> "requestRender${<\/span>mode?<\/span>.<\/span>let<\/span> {<\/span> " mode = <\/span>$<\/span>it<\/span><\/span>"<\/span><\/span> }<\/span> ?:<\/span> ""<\/span><\/span>}<\/span>")<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      fun<\/span> shutdown<\/span>(<\/span>)<\/span> {<\/span>
      \n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
      \n running =<\/span> false<\/span>
      \n paused =<\/span> false<\/span>
      \n lock.<\/span>notifyAll<\/span>(<\/span>)<\/span>
      \n Log.<\/span>d<\/span>(<\/span>TAG,<\/span> "shutdown"<\/span><\/span>)<\/span>
      \n }<\/span>
      \n join<\/span>(<\/span>)<\/span><\/p>\n

      renderData.<\/span>onSurfaceDestroyed<\/span>(<\/span>)<\/span>
      \n mEGLEnvironment?<\/span>.<\/span>release<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> run<\/span>(<\/span>)<\/span> {<\/span>
      \n mEGLEnvironment =<\/span> EGLEnvironmentBuilder<\/span>(<\/span>)<\/span>.<\/span>build<\/span>(<\/span>surface)<\/span>
      \n renderData.<\/span>onSurfaceCreated<\/span>(<\/span>)<\/span>
      \n renderLoop<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      private<\/span> fun<\/span> renderLoop<\/span>(<\/span>)<\/span> {<\/span>
      \n while<\/span> (<\/span>running)<\/span> {<\/span>
      \n var<\/span> shouldRender =<\/span> false<\/span>
      \n synchronized<\/span>(<\/span>lock)<\/span> {<\/span>
      \n \/\/ \u7b49\u5f85\u6761\u4ef6：\u672a\u6682\u505c\u4e14\u6709\u6e32\u67d3\u8bf7\u6c42<\/span>
      \n while<\/span> (<\/span>running &&<\/span> (<\/span>paused ||<\/span> (<\/span>!<\/span>requestRender &&<\/span> !<\/span>sizeChanged &&<\/span> !<\/span>surfaceUpdated &&<\/span> renderMode !=<\/span> RENDERMODE_CONTINUOUSLY)<\/span>)<\/span>)<\/span> {<\/span>
      \n lock.<\/span>wait<\/span>(<\/span>)<\/span>
      \n }<\/span><\/p>\n

      if<\/span> (<\/span>!<\/span>running)<\/span> return<\/span><\/p>\n

      \/\/ \u5904\u7406 Surface \u66f4\u65b0（\u91cd\u5efa EGLSurface）<\/span>
      \n if<\/span> (<\/span>surfaceUpdated)<\/span> {<\/span>
      \n mEGLEnvironment?<\/span>.<\/span>updateSurface<\/span>(<\/span>surface)<\/span>
      \n surfaceUpdated =<\/span> false<\/span>
      \n requestRender =<\/span> true<\/span>
      \n }<\/span><\/p>\n

      if<\/span> (<\/span>!<\/span>paused)<\/span> {<\/span>
      \n \/\/ \u5904\u7406\u5c3a\u5bf8\u53d8\u5316<\/span>
      \n if<\/span> (<\/span>sizeChanged)<\/span> {<\/span>
      \n renderData.<\/span>onSurfaceChanged<\/span>(<\/span>mCacheWidth,<\/span> mCacheHeight)<\/span>
      \n sizeChanged =<\/span> false<\/span>
      \n }<\/span><\/p>\n

      \/\/ \u5904\u7406\u6e32\u67d3<\/span>
      \n if<\/span> (<\/span>requestRender ||<\/span> renderMode ==<\/span> RENDERMODE_CONTINUOUSLY)<\/span> {<\/span>
      \n shouldRender =<\/span> true<\/span>
      \n requestRender =<\/span> false<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      \/\/ \u6e32\u67d3\u653e\u5728\u9501\u5916\u6267\u884c，\u907f\u514d\u957f\u65f6\u95f4\u6301\u9501<\/span>
      \n if<\/span> (<\/span>shouldRender)<\/span> {<\/span>
      \n renderData.<\/span>onDrawFrame<\/span>(<\/span>)<\/span>
      \n mEGLEnvironment?<\/span>.<\/span>swapBuffers<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span>
      \n}<\/span><\/p>\n

      activity_main\u7684XML\u6587\u4ef6<\/h2>\n

      <?xml version="1.0" encoding="utf-8"?><\/span>
      \n<<\/span>LinearLayout<\/span> xmlns:<\/span>android<\/span>=<\/span>"<\/span>http:\/\/schemas.android.com\/apk\/res\/android"<\/span><\/span>
      \n android:<\/span>layout_width<\/span>=<\/span>"<\/span>match_parent"<\/span><\/span>
      \n android:<\/span>layout_height<\/span>=<\/span>"<\/span>match_parent"<\/span><\/span>
      \n android:<\/span>orientation<\/span>=<\/span>"<\/span>vertical"<\/span><\/span>><\/span><\/span><\/p>\n

      <!– \u9884\u89c8\u533aFragment\u5bb9\u5668 –><\/span>
      \n <<\/span>FrameLayout<\/span>
      \n android:<\/span>id<\/span>=<\/span>"<\/span>@id\/preview_fragment_container"<\/span><\/span>
      \n android:<\/span>layout_width<\/span>=<\/span>"<\/span>match_parent"<\/span><\/span>
      \n android:<\/span>layout_height<\/span>=<\/span>"<\/span>0dp"<\/span><\/span>
      \n android:<\/span>layout_weight<\/span>=<\/span>"<\/span>1"<\/span><\/span>
      \n android:<\/span>background<\/span>=<\/span>"<\/span>#000000"<\/span><\/span>><\/span><\/span>
      \n <<\/span>com.example.render.opengl.BaseSurfaceView<\/span>
      \n android:<\/span>layout_width<\/span>=<\/span>"<\/span>match_parent"<\/span><\/span>
      \n android:<\/span>layout_height<\/span>=<\/span>"<\/span>match_parent"<\/span><\/span>\/><\/span><\/span>
      \n <\/<\/span>FrameLayout<\/span>><\/span><\/span><\/p>\n

      <!– \u64cd\u4f5c\u533aFragment\u5bb9\u5668 –><\/span>
      \n <<\/span>FrameLayout<\/span>
      \n android:<\/span>id<\/span>=<\/span>"<\/span>@+id\/operate_fragment_container"<\/span><\/span>
      \n android:<\/span>layout_width<\/span>=<\/span>"<\/span>match_parent"<\/span><\/span>
      \n android:<\/span>layout_height<\/span>=<\/span>"<\/span>230dp"<\/span><\/span>
      \n android:<\/span>background<\/span>=<\/span>"<\/span>#F5F5F5"<\/span><\/span> \/><\/span><\/span>
      \n<\/<\/span>LinearLayout<\/span>><\/span><\/span><\/p>\n

      Activity\u7684\u4ee3\u7801<\/h2>\n

      class<\/span> MainActivity :<\/span> AppCompatActivity<\/span>(<\/span>)<\/span> {<\/span>\\\\
      \n override<\/span> fun<\/span> onCreate<\/span>(<\/span>savedInstanceState:<\/span> Bundle?<\/span>)<\/span> {<\/span>
      \n super<\/span>.<\/span>onCreate<\/span>(<\/span>savedInstanceState)<\/span>
      \n setContentView<\/span>(<\/span>R.<\/span>layout.<\/span>activity_main)<\/span>
      \n }<\/span>
      \n}<\/span><\/p>\n

      SurfaceView\u7684\u4ee3\u7801<\/h2>\n

      open<\/span> class<\/span> BaseSurfaceView @JvmOverloads<\/span> constructor<\/span>(<\/span>
      \n context:<\/span> Context,<\/span>
      \n attrs:<\/span> AttributeSet?<\/span> =<\/span> null<\/span>
      \n)<\/span> :<\/span> SurfaceView<\/span>(<\/span>context,<\/span> attrs)<\/span> {<\/span>
      \n protected<\/span> val<\/span> renderData:<\/span> OpenGLData by<\/span> lazy {<\/span> createRenderData<\/span>(<\/span>)<\/span> }<\/span>
      \n protected<\/span> val<\/span> renderEngine:<\/span> OpenGLEngine by<\/span> lazy {<\/span> createRenderEngine<\/span>(<\/span>)<\/span> }<\/span><\/p>\n

      private<\/span> val<\/span> touchManager =<\/span> BaseSurfaceTouchManager<\/span>(<\/span>)<\/span>
      \n private<\/span> val<\/span> touchListener =<\/span> object<\/span> :<\/span> BaseSurfaceTouchManager.<\/span>OnGestureListener<\/span> {<\/span><\/p>\n

      override<\/span> fun<\/span> onDoubleTap<\/span>(<\/span>centerX:<\/span> Float,<\/span> centerY:<\/span> Float)<\/span> {<\/span>
      \n (<\/span>renderData as<\/span>?<\/span> BaseOpenGLData)<\/span>?<\/span>.<\/span>let<\/span> {<\/span> data<\/span> -><\/span>
      \n if<\/span> (<\/span>data<\/span>.<\/span>getScale<\/span>(<\/span>)<\/span>.<\/span>first >=<\/span> 1.5f<\/span>)<\/span> {<\/span>
      \n data<\/span>.<\/span>animateReset<\/span>(<\/span>duration =<\/span> 200<\/span>)<\/span> {<\/span>
      \n requestRender<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span> else<\/span> {<\/span>
      \n data<\/span>.<\/span>zoomWithAnchor<\/span>(<\/span>
      \n targetScale =<\/span> 2f<\/span>,<\/span>
      \n centerX =<\/span> centerX,<\/span>
      \n centerY =<\/span> centerY,<\/span>
      \n duration =<\/span> 200<\/span>
      \n )<\/span> {<\/span>
      \n requestRender<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> onDoubleScale<\/span>(<\/span>
      \n scale:<\/span> Float,<\/span>
      \n centerX:<\/span> Float,<\/span>
      \n centerY:<\/span> Float
      \n )<\/span> {<\/span>
      \n (<\/span>renderData as<\/span>?<\/span> BaseOpenGLData)<\/span>?<\/span>.<\/span>let<\/span> {<\/span> data<\/span> -><\/span>
      \n data<\/span>.<\/span>scaleWithCenter<\/span>(<\/span>scale,<\/span> centerX,<\/span> centerY)<\/span> {<\/span>
      \n requestRender<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> onScaleEnd<\/span>(<\/span>)<\/span> {<\/span>
      \n (<\/span>renderData as<\/span>?<\/span> BaseOpenGLData)<\/span>?<\/span>.<\/span>let<\/span> {<\/span> data<\/span> -><\/span>
      \n if<\/span> (<\/span>data<\/span>.<\/span>getScale<\/span>(<\/span>)<\/span>.<\/span>first <<\/span> 1.0f<\/span>)<\/span> {<\/span>
      \n data<\/span>.<\/span>animateReset<\/span> {<\/span>
      \n requestRender<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      init<\/span> {<\/span>
      \n holder.<\/span>addCallback<\/span>(<\/span>renderEngine.<\/span>callback)<\/span>
      \n touchManager.<\/span>setOnGestureListener<\/span>(<\/span>touchListener)<\/span>
      \n requestRender<\/span>(<\/span>RENDERMODE_WHEN_DIRTY)<\/span>
      \n }<\/span><\/p>\n

      protected<\/span> open<\/span> fun<\/span> createRenderEngine<\/span>(<\/span>)<\/span>:<\/span> OpenGLEngine =<\/span> BaseOpenGLEngine<\/span>(<\/span>renderData)<\/span>
      \n protected<\/span> open<\/span> fun<\/span> createRenderData<\/span>(<\/span>)<\/span>:<\/span> OpenGLData =<\/span> BaseOpenGLData<\/span>(<\/span>context)<\/span><\/p>\n

      fun<\/span> requestRender<\/span>(<\/span>mode:<\/span> Int?<\/span> =<\/span> null<\/span>)<\/span> {<\/span>
      \n renderEngine.<\/span>requestRender<\/span>(<\/span>mode)<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> onTouchEvent<\/span>(<\/span>event:<\/span> MotionEvent)<\/span>:<\/span> Boolean {<\/span>
      \n if<\/span> (<\/span>event.<\/span>actionMasked ==<\/span> MotionEvent.<\/span>ACTION_DOWN)<\/span> {<\/span>
      \n (<\/span>renderData as<\/span>?<\/span> BaseOpenGLData)<\/span>?<\/span>.<\/span>cancelAnimation<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n val<\/span> handled =<\/span> touchManager.<\/span>onTouchEvent<\/span>(<\/span>event)<\/span>
      \n return<\/span> handled ||<\/span> super<\/span>.<\/span>onTouchEvent<\/span>(<\/span>event)<\/span>
      \n }<\/span><\/p>\n

      override<\/span> fun<\/span> onDetachedFromWindow<\/span>(<\/span>)<\/span> {<\/span>
      \n super<\/span>.<\/span>onDetachedFromWindow<\/span>(<\/span>)<\/span>
      \n renderEngine.<\/span>release<\/span>(<\/span>)<\/span>
      \n }<\/span>
      \n}<\/span><\/p>\n

      \u6548\u679c\u56fe<\/h2>\n

      \"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\"<\/p>\n","protected":false},"excerpt":{"rendered":"

      Android SurfaceView OpenGL \u7eb9\u7406\u8d34\u56fe\u5207\u6362\u524d\u540e\u53f0\u95ea\u70c1\u95ee\u9898\u89e3\u51b3\u65b9\u6848
      \n\u4e00\u3001\u95ee\u9898\u73b0\u8c61
      \n\u5728\u4f7f\u7528 SurfaceView \u81ea\u5b9a\u4e49 OpenGL \u6e32\u67d3\u7ebf\u7a0b\u5b9e\u73b0\u7eb9\u7406\u8d34\u56fe\u65f6，\u5e94\u7528\u5207\u6362\u5230 Recent \u540e\u53f0\u518d\u56de\u5230\u524d\u53f0，\u56fe\u7247\u4f1a\u51fa\u73b0\u660e\u663e\u7684\u95ea\u70c1（\u9ed1\u5c4f\u4e00\u5e27\u6216\u767d\u5c4f\u4e00\u5e27）\u3002
      \n\u4e8c\u3001\u95ee\u9898\u5206\u6790
      \n2.1 Surface \u751f\u547d\u5468\u671f\u56de\u987e
      \n\u5f53\u5e94\u7528\u5207\u5230\u540e\u53f0\u518d\u56de\u524d\u53f0\u65f6，SurfaceHolder.Callback \u7684<\/p>\n","protected":false},"author":2,"featured_media":67516,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[84,1220,1693,190,2910],"topic":[],"class_list":["post-67517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-android","tag-android-studio","tag-kotlin","tag-190","tag-2910"],"yoast_head":"\nOpen GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/67517.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Open GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"Android SurfaceView OpenGL \u7eb9\u7406\u8d34\u56fe\u5207\u6362\u524d\u540e\u53f0\u95ea\u70c1\u95ee\u9898\u89e3\u51b3\u65b9\u6848 \u4e00\u3001\u95ee\u9898\u73b0\u8c61 \u5728\u4f7f\u7528 SurfaceView \u81ea\u5b9a\u4e49 OpenGL \u6e32\u67d3\u7ebf\u7a0b\u5b9e\u73b0\u7eb9\u7406\u8d34\u56fe\u65f6，\u5e94\u7528\u5207\u6362\u5230 Recent \u540e\u53f0\u518d\u56de\u5230\u524d\u53f0，\u56fe\u7247\u4f1a\u51fa\u73b0\u660e\u663e\u7684\u95ea\u70c1（\u9ed1\u5c4f\u4e00\u5e27\u6216\u767d\u5c4f\u4e00\u5e27）\u3002 \u4e8c\u3001\u95ee\u9898\u5206\u6790 2.1 Surface \u751f\u547d\u5468\u671f\u56de\u987e \u5f53\u5e94\u7528\u5207\u5230\u540e\u53f0\u518d\u56de\u524d\u53f0\u65f6，SurfaceHolder.Callback \u7684\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/67517.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-28T13:32:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/01\/20260128133257-697a1009cea18.gif\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/67517.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/67517.html\",\"name\":\"Open GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-01-28T13:32:59+00:00\",\"dateModified\":\"2026-01-28T13:32:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/67517.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/67517.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/67517.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Open GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Open GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/67517.html","og_locale":"zh_CN","og_type":"article","og_title":"Open GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"Android SurfaceView OpenGL \u7eb9\u7406\u8d34\u56fe\u5207\u6362\u524d\u540e\u53f0\u95ea\u70c1\u95ee\u9898\u89e3\u51b3\u65b9\u6848 \u4e00\u3001\u95ee\u9898\u73b0\u8c61 \u5728\u4f7f\u7528 SurfaceView \u81ea\u5b9a\u4e49 OpenGL \u6e32\u67d3\u7ebf\u7a0b\u5b9e\u73b0\u7eb9\u7406\u8d34\u56fe\u65f6，\u5e94\u7528\u5207\u6362\u5230 Recent \u540e\u53f0\u518d\u56de\u5230\u524d\u53f0，\u56fe\u7247\u4f1a\u51fa\u73b0\u660e\u663e\u7684\u95ea\u70c1（\u9ed1\u5c4f\u4e00\u5e27\u6216\u767d\u5c4f\u4e00\u5e27）\u3002 \u4e8c\u3001\u95ee\u9898\u5206\u6790 2.1 Surface \u751f\u547d\u5468\u671f\u56de\u987e \u5f53\u5e94\u7528\u5207\u5230\u540e\u53f0\u518d\u56de\u524d\u53f0\u65f6，SurfaceHolder.Callback \u7684","og_url":"https:\/\/www.wsisp.com\/helps\/67517.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-01-28T13:32:59+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/01\/20260128133257-697a1009cea18.gif"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"16 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/67517.html","url":"https:\/\/www.wsisp.com\/helps\/67517.html","name":"Open GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-01-28T13:32:59+00:00","dateModified":"2026-01-28T13:32:59+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/67517.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/67517.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/67517.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"Open GL ES -\uff1e \u5e94\u7528\u524d\u540e\u53f0\u3001Recent\u5207\u6362\uff0cSurfaceView\u7eb9\u7406\u8d34\u56fe\u95ea\u70c1\u95ee\u9898\u5206\u6790\u89e3\u51b3"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/67517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=67517"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/67517\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/67516"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=67517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=67517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=67517"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=67517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}