Three.js: r73: कुछ भी काम नहीं करता है ?!

क्या काम नहीं करता है? आपको क्या त्रुटियाँ हो रही हैं? मैं हमेशा सुनिश्चित करता हूं कि सभी उदाहरण अभी भी काम करते हैं। अगर कुछ टूट गया तो हमें एक उदाहरण जोड़ना चाहिए जो परीक्षण करता है।

क्या काम नहीं करता है?

कुछ भी काम नहीं करता है !!!
सिर्फ एक उदाहरण (आपके लिए):
http://necromanthus.com/Test/html5/dog_r72.html
http://necromanthus.com/Test/html5/dog_r73.html
त्रुटियां:

• THREE.MorphAnimMesh अपरिभाषित है
• loader.load कोई फ़ंक्शन नहीं है

आपने ऐसा कुछ क्यों जारी किया ???

आह! समझा।

हमने एनीमेशन सिस्टम को पूरी तरह से बदल दिया है और SEA3D अभी भी पुराने में निर्भर करता है ( @sunag एक अपडेट पर काम कर रहा है जो मुझे लगता है)।

इस बीच आपको अपनी परियोजना में पुराने एनीमेशन सिस्टम को शामिल करने की आवश्यकता है:

<script src="js/MorphAnimMesh.js"></script>
<script src="js/loaders/collada/Animation.js"></script>
<script src="js/loaders/collada/AnimationHandler.js"></script>
<script src="js/loaders/collada/KeyFrameAnimation.js"></script>

आपको examples फ़ोल्डर में फ़ाइलें मिलेंगी।

हमने एनीमेशन सिस्टम को पूरी तरह से बदल दिया है

और फिर, आपने पिछड़ी संगतता को गड़बड़ कर दिया ... ओएमजी

वैसे भी, यहाँ कुछ और है (एनीमेशन और लोडर के बिना):
http://necromanthus.com/Test/html5/koolmoves_r72.html
http://necromanthus.com/Test/html5/koolmoves_r73.html
त्रुटियां:

• _typeface_js परिभाषित नहीं है
• THREE.TextGeometry कंस्ट्रक्टर नहीं है

ईमानदारी से, r73 एक पूर्ण गड़बड़ है और इसे हटा दिया जाना चाहिए।
चियर्स

मैं अब लगभग 1.5 वर्षों से चिल्लीपर के लिए थ्री.जेएस पर भरोसा कर रहा हूं। आज सुबह ऐसा प्रतीत होता है कि THREE.FontUtils अपरिभाषित है, इसलिए सभी फ़ॉन्ट प्रतिपादन ChiliPeppr में टूट गए हैं। मुझे लगता है कि यह @ remusMar के रूप में अच्छी तरह से बात कर रहा है के रूप में एक ही r73 मुद्दा है।

FontUtils और TextGeometry बर्तनों को भी कोर से हटा दिया गया है।

अब आपको फ़ाइलों को अलग से शामिल करना होगा:

<script src="js/geometries/TextGeometry.js"></script>
<script src="js/utils/FontUtils.js"></script>
<script src="fonts/helvetiker_regular.typeface.js"></script>

मैंने उन्हें कोर से बाहर जाने का फैसला किया क्योंकि उपयोगकर्ता को *.typeface.js को शामिल करना था।

@RemusMar हम संस्करणों के बीच पश्चगामी संगतता की गारंटी नहीं देते हैं। लेकिन हम संक्रमण कोड जोड़ते हैं जो उपयोगकर्ता को सूचित करता है और कोड को तब काम करता रहता है जब हम / जहां हम कर सकते हैं।

FontUtils और TextGeometry बर्तनों को भी कोर से हटा दिया गया है।

तुम सब कुछ कोर से क्यों नहीं निकालते?
शून्य बाइट्स वाले कोर को डाउनलोड करने की आवश्यकता नहीं है।

हम संस्करणों के बीच पीछे की संगतता की गारंटी नहीं देते हैं।

