3D UML მოდელირება JavaScript/TypeScript-ში

მინდა შევქმნა ვებ-აპლიკაცია UML დიაგრამების 3D მოდელირებისთვის. მე ვგულისხმობ რამეს მსგავსი ამ 3D UML-ის. მე შემიძლია გამოვიყენო JavaScript (ან TypeScript ან მსგავსი რამ) და CSS3 და HTML5. მაგრამ ჯერ არ ვიცი, რომელი JS ბიბლიოთეკა უნდა გამოვიყენო. ვიპოვე მაგალითად "threejs" და "away3d". იცით რამე შესაფერისი ბიბლიოთეკა ჩემს მიზნებისთვის? გმადლობთ

პასუხი #1

Css3d რენდერერი Threejs-ში შესაძლოა მოხმარებადია, შეგიძლიათ გამოიყენოთ თქვენი ყველა css3 თვისება და ასევე მიიღებთ მარკაპ ენას თქვენს სპეციალისტის ხელსაწყოში, სადაც შეგიძლიათ ნახოთ ყველა Css3d ტრანსფორმაცია. დააკვირდით მათ დემოს პერიოდულ ცხრილს CSS3d პერიოდული ცხრილი.

პასუხი #2

როდესაც obvious გეცოდინება CSS3 3D ტრანსფორმაციებზე. მხოლოდ CSS3-ის გამოყენება შეიძლება თქვენს მიზნებისთვის ცოტა რთული იყოს, მაგრამ ძალიან შესაძლებელია ამის გაკეთება, თუ არ გადაამეტებთ რამდენიმე ელემენტთან 3D-ში, რადგან CSS3 ტრანსფორმაციები განკუთვნილია ზომიერად გამოყენებისთვის.

threejs განკუთვნილია HTML5 Canvas-სა და WebGL-ისთან ერთად გამოყენებისთვის. თუ გსურთ გამოიყენოთ WebGL, რომელიც ძალიან ძლიერი არის 3D-ში რთული ნივთების შესასრულებლად, CSS3 3D ტრანსფორმაციების ნაცვლად, რომელიც ბევრად მარტივია, threejs კარგი არჩევანია, რადგან, ვფიქრობ, WebGL-ს ნატურალური ოპერაციები ტრანსფორმაციის მატრიცებზე არ აქვს.

მაგრამ თუ გსურთ CSS3 3D ტრანსფორმაციები, რაც ვფიქრობ თქვენთვის კარგი იდეაა, უბრალოდ გახსოვდეთ: JavaScript-ში CSS დეკლარაციების შერევა უნდა მოერიდოთ, ცუდი პრაქტიკაა HTML-ის, CSS-ის, JavaScript-ის და სხვა შერევა. შეგიძლიათ დინამიურად შეცვალოთ HTML ელემენტის კლასი (რომელსაც შეიძლება ჰქონდეს კლასი თქვენს აპლიკაციაში). ამ კლასებში თქვენ გააკეთებთ CSS დეკლარაციებს, გადასვლებით, ტრანსფორმაციებით და ა.შ., ელემენტის .style თვისების სკრიპტით შეცვლის ნაცვლად.

მე არ ვიცი, თუ ეს დაგეხმარებათ.