Sdílet prostřednictvím


Kurz Mesh 201 – kapitola 3: Načtení místního sdíleného souboru HTML do souboru WebSlate

V předchozí kapitole tohoto kurzu jste povolili tlačítko pro načtení místního nesdíleného souboru HTML do webSlate. V této kapitole nastavíme také stránku HTML, která se načte, ale tentokrát se bude sdílet, a proto ji můžou zobrazit všichni účastníci v prostředí.

  1. V okně Scéna změňte zobrazení tak, abyste se podívali na stanici 2, jak je znázorněno níže.

    Snímek obrazovky s popisem počítače

    Stejně jako v předchozí kapitole už existuje Objekt GameObject s nějakým popisným textem, ale tentokrát existují dvě tlačítka: Načíst 1 a Načíst 2. WebSlate už existuje. Stanici dokončíme aktualizací grafu skriptu, který je připojený k jednomu z tlačítek. Když účastník klikne na některé tlačítko, webová stránka se načte a všichni ostatní účastníci v prostředí můžou sdílet při prohlížení nové stránky. Každé tlačítko na této stanici načte trochu jiný typ obsahu.

  2. V hierarchii sbalte Objekt GameObject s názvem 1 – LocalWebslate.

  3. Rozbalení 2 – StaticContentWebslate Objekt WebSlateFramed byl předem načten a je umístěn zde.

    Snímek obrazovky s popisem počítače

  4. Rozbalte ChapterLabel a jeho podřízený objekt Actions. Tlačítka, se kterými budeme pracovat, LoadButton1 a LoadButton2, se nacházejí tady.

    Snímek obrazovky s popisem počítače

Úprava grafu skriptu

  1. V hierarchii vyberte LoadButton1. V inspektoru si všimněte, že LoadButton1 má komponentu Script Machine s připojeným skriptem s názvem LoadButtonSharedStart. Obsahuje také několik připojených proměnných objektů, které se používají v grafu skriptu.

    Snímek obrazovky s popisem počítače

    Když jste vybrali LoadButton1, skript v jeho komponentě Script Machine automaticky načten do okna Script Graph . Stejně jako v předchozí kapitole už byl graf skriptu spuštěný za vás.

    Snímek obrazovky s popisem počítače

Přidání interagovatelného textu sítě: Je vybraný uzel

Naším prvním úkolem je přidat interagovatelné tělo sítě: Je vybraný uzel. Jak je popsáno v předchozí kapitole, máte na výběr dva uzly "Interagovatelné tělo sítě": Je vybráno místně nebo je vybráno. Text nad každým uzlem vám může pomoct potvrdit chování.

Snímek obrazovky s popisem počítače

Pro stanici 1 jsme chtěli, aby událost aktivovala jenom osoba, která ji spustila, takže skript obsahoval uzel s textem "Je vybrán místně". Tentokrát chceme, aby všichni účastníci událost zažili, takže pro tento uzel vybereme druhý uzel– ten, který jednoduše řekne "Je vybrán".

  1. Klikněte na port Výstup dat uzlu Herní objekt a přetáhněte ho doprava. Tím se otevře Vyhledávání přibližných shod. UPOZORNĚNÍ: Jakmile otevřete Vyhledávání přibližných shod, neklikejte nikde mimo rozhraní Unity. Tím se zavře Vyhledávání přibližných shod a způsobí nepředvídatelné chování v grafu skriptu.

  2. Ve Vyhledávání přibližných shod vyhledejte "Interagovatelné tělo sítě: Je vybráno" a pak ho vyberte.

    Snímek obrazovky s popisem počítače

    Tím se uzel přidá do grafu.

  3. Přetáhněte spojnici z portu Výstup dat interagovatelného textu sítě: Je vybraný uzel a pak ho připojte k portu Pro vstup dat v uzlu Microsoft Mesh: Při změně stavu.

    Snímek obrazovky s popisem počítače

Přidání uzlu Web Slate: Načtení obsahu HTML (prostředek HTML)

Graf skriptů už obsahuje dva uzly proměnných objektů, které potřebujeme, takže můžeme přejít vpřed a přidat konečný uzel, který potřebujeme.

  1. Přetáhněte spojnici z výstupního portu ovládacího prvku uzlu If a pak vytvořte nový uzel Webové slate: Načíst obsah HTML (prostředek HTML). Jak je popsáno v předchozí kapitole, mějte na paměti, že existují dva uzly s velmi podobnými názvy.

    Snímek obrazovky s popisem počítače

    Chcete, aby ten, který říká " HTML Asset", nikoli "HTML Content".

    Snímek obrazovky s popisem počítače

  2. Přetáhněte spojnici z portu Výstup dat uzlu Získat objektovou proměnnou s hodnotou WebSlate a pak ji připojte k prvnímu portu vstupu dat uzlu Webové slate: Načtení obsahu HTML .

    Snímek obrazovky s popisem počítače

  3. Webová stránka, kterou chceme načíst, je v druhém uzlu Získat proměnnou objektu. Přetáhněte konektor z portu Výstup dat daného uzlu a pak ho připojte ke druhému portu vstupu dat uzlu Webová slate: Načtení uzlu obsahu HTML.

    Snímek obrazovky s popisem počítače

Otestování práce

  1. V Unity uložte projekt a stiskněte tlačítko Přehrát v Unity Editoru.

  2. Umístěte se před stanici 2. Stejně jako v předchozí kapitole webSlate zobrazuje některé informace o společnosti Microsoft, protože výchozí adresa URL v komponentě WebSlate je nastavena na domovskou stránku Společnosti Microsoft.

    Snímek obrazovky s popisem počítače

  3. Klikněte na tlačítko Načíst 1 . WebSlate načte a zobrazí stránku s názvem "Větrná energie po celém světě". Všimněte si, že webSlate je interaktivní – můžete kliknout na šipky nad a pod posuvníkem nebo prázdným místem na posuvníku a přesunout posuvník a změnit zobrazení stránky. (Posuvník nejde přetáhnout.)

    Snímek obrazovky s popisem počítače

  4. Klikněte na tlačítko Načíst 2 a všimněte si, že se obrázek načte do webSlate.

    Snímek obrazovky s popisem počítače

To funguje, protože už máme nastavený kompletní skript pro tlačítko Načíst 2 a má přesně stejnou strukturu uzlů jako skript pro tlačítko Načíst 1. Jediným rozdílem je proměnná pro každý skript. U tlačítka Načíst 1 je hodnota proměnné HTMLAsset soubor HTML "windenergyfacts".

Snímek obrazovky s popisem počítače

U tlačítka Load 2 je hodnota proměnné HTMLAsset soubor HTML "meshimage".

Snímek obrazovky s popisem počítače

Pokud vás zajímá soubor meshimage.html , otevřete ho a podívejte se na něj. Nachází se ve složce Assets>MeshWebSlates>HTMLFiles projektu.

Snímek obrazovky s popisem počítače

Jediným obsahem v souboru je odkaz na obrázek, který jste viděli po kliknutí na tlačítko Načíst 2 .

Snímek obrazovky s popisem počítače

Další kroky