यह एक बुरा कदम है रिकार्डो।
जैसा कि मैंने शुरू से ही कहा था:

पिछड़े संगतता किसी भी गंभीर परियोजना में एक जरूरी है।
अन्यथा कम और कम लोग उस परियोजना में रुचि लेंगे।

चियर्स

तुम सब कुछ कोर से क्यों नहीं निकालते?
शून्य बाइट्स वाले कोर को डाउनलोड करने की आवश्यकता नहीं है।

मैं इकट्ठा करता हूं कि तुम एक भावुक आदमी हो। हालाँकि, आप आसपास रहते हैं इसलिए मैं यह भी इकट्ठा करता हूं कि दिन के अंत में आपको प्रोजेक्ट उपयोगी लगता है stay

पिछड़े संगतता किसी भी गंभीर परियोजना में एक जरूरी है।

शायद यह एक परियोजना के लिए उतना गंभीर नहीं है जितना आपको लगता है कि यह है? मैं नहीं हूँ Adobe तुम्हें पता है?

अन्यथा कम और कम लोग उस परियोजना में रुचि लेंगे।

ब्याज खोने वाले लोग ऐसी कोई चीज नहीं है जिसकी मुझे चिंता है। इसके बजाय, मैं एक सुंदर एपीआई बनाने पर ध्यान केंद्रित करता हूं जो कंप्यूटर ग्राफिक्स की परेशानियों को खत्म करता है और साथ ही, मैं चाहता हूं कि लाइब्रेरी 100kb में फिट हो जाए। लोगों को जोड़ने वाली सभी विशेषताओं को हमेशा के लिए शामिल करना असंभव है।

@RemusMar पिछड़ी अनुकूलता, अगर आप js

@RemusMar सबसे पहली चीजों में से एक जो मैंने तीन के बारे में सीखी थी। जब मैंने जावास्क्रिप्ट में 3 डी प्रोग्रामिंग शुरू की, तो यह तथ्य था कि यह पीछे की ओर संगत नहीं है।

मुझे लगता है, सामान्य तौर पर यह पूरी तरह से कोई समस्या नहीं है, क्योंकि मुझे केवल यह सुनिश्चित करना है, कि मेरी परियोजना में मैं तीन के एक ही संस्करण से लिंक करता हूं। जेएस के साथ मैंने अपना कोड बनाया है।

इस बात को ध्यान में नहीं रखने की नीति निश्चित रूप से थी कि इस तरह के एक बहुत ही शानदार संभावनाओं के साथ, इस तरह के एक गतिशील तरीके से तीन.js को विकसित करने के मौके का आधार था।

यह एक बुरा कदम है रिकार्डो

कमाल है कि 70+ संशोधन के बाद लोग इसे कैसे देखते हैं)

लेकिन इस बिंदु पर जोड़ने के लिए, कोई व्यक्ति हाल ही में मुझे "नवीनतम स्थिर तीन। Js r72 है", योग्य लिख रहा था। कोई स्थिर तीन .js नहीं है। वे बग फिक्स के साथ पुराने संशोधनों को अद्यतन नहीं करते हैं, इसके बजाय बगफिक्स _and_ ब्रेकिंग परिवर्तन या नए बग के साथ नया संस्करण आता है।

फिर, कुछ चीजें जादुई रूप से संस्करणों के माध्यम से काम करती हैं, भले ही अंतर्निहित कोड उल्टा हो गया हो। बफर ज्यामिति का उपयोग करके खाल की तरह)

जब हम ब्रेकिंग परिवर्तन के विषय पर होते हैं, तो जो मुझे सबसे अधिक परेशान कर रहा है, वह है json परिवर्तन। किसी के पास अपने 3 डीमैक्स में पुराना एक्सपोर्टिंग प्लगइन है, और मैं एनिमेशन बनाने का काम करने के लिए हाथ से एडिंग जोंस खर्च करता हूं।

