Pixi.js: Pixi.js के अंदर तीन.js रेंडर करें?

इसके संभावित, तीनj उदाहरणों को v4 के लिए कई बार जारी किया गया था, लेकिन मैंने इसे अभी तक v5 के लिए नहीं बनाया।
मूल रूप से, आपको लाइब्रेरी बदलने पर हर बार पिक्सी और थ्रीज राज्य दोनों को रीसेट करना होगा।

मैं अभी पुराने डेमो नहीं दे सकता, लेकिन आप उन्हें यहां और http://www.html5gamedevs.com/forum/15-pixijs/ में खोज सकते हैं। कहीं-कहीं टेक्सचर शेयरिंग पर भी चर्चा हुई।

आपको बस इतना करना है कि खोज करना है और फिर v5 को पोर्ट करना है, शुभकामनाएँ! अगर आप कहीं असफल होते हैं तो मैं दोनों चीजों में मदद कर सकता हूं।

मैंने एक डेमो भी बनाया जहाँ 2d और 3D ऑब्जेक्ट्स को एक दूसरे के माध्यम से SORTED किया जाता है, लेकिन वह जो मैंने सार्वजनिक रूप से साझा नहीं किया है।

क्या यह आपके मुद्दों को हल करता है? https://github.com/pixijs/pixi.js/pull/5430 पहले से ही 5.0.0-rp2 में फिक्स है

@ivanpopelyshev प्रतिक्रिया के लिए धन्यवाद! मुझे लगता है कि आप इस चर्चा और कोड के इस स्निपेट का अधिक सटीक रूप से उल्लेख कर रहे हैं:

    gl.disable(gl.DEPTH_TEST)
    gl.enable(gl.BLEND)
    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA)
    gl.disable(gl.STENCIL_TEST)
    gl.disable(gl.CULL_FACE)

    gl.frontFace( gl.CCW )    
    gl.cullFace( gl.FRONT )
    gl.colorMask(true, true, true, true)
    gl.activeTexture(gl.TEXTURE0)

    var shaderManager = session.shaderManager

    shaderManager._currentId = undefined
    for (var i=0; i<shaderManager.attribState.length; i++)
        shaderManager.attribState[i] = false
    shaderManager.setShader(shaderManager.currentShader)

    var blend = session.blendModeManager.currentBlendMode
    if (blend in PIXI.blendModesWebGL) {
        session.blendModeManager.currentBlendMode = undefined
        session.blendModeManager.setBlendMode(blend)
    }

हालाँकि, मुझे समझ नहीं आ रहा है कि यह कोड कहाँ डाला जाए, और session वेरिएबल क्या है, मुझे लगता है कि gl तीन कैनवस का glcontext है। मैंने इसे इस उदाहरण में कहां रखा है?

https://codepen.io/marco_fugaro/pen/QYgJQY?editors=0010

(मुद्दे खिड़की के आकार पर होने लगते हैं)

मेरे पास 5.0.0-rc.2 उदाहरण में हैं, क्या मुझे कुछ बदलना चाहिए?

मैं इस पुराने उदाहरण को नहीं जानता, लेकिन आपके द्वारा बताई गई सभी चीजें renderer.reset()

const threeTexture = PIXI.Texture.from(threeApp.renderer.domElement)

यह विचार अच्छा नहीं है।

क्या आपने # 5430 को देखा?

@marcofugaro कोई अन्य इस पर अनुवर्ती?

@ivanpopelyshev @bigtimebuddy आपको प्रतीक्षा करने के लिए खेद है, मैंने अंत में इस पर एक और छुरा लिया।

@ivanpopelyshev आपने पीआर में पोस्ट की गई PIXI.Texture.from(threeApp.renderer.domElement) साथ बुरा विचार क्या था? क्षमा करें, मैं बहुत से उन्नत वेबलॉग नहीं जानता)

यहाँ पिक्सी v5 में परिवर्तित उदाहरण दिया गया है

https://codepen.io/marco_fugaro/pen/wOGpwv?editors=0010

कुछ मुद्दे मुझे मिले:

1. PIXI.Application v4 उदाहरण में अब context पैरामीटर स्वीकार नहीं करता है:

var renderer = new PIXI.WebGLRenderer(canvas.width, canvas.height, {
  context: context, // shared context with threejs

मैं इसे v5 में कर रहा हूं

 return new PIXI.Application({
    context: context, // shared context with threejs

लेकिन स्पष्ट रूप से इसे अनदेखा कर दिया जाता है, मुझे नहीं पता कि डेमो कैसे काम कर रहा है

1. तीन .js बनावट वाई पर फ़्लिप है (मुझे पता है, वेबलॉग)

2. खिड़की के आकार बदलने पर बनावट विपरीत तरीके से खिंचती है? शायद मैं कुछ गलत कर रहा हूं

फिर से, यह देखने के लिए धन्यवाद!

मैंने उन मुद्दों को एक अन्य परियोजना में तय किया, मैं बाद में उस कोड का एक डेमो बनाऊंगा। वहाँ v4 है कि जिस तरह से Pixi रेंडरटार्स (v5 रेंडरटेक्चर्स) का उपयोग करता है, के लिए पैच है।

@ivanpopelyshev क्या आप उदाहरण को ठीक कर सकते हैं कि v5 बाहर है? 🙏

इस मुद्दे को स्वचालित रूप से बासी के रूप में चिह्नित किया गया है क्योंकि इसमें हाल की गतिविधि नहीं थी। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।

बासी बॉट नहीं

अब तक कोई अपडेट? कोडपेन काम कर रहा है, लेकिन मुझे यकीन नहीं है कि यह हैक हुआ या नहीं।