A lightweight, web-based 3D STL file viewer built with Three.js. View and interact with your 3D models directly in the browser.

English | Türkçe

• Interactive 3D model viewing with zoom, pan, and rotate functionalities
• Support for STL file formats
• Multiple view angles (Front, Back, Top, Bottom, Left, Right, ISO)
• Model color customization
• Background color adjustment
• Light intensity control
• Model information display (triangle count, dimensions, volume)
• Grid display options (XY, XZ, YZ)
• Responsive design for both desktop and mobile devices
• Touch support for mobile devices
• Auto-rotate functionality
• Model centering and auto-scaling
• Drag and drop file upload support

• Three.js - 3D graphics library
• Bootstrap 5.3.0 - UI framework
• Bootstrap Icons - Icon library
• Hammer.js - Touch gestures
• JavaScript (ES6+)
• HTML5/CSS3

1. Clone the repository:

git clone https://github.com/mustafatemur/3D-STL-Viewer.git

2. Open index.html in a web browser or deploy to a web server.

3. Upload an STL file by:

   • Clicking the upload button
   • Dragging and dropping a file onto the upload zone

• Chrome (recommended)
• Firefox
• Safari
• Edge

This project is licensed under the MIT License - see the LICENSE file for details.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/YourFeature)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin feature/YourFeature)
5. Open a Pull Request

• Yakınlaştırma, kaydırma ve döndürme işlevleriyle etkileşimli 3D model görüntüleme
• STL dosya formatı desteği
• Çoklu görüntüleme açıları (Ön, Arka, Üst, Alt, Sol, Sağ, ISO)
• Model rengi özelleştirme
• Arka plan rengi ayarlama
• Işık yoğunluğu kontrolü
• Model bilgisi görüntüleme (üçgen sayısı, boyutlar, hacim)
• Izgara görüntüleme seçenekleri (XY, XZ, YZ)
• Hem masaüstü hem mobil cihazlar için duyarlı tasarım
• Mobil cihazlar için dokunmatik destek
• Otomatik döndürme işlevi
• Model merkezleme ve otomatik ölçeklendirme
• Sürükle-bırak dosya yükleme desteği

• Three.js - 3D grafik kütüphanesi
• Bootstrap 5.3.0 - UI framework
• Bootstrap Icons - İkon kütüphanesi
• Hammer.js - Dokunmatik hareketler
• JavaScript (ES6+)
• HTML5/CSS3

1. Depoyu klonlayın:

git clone https://github.com/mustafatemur/3D-STL-Viewer.git

2. index.html dosyasını bir web tarayıcısında açın veya bir web sunucusuna dağıtın.

3. STL dosyası yüklemek için:

   • Yükleme butonuna tıklayın
   • Dosyayı yükleme bölgesine sürükleyip bırakın

• Chrome (önerilen)
• Firefox
• Safari
• Edge

Bu proje MIT Lisansı altında lisanslanmıştır - detaylar için LICENSE dosyasına bakınız.

1. Projeyi fork edin
2. Özellik dalınızı oluşturun (git checkout -b özellik/SizinÖzelliğiniz)
3. Değişikliklerinizi commit edin (git commit -m 'Bazı özellikler eklendi')
4. Dalınıza push edin (git push origin özellik/SizinÖzelliğiniz)
5. Bir Pull Request açın

• Author: @mustafatemur