फिर, कुछ चीजें जादुई रूप से संस्करणों के माध्यम से काम करती हैं, भले ही अंतर्निहित कोड उल्टा हो गया हो। बफर ज्यामिति का उपयोग करके खाल की तरह)

कि कुछ प्रयास किया! 😅

जब हम ब्रेकिंग परिवर्तन के विषय पर होते हैं, तो जो मुझे सबसे अधिक परेशान कर रहा है, वह है json परिवर्तन। किसी के पास अपने 3 डीमैक्स में पुराना एक्सपोर्टिंग प्लगइन है, और मैं एनिमेशन बनाने का काम करने के लिए हाथ से एडिंग जोंस खर्च करता हूं।

हाँ। एनिमेशन को स्थिर ASAP प्राप्त करने की आवश्यकता है। मुझे लगता है कि नया एनीमेशन सिस्टम सही दिशा में एक शानदार कदम है।

ऐसा लगता है कि यह नमूना आपके r73 परिवर्तनों को देखते हुए टूट गया है। http://threejs.org/docs/scenes/geometry-browser.html#TextGeometry

ओह! हमेशा डॉक्स में नमूनों के बारे में भूल जाओ ...

@ मर्डोबा
मुझे "पुराने" THREE.Animation वर्ग को बदलने के लिए क्या उपयोग करना चाहिए?
क्या ऐसे कोई उदाहरण हैं जो नए एनीमेशन सिस्टम का उपयोग करते हैं? यह इतना स्पष्ट नहीं है कि उदाहरण पृष्ठ पर नया क्या है।

जब हम ब्रेकिंग परिवर्तन के विषय पर होते हैं, तो जो मुझे सबसे अधिक परेशान कर रहा है, वह है json परिवर्तन। किसी के पास अपने 3 डीमैक्स में पुराना एक्सपोर्टिंग प्लगइन है, और मैं एनिमेशन बनाने का काम करने के लिए हाथ से एडिंग जोंस खर्च करता हूं।

यह मेरी भी चिंता का विषय रहा है। मैं वास्तव में कभी भी सैकड़ों मॉडलों का फिर से निर्यात नहीं करना चाहता।

@jostschmithals
इस बात को ध्यान में नहीं रखने की नीति निश्चित रूप से थी कि इस तरह के एक बहुत ही शानदार संभावनाओं के साथ, इस तरह के एक गतिशील तरीके से तीन.js को विकसित करने के मौके का आधार था।

वह गलत बयान है।
वास्तव में, हर समय पिछड़ी संगतता को तोड़कर थ्री पार्टी डेवलपर्स को THREE.js पर छोड़ देना पड़ता है
दूसरी ओर, नई सुविधाओं और बग फिक्स का मतलब पुरानी परियोजनाओं के साथ संगतता को तोड़ना नहीं है।
यदि रिकार्डो इस रास्ते पर जारी रहेगा, तो समय बताएगा कि मैं सही हूं या नहीं।
चियर्स

यह मेरी भी चिंता का विषय रहा है। मैं वास्तव में कभी भी सैकड़ों मॉडलों का फिर से निर्यात नहीं करना चाहता।

माना! Json प्रारूप कुछ ऐसा है जहाँ मुझे लगता है कि पश्चगामी संगतता सुपर महत्वपूर्ण है। वैसे भी करना मुश्किल नहीं है।

माना! Json प्रारूप कुछ ऐसा है जहाँ मुझे लगता है कि पश्चगामी संगतता सुपर महत्वपूर्ण है। वैसे भी करना मुश्किल नहीं है।

राहत की बड़ी आह =]

परिवर्तन को शामिल करने पर माइग्रेशन मार्गदर्शिका को अपडेट किए बिना किसी बिल्ड को रिलीज़ करना थोड़ा समयपूर्व लगता है। सौभाग्य से मेरे लिए जब से मैं इन बोर्डों का पालन करता हूं, मुझे एनीमेशन चेंज के बारे में पता था। मैं शर्त नहीं लगाऊंगा कि सभी उपयोगकर्ता समान रूप से तैयार थे।

