3D animace produktu

Záleží, existují dvě možnosti:

1) Na webu se zobrazují fotografie.
2) Na webu se zobrazuje skutečný 3D model.

Asi nejjednodušší je vzít fotoaparát a produkt vyfotit s lehkým posunem z co nejvíce úhlů (pro focení se doporučuje stativ nebo alespoň pytlík se strouhankou). Vznikne tak třeba 100 obrázků (záleží na poměru dojmu z plynulosti při otáčení a datové velikosti), které už jen stačí prohazovat JavaScriptem na základě událostí tažení myší: JavaScriptové události myši » Drag and drop události

Vzhledem k tomu, že 1 produktová fotografie může mít třeba 100 kB, to pro všechny fotky ze všech stran znamená značnou datovou zátěž (např. 10 MB). Z tohoto důvodu je pro plynulý zážitek vhodný nějaký preload a zároveň by se možná hodilo i upozornění, že je náhled tak velký.


Druhý způsob jsou potom klasické 3D modely, které se zobrazují na webu. Je ale potřeba je nejprve vlastnit nebo je vytvořit ve specialisovaném programu. Následně je jde importovat do 3D knihoven napsaných v JavaScriptu a zobrazit na webu. Třeba three.js nebo jsc3d. Případně použít službu jako Sketchfab, kam stačí nahrát 3D model a ten jde následně embedovat na stránku.