javascript - Optimisation help: useProgram called every frame and low FPS -


I am experimenting with a component-based game engine inspired by the unit structure, and works correctly in me, But my frame rate is extremely low.

My setup includes an Mesh Renderer object with its own init () and draw () methods. initMesh () function: 

     function initMesh (Aries) {if (! Mesh.vertices) { Mesh.vertices = new Float32Array ([0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 0, 1]); } If (! Mesh.uvs) {mesh.uvs = new float 32 array ([0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 0, 1]); } Mesh.itemSize = 2; Mesh.numItems = mesh.vertices.length/mesh.itemSize; Mesh.vertexBuffer = gl.createBuffer (); Mesh.uvBuffer = gl.createBuffer (); }

and initMaterial () function: 

  function initMaterial (material, FS, vs.) {content.program = InitShaders (FS, VS); If (material.image) {material.texture = gl.createTtexture ();

Draw

During the method method I call setMeshBuffer () function 

  Function set meshbuffer (trap, content) {// Vertex buffer globbler (gl.ARRAY_BUFFER, mesh.vettesbuffer); Gl.bufferData (gl.ARRAY_BUFFER, Mesh. Description, GL. STATIC_DRAW); Gl.vertexAttribPointer (content.program.aVertexPosition, mesh.itemSize, gl.FLOAT, incorrect, 0, 0); If (physical.text) {// UV buffer globbuffer (gl.ARRAY_BUFFER, Aries.Uubber); Gl.bufferData (gl.ARRAY_BUFFER, mesh.uvs, gl.STATIC_DRAW); Gl.enableVertexAttribArray (material.program.aTexCoord); Gl.vertexAttribPointer (content.program.aTexCoord, mesh.itemSize, gl.FLOAT, incorrect, 0, 0); }}

and setMaterialBuffer () function: 

  function Setmatribrifr (content) {gl.useProgram (material.program) ); Gl.uniform4fv (content.program.uColor, [content.color.r, material.color.g, material.color.b, material.color.a]); If (physical. Motor) (gl.BindTexture (gl.TEXTURE_2D, material.texture); Gl.texParameteri (gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE); Gl.texParameteri (gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl Kklanp_to_aj); Glkteksprmeteri (Glktekscr_2D, Glktekscr_mn_failtr, Glknearest); Glkteksprmeteri (Glktekscr_2D, Glktekscr_mag_failtr, Glknearest); Glkteksimage2D (Glktekscr_2D, 0, Gal. RGBA, gl.RGBA, gl.UNSIGNED_BYTE, material.image);}}

And finally, I drawBuffers () function 

  function drawBuffers (numItems) I am calling {gl.drawArrays (Gl. Triyongl, 0, and so on);}

question

so, Can I do anything to customize this flow? So far, I am unable to find a detailed guideline for a modular structure like this.

My project is, if you try to exclude it, then it is test.html File

My comment in the extended reply form, as requested:

You are uploading new frames and texture data in every frame, every time you render, then make it again. Instead, upload data during initial time. You can complete this by moving your buffer data call to your initMesh () method, and texImage2D call for initMaterial method (you must bind the previously created objects). After leaving the draw, you will see a great performance.

Regarding your comment about changing UV coordination, in every frame you have a few options, which should perform better than you do.

The first option is to update the data on the CPU (as you are currently doing). It's good that the UV data in a buffer - the beginning of data in faster CPU updates and makes it more cache coherent call my Init materials such as I have suggested, but change using GL_DYNAMIC_DRAW instead GL_STATIC_DRAW parameters. This is a sign for the driver that you often plan to change the data. After that, set MathBuffer, use gl.bufferSubData instead of gl.bufferData. This allows you to update only a portion of the data, but it is normally faster at uploading new data.

The second option - which I like - to keep the UV stable, instead of modifying them on the CPU, modify them in a top program.

Hope it helps, and good luck!

Depending on the UV you are changing,

Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more