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í.
Přechod na tlačítka
V okně Scéna změňte zobrazení tak, abyste se podívali na stanici 2, jak je znázorněno níž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.
V hierarchii sbalte Objekt GameObject s názvem 1 – LocalWebslate.
Rozbalení 2 – StaticContentWebslate Objekt WebSlateFramed byl předem načten a je umístěn zde.
Rozbalte ChapterLabel a jeho podřízený objekt Actions. Tlačítka, se kterými budeme pracovat, LoadButton1 a LoadButton2, se nacházejí tady.
Úprava grafu skriptu
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.
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.
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í.
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".
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.
Ve Vyhledávání přibližných shod vyhledejte "Interagovatelné tělo sítě: Je vybráno" a pak ho vyberte.
Tím se uzel přidá do grafu.
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.
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.
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.
Chcete, aby ten, který říká " HTML Asset", nikoli "HTML Content".
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 .
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.
Otestování práce
V Unity uložte projekt a stiskněte tlačítko Přehrát v Unity Editoru.
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.
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.)
Klikněte na tlačítko Načíst 2 a všimněte si, že se obrázek načte do webSlate.
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".
U tlačítka Load 2 je hodnota proměnné HTMLAsset soubor HTML "meshimage".
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.
Jediným obsahem v souboru je odkaz na obrázek, který jste viděli po kliknutí na tlačítko Načíst 2 .