मैं केवल 100KB आकार सीमा रखने के लिए कोर से चीजों को हटाने के बारे में रेमस से सहमत हूं। व्यक्तिगत रूप से मुझे कुछ बाइट्स को शेविंग करने की तुलना में कार्यक्षमता के बारे में 10000x अधिक परवाह है। मुझे पता है कि मैं आवश्यक फाइलों को उदाहरणों से पकड़ सकता हूं, लेकिन यह बट में एक प्रकार का अनावश्यक दर्द है (विशेषकर उन्हें हर रिलीज को अपडेट करने के लिए)।

वैसे भी मुझसे काफी शिकायत है। इन कुछ आलोचनाओं को एक तरफ, अद्भुत काम करने वाले लोग!

परिवर्तन को शामिल करने पर माइग्रेशन मार्गदर्शिका को अपडेट किए बिना किसी बिल्ड को रिलीज़ करना थोड़ा समयपूर्व लगता है।

एक रिलीज करने में काफी कुछ कदम शामिल हैं। कभी-कभी मेरा धैर्य / समर्पण खत्म हो जाता है ... ded
कोई भी माइग्रेशन पेज अपडेट कर सकता है। मैं वहां कुछ मदद लेना पसंद करूंगा।

ऐसा लगता है कि यह नमूना आपके r73 परिवर्तनों को देखते हुए टूट गया है। http://threejs.org/docs/scenes/geometry-browser.html#TextGeometry

निश्चित!

मैं कहाँ r74 में FontUtils पा सकते हैं? R74 में निकाले जाने लगता है ...

@pjanik

हाँ, इस बारे में क्षमा करें, TextGeometry API फिर से बदल गई। हालांकि यह कोर में वापस आ गया है!

कृपया संदर्भ के रूप में http://threejs.org/examples/webgl_shadowmap.html का उपयोग करें।

var loader = new THREE.FontLoader();
loader.load( 'fonts/helvetiker_bold.typeface.js', function ( font ) {

    var textGeo = new THREE.TextGeometry( "THREE.JS", {

        font: font,

        size: 200,
        height: 50,
        curveSegments: 12,

        bevelThickness: 2,
        bevelSize: 5,
        bevelEnabled: true

    });

    textGeo.computeBoundingBox();
    var centerOffset = -0.5 * ( textGeo.boundingBox.max.x - textGeo.boundingBox.min.x );

    var textMaterial = new THREE.MeshPhongMaterial( { color: 0xff0000, specular: 0xffffff } );

    var mesh = new THREE.Mesh( textGeo, textMaterial );
    mesh.position.x = centerOffset;
    mesh.position.y = FLOOR + 67;

    mesh.castShadow = true;
    mesh.receiveShadow = true;

    scene.add( mesh );

} );

अगर किसी को दिलचस्पी है, तो यह है कि कैसे मैंने async अनुरोध के बिना फ़ॉन्ट लोड किया है, NPM [email protected] मॉड्यूल और वेबपैक का उपयोग करके: https://gist.github.com/pjanik/49c03c02c66341a2664
यदि आप किसी अन्य बिल्ड टूल का उपयोग कर रहे हैं, तो मुख्य बात यह है कि फ़ॉन्ट फ़ाइल को एक स्ट्रिंग के रूप में लोड किया जाए। हो सकता है कि भविष्य में इस मजेदार पार्सिंग को कुछ सहायक विधि से निकाला जा सके?

