yahiko

Members
  • Content Count

    113
  • Joined

  • Last visited

About yahiko

  • Rank
    Advanced Member

Contact Methods

  • Twitter
    YahikoUzumaki2

Recent Profile Visitors

2716 profile views
  1. Yes, I've done a stuff like that: I'll have a look to your new batch renderer. Thanks!
  2. Hmm, "autodetectRenderer" is deprecated? If so, what's the replacement for this?
  3. This Pixi/TypeScript boiler plate now supports Pixijs v5 (at last...) https://github.com/yahiko00/PixiProject
  4. For information, this boiler plate has been updated. I've upgraded uglify-js (minifier) to uglify-es, its ES6 release. Cheers!
  5. Thanks Feel free to use it as you wish. PS: I'm sorry I havent been able to work on Pixi.Js these days, but it may change next year
  6. @sHAYM4N I've created a TypeScript + Pixi boilet plate : https://github.com/yahiko00/PixiProject It uses browserify and uglify. Feel free to use it. Hope this helps.
  7. After studying your examples, I've come to the conclusion that I don't really like plugins --- or I can't really see how to use them for my purposes, which is an equivalent assertion in my mind I was forced to have a look into the WebGL thingy and PIXI.glCore in particular. I think, for my needs, it is a good compromise between high level Pixi v4 powerful and optimized features, but lacking some abilities to deal with the vertex shader, and the very low level WebGL context quite burdensome after some hours of practice. So, I came up to this small program which is able to display a transformed white 3D photorealistic... triangle! Don't laugh, because it costed me hours of studying since I'm new in the world of WebGL and shaders ^_^' /* Initialize WebGL Renderer */ const width = 800; const height = 450; const renderer = new PIXI.WebGLRenderer(width, height, { antialias: true }); document.body.appendChild(renderer.view); renderer.backgroundColor = 0x000000; /* Shortcuts */ const gl = renderer.gl; // WebGL Context const glCore = PIXI.glCore; /* Load shaders */ let shaderVertSrc = document.getElementById("vertShader").text; let shaderFragSrc = document.getElementById("fragShader").text; /* Initialize shaders */ let shader = new glCore.GLShader(gl, shaderVertSrc, shaderFragSrc); shader.bind(); /* Vertex Buffer */ const vertices = [ 0.0, 1.0, 0.0, -1.0, -1.0, 0.0, 1.0, -1.0, 0.0 ]; const vertexBuffer = glCore.GLBuffer.createVertexBuffer( gl, new Float32Array(vertices), gl.STATIC_DRAW ); /* Vertex Array Object */ let vao = new glCore.VertexArrayObject(gl) .activate() .clear() .addAttribute( vertexBuffer, shader.attributes.aVertexPosition, gl.FLOAT, false, 0, 0 ); renderer.bindVao(vao); /* Uniforms */ let mvMatrix = mat4.create(); let pMatrix = mat4.create(); mat4.translate(mvMatrix, mvMatrix, [-1.5, 0.0, -7.0]); mat4.perspective(pMatrix, Math.PI / 4.0, width / height, 0.1, 100.0); shader.uniforms.uMVMatrix = mvMatrix; shader.uniforms.uPMatrix = pMatrix; /* Draw */ vao.draw(gl.TRIANGLES, 3, 0); The live snippet can be found here: Now, my issue is to be able to turn my nice triangle into a PIXI sprite, in order to come back into a normal world. Any hint would be really appreciated!
  8. It's a pity. I'm begining to appreciate this separate library
  9. So basically, you are going to develop and maintain a kind of pixi-gl2-core library alongside pixi-gl-core, aren't you?
  10. Such a tool could be nice indeed.
  11. Simply removing those sprites from their containers is not enough?
  12. One solution could be to clear your stage like this: stage.removeChildren(); ... And hope the JavaScript GC works as expected
  13. VS Code is an IDE I'm pretty satisfied with. Light, responsive and with a lot of plugins. You can't be wrong using it.
  14. Simple question I think. For the next major release of Pixi, v5, which WebGL version will be implemented? Thanks!