three.js
3D Dosya Formatları için JavaScript Kitaplığı
Ücretsiz 3D kitaplığı aracılığıyla WebGL, FBX, Collada'nın yanı sıra OBJ dosya biçimlerini okumak, yazmak ve oluşturmak için Açık Kaynak JavaScript API'sı.
Three.js, yazılım geliştiricilere WebGL dosyalarını işleme yeteneği veren, kullanımı kolay, saf bir JavaScript 3d kitaplığıdır. Three.js kitaplığı, FBX, Collada ve OBJ gibi çok sayıda dosya formatı için yükleyiciler sunar, ancak verileri içe ve dışa aktarmak için önerilen format glTF'dir. glTF dosya formatının en güzel yanı, çok kompakt olması, kolayca iletilebilmesi ve ayrıca çok hızlı yüklenmesidir.
Kitaplık, sahne oluşturma, 3B modeller yükleme, metin oluşturma, kamera ayarlama, çizgi çizme, geometrik küp oluşturma, sahneye küp ekleme, sahne oluşturma, öğeye görünüm penceresi ekleme gibi 3B modellerle ilgili birçok önemli özelliği destekler. ve daha fazlası. Three.js kütüphanesinde kullanılan farklı kameralar vardır.
Bir Bakışta
Three.js özelliklerine genel bakış.
- 3B sahneler oluşturun
- 3B modeller yükleniyor
- Çizgi çiz
- FBX Okuma/Yazma
- Collada Oku/Yaz
- 3D sahneleri dönüştürme
- Verileri glTF'ye aktar
- bileşen işleme
- dokuları işlemek
Three.js, aşağıda listelenen popüler 3D dosya biçimlerini destekler.
Platform Bağımsızlığı
Three.js, herhangi bir modern JavaScript paketleyicisinde çalıştırılabilir, en popüler seçenek web paketidir.
- JavaScript
Three.js'ye Başlarken
Three.js'yi kurmanın en kolay yolu npm kullanmaktır. Sorunsuz bir kurulum için lütfen aşağıdaki komutu kullanın.
Three.js'yi NPM aracılığıyla yükleyin
npm install --save three JavaScript kullanarak Sahne Oluştur
Three.js açık kaynak kitaplığı, kendi JavaScript uygulamaları içinde bir küpü döndürmek için bir 3D sahne oluşturma desteği sağlamıştır. Three.js ile herhangi bir şeyi görüntülemek için bir sahne, kamera ve oluşturucuya ihtiyacımız var. Sahneyi tamamlamak için farklı kameraları ve özelliklerini kullanabilirsiniz. Ardından, bir oluşturucu örneği kullanabilir ve uygulamamızı oluşturmasını istediğimiz boyutu ayarlayabilirsiniz. Daha düşük veya daha yüksek çözünürlüğü koruyabilirsiniz. Son olarak, HTML belgenize oluşturucu öğesini (<canvas>) eklersiniz. BoxGeometry kullanarak ve malzemeyi renklendirmek için kullanarak kolayca bir küp oluşturabilirsiniz. Bundan sonra, sahneye yerleştirilebilecek ve ihtiyacınıza göre hareket ettirilebilecek bir Ağ'a ihtiyacınız var.
The open source library three.js has provided support for creating a 3D scene for spinning a cube inside their own JavaScript application. To display anything with three.js we require a scene, camera, and oluşturucu. You can use different cameras and their attribute to complete the scene. Next, you can use a oluşturucu instance and set the size at which we want it to render our app. You can keep the lower or higher resolution. Lastly, you add the oluşturucu element (<canvas>) to your HTML document. You can easily create a cube by using BoxGeometry and using the material to color it. After that, you need a Mesh that can be inserted into the scene and moved according to your need.
The open source library three.js has provided support for creating a 3D scene for spinning a cube inside their own JavaScript application. To display anything with three.js we require a scene, camera, and renderer. You can use different cameras and their attribute to complete the scene. Next, you can use a renderer instance and set the size at which we want it to render our app. You can keep the lower or higher resolution. Lastly, you add the renderer element (<canvas>) to your HTML document. You can easily create a cube by using BoxGeometry and using the material to color it. After that, you need a ağ that can be inserted into the scene and moved according to your need.
JavaScript ile 3D Modelleri Yükleme
Açık kaynaklı Three.js kitaplığı, yazılım programcılarının yalnızca birkaç satır JavaScript koduyla 3B modelleri kendi uygulamalarına yüklemelerine olanak tanır. 3D modeller yüzlerce dosya formatında mevcuttur. Her model farklı amaçlara, çeşitli özelliklere ve değişen karmaşıklığa sahiptir. İlk önce bir yükleyiciye ihtiyacınız var ve bundan sonra sahneyi yükleyebileceksiniz.
Bir Diyagramda Çizgiler Çiz
Three.js açık kaynak kitaplığı, kendi JavaScript uygulamalarının içinde çizgiler veya daireler çizmek için destek sağlamıştır. Başlamak için oluşturucuyu, sahneyi ve kamerayı kurmamız gerekiyor. Bundan sonra, malzemeyi tanımlamanız gerekir ve LineBasicMaterial veya LineDashedMaterial'i kullanabilirsiniz. Malzemeden sonra bazı köşeleri olan geometriye ihtiyacımız olacak. Her ardışık köşe çifti arasında çizgiler çizilir.