एक साइड नोट पर, यह अच्छा है कि r74 में /examples dir (r73 नहीं) शामिल है, कृपया ऐसा करना जारी रखें। : पलक: अंत में, मैं केवल three पैकेज का उपयोग कर सकता हूं, अब कोई बाह्य स्क्रिप्ट स्क्रिप्ट नहीं (मैं examples/js/controls/OrbitControls का उपयोग कर रहा हूं)। यह और भी अच्छा होगा यदि उदाहरण UMD प्रारूप का उपयोग करके प्रकाशित किए गए थे, इसलिए मैं सीधे वैश्विक THREE निर्भरता को चमकाने के बिना OrbitControls की आवश्यकता कर सकता हूं (एक बड़ी बात नहीं, क्योंकि अधिकांश निर्माण उपकरण इसे संभाल सकते हैं, लेकिन अभी भी)।

धन्यवाद!

या आप बस स्थानीय स्तर पर _typeface_js.loadFace परिभाषित कर सकते हैं और इसे निकाल सकते हैं?

हाँ, इसके बारे में खेद है, TextGeometry एपीआई फिर से बदल गया। हालांकि यह कोर में वापस आ गया है!

यह एक बुद्धिमान निर्णय था रिकार्डो।
लोडर के लिए एक मामूली वाक्यविन्यास परिवर्तन की आवश्यकता है, लेकिन यह पिछड़े संगत है।
r71: http://necromanthus.com/Test/html5/koolmoves.html
r74: http://necromanthus.com/Test/html5/koolmoves_r74.html
चियर्स

क्या हमें ObjectLoader में टेक्स्ट ज्योमेट्री को वापस लोड करना चाहिए?

@fraguada अच्छी तरह से, इतना आसान नहीं है, हमें फ़ॉन्ट फ़ाइल भी

FontUtil r74 के संस्करण में परिभाषित नहीं है जो मुझे मिल रहा है: https://github.com/mrdoob/three.js/blob/master/build/three.js

यह वैसा ही प्रतीत होता है जैसा कि http://threejs.org/examples/webgl_shadowmap.html (minified को छोड़कर) द्वारा उपयोग किया जा रहा है, लेकिन मैं इसे FontUtils या typeface सहित स्पष्ट रूप से नहीं देखता ... फिर भी यह पृष्ठ काम करता है । (जबकि मुझे अभी भी "_typeface_js परिभाषित नहीं किया गया है") क्या आप अपनी टिप्पणी में दिखाए गए कुछ के अलावा कुछ कर रहे हैं (इस के ऊपर कोड 6 टिप्पणियां)?

दस्तावेज़ को एपीआई के रूप में अपडेट होने की आवश्यकता है, यह अब लागू नहीं होता है: http://threejs.org/docs/index.html#Reference/Extras.Geometries/TextGeometry

सभी कीस्ट्रोक्स रिकॉर्डिंग स्विचिंग फोंट, वेट और बेवेल के बिना बहुत ही मूल उदाहरण के लिए यह सुपर उपयोगी होगा। ऐसा नहीं है कि वे भी महान नहीं हैं, लेकिन आपके उदाहरणों में एक साधारण बुनियादी ने मुझे एक टन बचाया होगा।

इस उदाहरण से बहुत मदद मिल सकती थी: http://threejs.org/docs/scenes/geometry-browser.html#TextGeometry , लेकिन जब आप स्रोत को देखते हैं, तो यह केवल एक टोरस को खींचता है क्योंकि यह बाहरी संसाधनों में खींचता है वास्तव में काम करते हैं।

मैं JSFiddle पर इस सरल उदाहरण को एक साथ रखता हूं जो किसी को भी इस धागे को ढूंढता है।
https://jsfiddle.net/287rumst/1/

यह बहुत ही बुनियादी उदाहरण के लिए सुपर उपयोगी होता

r75 और r76dev:
http://necromanthus.com/Test/html5/koolmoves.html

सिर्फ मेरे दो सेंट क्योंकि मैं भी पीछे की संगतता का प्रशंसक हूं:

यदि संगतता की गारंटी नहीं दी जा सकती है, तो पुराने संस्करण और नए हैंडलिंग को दिखाने वाले जीथब में upgrade फ़ोल्डर (या fixes ) होना अच्छा होगा। संदर्भ।

