Jak zobrazit interaktivní 3D objekty na webové stránce: 4 kroky

Obsah:

Jak zobrazit interaktivní 3D objekty na webové stránce: 4 kroky
Jak zobrazit interaktivní 3D objekty na webové stránce: 4 kroky

Video: Jak zobrazit interaktivní 3D objekty na webové stránce: 4 kroky

Video: Jak zobrazit interaktivní 3D objekty na webové stránce: 4 kroky
Video: TOP 15 – Skryté funkce na iPhone (iOS), které musíte znát! 🔥 2024, Smět
Anonim

Předpokládejme, že jste navrhli 3D model na AutoCADu nebo jiném tvůrci 3D modelů a chcete jej zobrazit na své webové stránce, aniž byste ztratili nebo ohrozili 3D interaktivitu. Tento článek vám poskytne několik možností, jak to udělat.

Kroky

Metoda 1 ze 2: Použití Javascript Framework jsc3d

4722865 1
4722865 1

Krok 1. Všimněte si, že jsc3d je rámec JavaScriptu, který poskytuje prohlížeč 3D objektů pro webové stránky

Je zcela kódován v javascriptu a k provedení vykreslování a interakcí vyžaduje plátno HTML. Poskytuje ortografický pohled.

4722865 2
4722865 2

Krok 2. Stáhněte si soubor jsc3d zip z Googlu

Odkaz je:

4722865 3
4722865 3

Krok 3. Použijte kód zobrazený na obrázku

Místo tmavě červeně zvýrazněného textu napište podle potřeby název cesty k souboru. Zajistěte, aby byl váš soubor ve formátu.obj, nebo jej jinak převeďte na.obj.

4722865 4
4722865 4

Krok 4. Ujistěte se, že splňujete požadavky:

  • Prohlížeč s povoleným JavaScriptem
  • Podpora HTML 5
  • Podpora na plátně.

Metoda 2 ze 2: Použití třetích stran

4722865 5
4722865 5

Krok 1. Vyberte službu

Existují různé webové stránky, které umožňují prohlížení 3D objektů.

4722865 6
4722865 6

Krok 2. Použijte odkaz, který vám poskytnou

U většiny těchto služeb můžete odeslat svůj 3D soubor a získat odkaz, který můžete vložit na svou webovou stránku.

  • Například na sketchfab.com získáte následující odkaz:

    Wikihow3d podle lal.abhishek na Sketchfab

Doporučuje: