Lab04 / 04Exploded internals and configuratorPatlatılmış iç yapı ve konfigüratör
Open the shell to see the sensor, switches and battery, and change the body and lighting colors live. A template we built for hardware such as mice, keyboards, headsets, cases and components.Kabuğu açıp sensörü, switchleri ve pili görün; gövde ve aydınlatma rengini canlı değiştirin. Mouse, klavye, kulaklık, kasa ve bileşen gibi donanım ürünleri için kurduğumuz kalıp.
Click and scroll
The left button is pressed and released, then the right button, then the scroll wheel turns.
ConfigurationYapılandırma
ViewsGörünümler
PartsParçalar
Select a part and we will explain what it does here.Bir parça seçin, ne işe yaradığını burada anlatalım.
This mouse is not a copy of a real product. Dimensions are taken from the common ranges of its class (126 × 66 × 41 mm body, 20 mm scroll wheel, 1.6 mm shell thickness). The body form, hole pattern and branding belong to Rise of Digital.
01What you are looking atNe görüyorsunuz
Anyone buying a piece of hardware wants to know what is inside: where the sensor sits, which button each switch is under, how much space the battery takes up. None of that is in the catalog. In this example the visitor opens the shell, inspects the parts one by one, chooses the body and lighting colors and, if they like, places the product on their own desk with their phone.Bir donanım ürününü satın alan kişi kutunun içini merak eder: sensör nerede duruyor, switchler hangi tuşun altında, pil ne kadar yer kaplıyor. Katalogda bunların hiçbiri yoktur. Bu örnekte ziyaretçi kabuğu kendisi açıyor, parçaları tek tek inceliyor, gövde ve aydınlatma rengini seçiyor ve isterse ürünü telefonuyla kendi masasının üzerine koyuyor.
02Where it worksNerede işe yarar
- Showing the internal structure on a hardware brand's product page: mice, keyboards, headsets, casesDonanım markasının ürün sayfasında iç yapıyı gösterme: mouse, klavye, kulaklık, kasa
- Presenting color and lighting options without a photo shoot for every variantRenk ve aydınlatma seçeneklerini stok fotoğrafı çekmeden sunma
- Explaining components such as graphics cards, motherboards and coolers without opening the boxEkran kartı, anakart, soğutucu gibi bileşenleri kutusunu açmadan anlatma
- Bringing the product family together on a single screen at a trade show boothFuar standında ürün ailesini tek ekranda toplama
- Letting customers see the product at full size on their own desk through their phoneMüşterinin telefonuyla ürünü kendi masasında gerçek boyutta görmesi
03How it was madeNasıl üretildi
- Dimension sourceÖlçü kaynağı
- Common body and component ranges for the gaming mouse classOyuncu mouse sınıfının yaygın gövde ve bileşen aralıkları
- BodyGövde
- 126 × 66 × 41 mm, 1.6 mm shell thickness126 × 66 × 41 mm, 1,6 mm kabuk kalınlığı
- SensorSensör
- 26,000 DPI optical sensor, 10.4 mm lens26.000 DPI optik sensör, 10,4 mm lens
- ButtonsTuşlar
- Optical switches rated for 80 million clicks, separately molded buttons80 milyon tıklamalık optik switch, ayrı kalıplanan tuşlar
- Scroll wheelTekerlek
- 20 mm rubber wheel with a lighting ring in the center20 mm kauçuk tekerlek, ortasında aydınlatma halkası
- LightingAydınlatma
- 18 addressable LEDs, opal diffuser, flowing color wave18 adreslenebilir LED, opal difüzör, akan renk dalgası
- ConfigurationYapılandırma
- Four body colors, four lighting colors, lighting can be switched offDört gövde rengi, dört aydınlatma rengi, aydınlatma kapatılabilir
- MotionHareket
- The left and right buttons click, the scroll wheel turnsSol ve sağ tuş basılıyor, tekerlek dönüyor
- Part countParça sayısı
- 19 separate parts19 ayrı parça
- File sizeDosya boyutu
- 893 KB (464 KB on mobile)893 KB (mobilde 464 KB)
- TechnologyTeknoloji
- Three.js and WebGL, no plugins requiredThree.js ve WebGL, eklenti gerekmez
- Augmented realityArtırılmış gerçeklik
- On a phone, places the product on your desk at its real 126 mm lengthTelefonda ürünü gerçek 126 mm boyuyla masanıza yerleştirir
- Technical information sourceTeknik bilgi kaynağı
- In client projects, part names and descriptions come from the client's technical documentation and are approved by the client before going live.Müşteri projelerinde parça adları ve açıklamaları müşterinin teknik dokümanından alınır, yayına çıkmadan önce müşteri onaylar.
04QuestionsSık sorulanlar
Is this 3D mouse a copy of a real product?Bu 3D mouse gerçek bir ürünün kopyası mı?
No. The dimensions come from published ranges for the gaming mouse class (126 × 66 × 41 mm body, 20 mm scroll wheel, 26,000 DPI sensor). The body form, hole pattern and branding belong to Rise of Digital. In client projects, the model is built from the client's own CAD data or technical drawings.Hayır. Ölçüler oyuncu mouse sınıfının yayınlanmış aralıklarından alındı (126 × 66 × 41 mm gövde, 20 mm kaydırma tekerleği, 26.000 DPI sensör); gövde formu, delik deseni ve markalama Rise of Digital'e aittir. Müşteri projelerinde model müşterinin kendi CAD verisinden ya da teknik çiziminden üretilir.
How long does it take to prepare a presentation like this for my own product?Kendi ürünüm için böyle bir sunum hazırlamak ne kadar sürer?
It depends on where the model comes from. If you have a production CAD file (STEP, IGES, SolidWorks), the presentation takes days, not weeks. If there is no model, we build it from photos, technical drawings and measurements; the mouse in this example was made that way. The number of parts, the animation and the configurator options all have a direct effect on the timeline.Süreyi belirleyen şey modelin nereden geldiği. Elinizde üretime giden bir CAD dosyası varsa (STEP, IGES, SolidWorks) sunum haftalar değil günler meselesi. Model yoksa fotoğraf, teknik çizim ve ölçülerden biz modelliyoruz; bu örnekteki mouse da öyle üretildi. Parça sayısı, animasyon ve konfigüratör seçenekleri süreyi doğrudan etkiliyor.
Which files do I need to send?Hangi dosyaları göndermem gerekiyor?
Ideally a production CAD file: STEP, IGES, SolidWorks or Blender. If you do not have one, technical drawings, a dimension list and photos taken from different angles are enough. We also ask for color and material information (RAL code, finish, surface texture) separately, because it changes the result significantly.En iyisi üretim CAD dosyası: STEP, IGES, SolidWorks ya da Blender. Bunlar yoksa teknik çizim, ölçü listesi ve farklı açılardan çekilmiş fotoğraflar yeterli. Renk ve malzeme bilgisi (RAL kodu, kaplama, yüzey dokusu) sonucu ciddi biçimde değiştirdiği için ayrıca istiyoruz.
Does it work on phones and tablets?Telefonda ve tablette çalışıyor mu?
Yes. The scene runs on WebGL, so nothing beyond the browser is needed and no app is downloaded. Low-power devices receive a lighter version of the model; in this example the desktop version is 0.97 MB and the mobile version is 0.53 MB.Evet. Sahne WebGL ile çalıştığı için tarayıcı dışında bir şey gerekmiyor, uygulama indirilmiyor. Düşük güçlü cihazlara modelin hafifletilmiş sürümü iniyor; bu örnekte masaüstü sürümü 0,97 MB, mobil sürümü 0,53 MB.
Do I need an app to see the product in augmented reality?Ürünü artırılmış gerçeklikle görmek için uygulama gerekiyor mu?
No. AR Quick Look takes over on iOS and Scene Viewer on Android; both are part of the operating system. The visitor opens the page on their phone, taps the button and places the product at full size on their own desk. In this example the mouse opens at its real 126 mm length.Hayır. iOS'ta AR Quick Look, Android'de Scene Viewer devreye giriyor; ikisi de işletim sisteminin parçası. Ziyaretçi telefonuyla sayfayı açıp butona basıyor ve ürünü gerçek boyutunda kendi masasına yerleştiriyor. Bu örnekte mouse 126 mm gerçek boyuyla açılıyor.
Can it be added to my existing website?Mevcut web siteme eklenebilir mi?
Yes. The presentation is built as a component that can be embedded in a page, whether the site runs on Shopify, WooCommerce, WordPress or custom software. The same setup works inside a product page, on a touchscreen kiosk at a trade show booth and in a dealer presentation.Evet. Sunum bir sayfaya gömülebilen bileşen olarak kuruluyor; Shopify, WooCommerce, WordPress ya da özel yazılım fark etmiyor. Ürün sayfasının içine, fuar standındaki dokunmatik kiosk ekranına ve bayi sunumuna aynı kurgu çalışıyor.
How many parts can be shown?Kaç parça gösterilebilir?
This example has 19 separate parts, including the shell, buttons, optical switches, sensor, main board, battery, addressable LED array and diffuser. The limit is set by file size, not part count. To stay within a budget that keeps mobile downloads light, the parts of complex products are grouped around the story being told.Bu örnekte 19 ayrı parça var: kabuk, tuşlar, optik switchler, sensör, ana kart, pil, adreslenebilir LED dizisi ve difüzör dahil. Sınırı parça sayısı değil dosya boyutu belirliyor; mobil indirmeyi zorlamayan bütçe içinde kalmak için karmaşık ürünlerde parçalar anlatıma göre gruplanıyor.
05Other demosDiğer örnekler
Next floorSonraki kat
A technical drawing or a product photo is enough to start. We build the model.Başlamak için teknik çizim ya da ürün fotoğrafı yeterli. Modeli biz üretiriz.