इस तरह प्रोग्रामर्स के लिए बदलावों को पकड़ना आसान होगा।

मैं अभी भी r65 का उपयोग ऐसी "अज्ञात" समस्याओं के कारण कर रहा हूं, जिनके पास मेरे पास अतिरिक्त समय नहीं है, इन मुद्दों को कैसे ठीक किया जाए।

हाय सब, मैं बस r71 से r76 में स्थानांतरित कर दिया और नए एनीमेशन.mixer की खोज की। तो अपने पुराने जोंस 3 डी ऑब्जेक्ट्स को काम पर रखने के लिए मैंने काम किया MorphAnimMesh.js एनिमेशन की। लेकिन अब मुझे "डेटा पदानुक्रम अपरिभाषित" त्रुटि मिलती है। इसका मतलब यह है कि मुझे ब्लेंडर से अपने सभी पूर्व 3 डी जोंस ऑब्जेक्ट्स को आरई-एक्सपोर्ट करना है या क्या इन कामों को बनाए रखने का एक तरीका है?

हैलो, "अपरिभाषित data.hierarchy" के साथ मदद करने के लिए कोई नहीं?

कृपया, मदद के लिए StackOverflow का उपयोग करें।

एक रिलीज करने में काफी कुछ कदम शामिल हैं। कभी-कभी मेरा धैर्य / समर्पण खत्म हो जाता है ...: उलझन:
कोई भी माइग्रेशन पेज अपडेट कर सकता है। मैं वहां कुछ मदद लेना पसंद करूंगा।

मैं हाल ही में तीन.js के पुराने संस्करण का उपयोग करके इस समस्या में आया हूं।

लेकिन आपको प्राप्त टिप्पणियों और अपमान के माध्यम से पढ़ने के बाद, मदद मांगने के बजाय, मैं सिर्फ आपको तीन.जेएस बनाए रखने के लिए धन्यवाद देना चाहता था।

आप एक सुपर समर्पित और धैर्यवान व्यक्ति हैं! : +1:

R72 से r84 तक का अद्यतन कार्य का एक समूह था (एक परियोजना के लिए ~ 3 घंटे)।

सहायक:

• फ़ॉन्ट समस्या के लिए: http://necromanthus.com/Test/html5/koolmoves.html का स्रोत कोड देखें (आप HTML में फ़ॉन्ट को लोड नहीं करते हैं, लेकिन JS के बजाय, एक var असाइन करें और यह मापदंडों में जाता है। केवल यह लोड होने के बाद फ़ॉन्ट को असाइन करने के लिए देखें)
• देव कंसोल में त्रुटि संदेश देखें, वे बहुत मदद करते हैं, क्योंकि वे आपको यह भी बताते हैं कि क्या करना है (अच्छा काम @mrdoob )
• https://github.com/mrdoob/three.js/wiki/Migration-Guide पर भी नज़र डालें

मेरा सुखद परिणाम: https://www.matheretter.de/geoservant/en/

विस्तार से मुझे v72 से v84 तक क्या करना चाहिए:

1. अपनी HTML फ़ाइल से निकालें:

   <!-- OLD <script src="../../threejs/geometries/TextGeometry.js"></script>  -->
   <!-- <script src="../../threejs/helvetiker_regular.typeface.js"></script>  -->
   

2. अपने तीनjs दृश्य चलाएं, आप शायद प्राप्त करें:

   Uncaught TypeError: c.generateShapes is not a function
   

3. ऐसा इसलिए होता है क्योंकि रेंडरर फ़ॉन्ट लोड किए बिना शुरू होता है। तो चलिए पहले फॉन्ट को लोड करते हैं और फिर स्टार्टअप पर रेंडरर को कॉल करते हैं:

   var text3dparams;
   var font_helvetiker;
   var fontload = new THREE.FontLoader();
   fontload.load( '/threejs/fonts/helvetiker_regular.typeface.json', function ( font ) {
       font_helvetiker = font;
       initStageText();
   
       // startup
       render(); 
   });
   

4. जैसा कि मैंने रनटाइम के दौरान टेक्स्ट को नया सेट किया है, मुझे वैश्विक स्केप पर स्टेज ऑब्जेक्ट्स को परिभाषित करने की आवश्यकता है, जैसे:

   var text3d_r;
   var text3d_s;
   var text3d_h;
   var material1;
   var material_s;
   var material2;
   

5. प्रारंभ समारोह का उदाहरण:

   function initStageText()
   {
       // 3D TEXT LABELS
       text3dparams = {
           font:           font_helvetiker, // font, important to change, before was "helvetiker", now the font directly!
           size:           0.3,    // size of the text
           height:         0.05,   // thickness to extrude text
           curveSegments:  2,      // number of points on the curves
           weight:         'normal',       // font weight (normal, bold)
           style:          'normal',       // font style  (normal, italics)
       }
   
       // label radius
       material1 = new THREE.MeshBasicMaterial({color: 0x009900});
       var text3dgeom_r = new THREE.TextGeometry('r = '+cone_radius, text3dparams);
       text3d_r = new THREE.Mesh(text3dgeom_r, material1);
       text3d_r.position.y = cone_height+0.1;
       text3d_r.position.z = cone_radius/2-0.35;
       text3d_r.rotation.y = -Math.PI/2;
       scene.add(text3d_r);
   }
   

6. मुझे त्रुटि THREE.GridHelper: setColors() has been deprecated, pass them in the constructor instead. भी मिली, इसे हल करने के लिए, मैंने निकाला:

   gridHelper.setColors( new THREE.Color(gridcolor), new THREE.Color(gridcolor) );
   

और जोड़ा गया (ग्रिडस्टेप 1 पहले था, फिर उसी ग्रिड को प्राप्त करने के लिए मूल्य को 20 पर सेट करने की आवश्यकता थी):

    var gridHelper = new THREE.GridHelper(gridplaneSize/2, gridstep, gridcolor, gridcolor);

1. फिर मुझे तीनj परिवर्तनों (क्रोम कंसोल में चेतावनी के रूप में दिखाया गया है) का ध्यान रखने की आवश्यकता है:

6.1 THREE.MeshBasicMaterial: 'ambient' is not a property of this material. ambient:color, new THREE.MeshBasicMaterial(); को निकालकर हल किया गया

6.2 लाइट्स बदलती हैं, बस चेतावनी के अनुसार बदलें:

    THREE.Light: .shadowMapWidth is now .shadow.mapSize.width.
    THREE.Light: .shadowMapHeight is now .shadow.mapSize.height.
    THREE.Light: .shadowCameraNear is now .shadow.camera.near.
    THREE.Light: .shadowCameraFar is now .shadow.camera.far.
    THREE.Light: .shadowCameraFov is now .shadow.camera.fov.
    THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( 
    THREE.WebGLRenderer: .shadowMapEnabled is now .shadowMap.enabled.

6.3 THREE.Light: .shadowDarkness has been removed. - इसे हटा दें।

1. मैंने रेंडरर सेटअप भी बदल दिया है:

   // OLD 
   var renderer = Detector.webgl ? new THREE.WebGLRenderer({ antialias: true }) : new THREE.CanvasRenderer({ antialias: true });
   
   // NEW
   var renderer;
   if(Detector.webgl)
   {
       renderer = new THREE.WebGLRenderer({ antialias: true });
   }
   else
   {
       renderer = new THREE.CanvasRenderer({ antialias: true });
   }
   

2. मुझे दृश्य सेटअप में एक सफेद पृष्ठभूमि रंग जोड़ने की आवश्यकता थी:

   var scene = new THREE.Scene();          
   scene.background = new THREE.Color( 0xffffff );
   

अब मेरा आवेदन पुराने तीनjs संस्करण के साथ चलता है। अपने प्रोजेक्ट के लिए भी शुभकामनाएँ!