Projektant modułu cieniującego

W tym dokumencie opisano sposób pracy z Visual Studio programem Shader Designer, w celu tworzenia, modyfikowania i eksportowania niestandardowych efektów wizualnych, które są znane jako cieniowania.

Projektant modułu cieniującego można użyć do tworzenia niestandardowych efektów wizualnych dla gier lub aplikacji, nawet jeśli nie znasz programowania HLSL.Aby utworzyć moduł cieniujący w projektancie modułu cieniującego, wystarczy umieścić go jako wykres, tzn. dodać do węzłów powierzchni projektu, które reprezentują dane i operacje, a następnie wprowadzić połączenia między nimi, aby zdefiniować sposób przetwarzania danych w operacjach.W każdym węźle operacji jest udostępniany podgląd efektu do tego punktu, dzięki czemu można wizualizować jej wynik.Przepływy danych przez węzły w kierunku końcowego węzła, który reprezentuje dane wyjściowe cieniowania.

Obsługiwane formaty

Program Shader Designer obsługuje następujące formaty modułu cieniującego:

Formatuj nazwę	Rozszerzenie pliku	Obsługiwane operacje (Wyświetl, Edytuj, Eksportuj)
Directed Graph Shader Language	.dgsl	Wyświetlanie, edytowanie
Cieniowanie pikseli w języku HLSL (kod źródłowy)	.hlsl	Eksportowanie
Cieniowanie pikseli w języku HLSL (kod bajtowy)	.cso	Eksportowanie
Nagłówek języka C++ (tablica kodów bajtowych języka HLSL)	.h	Eksportowanie

Rozpoczynanie pracy

Tej sekcji opisano sposób dodawania z modułu cieniującego DGSL, aby Twój Visual Studio projektu i zawiera podstawowe informacje, które pomogą Ci rozpocząć pracę.

Aby dodać do projektu z modułu cieniującego DGSL

1. W Solution Explorer, otwórz menu skrótów dla projektu, do którego chcesz dodać moduł cieniujący przeznaczony do, a następnie wybierz Dodaj, Nowy element.

2. W Add New Item okno dialogowe poniżej Installed, wybierz grafiki, a następnie wybierz Visual wykres modułu cieniującego (.dgsl).

3. Określ Nazwa pliku modułu cieniującego i lokalizacji miejsce ma zostać utworzony.

4. Wybierz przycisk Dodaj.

Domyślny moduł cieniujący

Za każdym razem, gdy tworzysz modułu cieniującego DGSL, zaczyna się jako minimalny moduł cieniujący, który właśnie Kolor punktu węzeł, który jest podłączony do Koloru końcowego węzła.Mimo że ten moduł cieniujący jest kompletne i funkcjonalności, to nie robi wiele.W związku z tym, pierwszym krokiem podczas tworzenia modułu cieniującego pracy jest często do usunięcia Kolor punktu węzła lub odłącz go od Koloru końcowego węzeł, aby zrobić miejsce dla innych węzłów.

Praca z programem Shader Designer

W poniższych sekcjach opisano sposób używania projektanta modułu cieniującego do pracy z modułami cieniującymi niestandardowych.

Paski narzędzi programu Shader Designer

Na pasku narzędzi programu Shader Designer dostępne są polecenia ułatwiające pracę z wykresami cieniowania DGSL.

Polecenia, które wpływają na stan programu Shader Designer, znajdują się na pasku narzędzi Tryb programu Shader Designer w głównym oknie programu Visual Studio.Narzędzia i polecenia do projektowania znajdują się na pasku narzędzi programu Shader Designer na powierzchni projektowej tego programu.

Oto pasek narzędzi Tryb programu Shader Designer:

W tej tabeli opisano elementy na pasku narzędzi Tryb programu Shader Designer, które są wymienione w kolejności, w jakiej są wyświetlane od lewej do prawej:

Element paska narzędzi	Opis
Wybierz	Umożliwia interakcję z węzłami i krawędziami wykresu.W tym trybie można wybrać węzły i przenieść lub usunąć je, a także można ustanowić krawędzie lub je przerwać.
Pan	Umożliwia ruch wykresu cieniowania względem ramki okna.Aby panoramować, wybierz punkt na powierzchni projektowej i przesuwaj go wokół. W trybie Zaznacz można nacisnąć i przytrzymać klawisz Ctrl, aby tymczasowo uaktywnić tryb Panoramowanie.
Powiększenie	Umożliwia wyświetlanie większej lub mniejszej ilości szczegółów wykresu cieniowania względem ramki okna.W trybie Powiększenie wybierz punkt na powierzchni projektowej, a następnie przesuń go w prawo lub w dół, aby powiększyć, lub w lewo lub do góry, aby pomniejszyć. W trybie Zaznacz można nacisnąć i przytrzymać klawisz Ctrl, aby powiększyć lub pomniejszyć widok za pomocą kółka myszy.
Dopasuj widok do rozmiaru	Wyświetla pełny wykres cieniowania w ramce okna.
Tryb renderowania w czasie rzeczywistym	Po włączeniu renderowania w czasie rzeczywistym program Visual Studio odrysowuje powierzchnię projektu, nawet wtedy, gdy nie jest wykonywana żadna akcja użytkownika.Ten tryb jest przydatny podczas pracy z cieniowaniami zmieniającymi się w czasie.
Podgląd z kulą	Po włączeniu modelu kuli jest używany do podglądu modułu cieniującego.Można włączyć podgląd tylko jednego kształtu naraz.
Podgląd z sześcianem	Po włączeniu model sześcianu umożliwia podgląd modułu cieniującego.Można włączyć podgląd tylko jednego kształtu naraz.
Podgląd z walcem	Po włączeniu model walca jest używany do podglądu modułu cieniującego.Można włączyć podgląd tylko jednego kształtu naraz.
Podgląd ze stożkiem	Po włączeniu model stożka umożliwia podgląd modułu cieniującego.Można włączyć podgląd tylko jednego kształtu naraz.
Podgląd z czajniczkiem	Po włączeniu modelu czajniczka jest używany do podglądu modułu cieniującego.Można włączyć podgląd tylko jednego kształtu naraz.
Podgląd z płaszczyzną	Po włączeniu model płaszczyzny umożliwia podgląd modułu cieniującego.Można włączyć podgląd tylko jednego kształtu naraz.
Przybornik	Zamiennie pokazuje lub ukrywa Przybornik.
Właściwości	Zamiennie pokazuje lub ukrywa okno Właściwości.
Zaawansowane	Zawiera zaawansowane polecenia i opcje. Eksportowanie Umożliwia eksport cieniowania w kilku formatach. Eksportuj jako Eksportuje cieniowanie jako kod źródłowy języka HLSL lub jako kod bajtowy skompilowanego cieniowania.Aby uzyskać więcej informacji na temat eksportu cieniowań, zobacz Jak: eksportowanie modułu cieniującego. Aparaty grafiki Umożliwia wybór modułu renderowania używanego do wyświetlania powierzchni projektowej. Renderowanie z D3D11 Używa programu Direct3D 11 do renderowania powierzchni projektu programu Shader Designer. Renderowanie z D3D11WARP Używa platformy WARP (Windows Advanced Rasterization Platform) programu Direct3D 11 do renderowania powierzchni projektu programu Shader Designer. Widok Umożliwia wybór dodatkowych informacji o programie Shader Designer. Szybkość klatek Po włączeniu wyświetla bieżącą szybkość klatek w prawym górnym rogu powierzchni projektowej.Szybkość odtwarzania to liczba ramek wyświetlanych na sekundę. Ta opcja jest przydatna po włączaniu opcji Tryb renderowania w czasie rzeczywistym. Porada Można wybrać przycisk Zaawansowane, aby ponownie uruchomić ostatnie polecenie.

Praca z węzłów i połączeń

Tryb Wybierz umożliwia dodawanie, usuwanie, zmianę położenia, łączenie i konfigurowanie węzłów.Poniżej przedstawiono sposób wykonywania tych podstawowych operacji:

Aby wykonać podstawowe operacje w trybie wyboru

• Oto sposób:

  • Aby dodać węzeł do wykresu, zaznacz go w Przyborniku, a następnie przenieś do powierzchni projektu.

  • Aby usunąć węzeł z wykresu, zaznacz go i naciśnij klawisz Delete.

  • Aby zmienić położenie węzła, zaznacz go i przenieś go do nowej lokalizacji.

  • Aby połączyć dwa węzły, przenieść terminal wyjścia jednego węzła do terminalu wejścia innego węzła.Mogą być połączone tylko terminale, które mają zgodne typy.Linia między terminalami pokazuje połączenia.

  • Aby usunąć połączenie, dla jednego z połączonych terminali wybierz w menu skrótów polecenie Zerwanie łącza.

  • Aby skonfigurować właściwości węzła, zaznacz węzeł, a następnie w oknie Właściwości określ nowe wartości dla właściwości.

Wyświetlanie cieniowań

Aby ułatwić zrozumienie wyglądu modułu cieniującego w aplikacji użytkownika, można skonfigurować sposób przeglądania skutku.W celu przybliżenia aplikacji można wybrać jeden z kilku kształtów renderowania, skonfigurować tekstury i inne parametry materiału, włączyć animacje efekty czasowe i zbadać podgląd pod różnymi kątami.

Kształty

Program Shader Designer zawiera sześć kształtów — kulę, sześcian, walec stożek, czajniczek i płaszczyznę — których można użyć, aby wyświetlić podgląd modułu cieniującego.W zależności od programu do cieniowania niektóre kształty mogą dawać lepszy podgląd.

Aby wybrać kształt podglądu

• Na pasku narzędzi Tryb programu Shader Designer wybierz żądany kształt.

Parametry tekstury i materiału

Wiele programów do cieniowania polega na teksturach i właściwościach materiałów do wytworzenia unikatowego wyglądu dla każdego rodzaju obiektu w aplikacji.Aby zobaczyć, jak moduł cieniujący będzie wyglądać w aplikacji użytkownika, można ustawić właściwości tekstur i materiału używane do renderowania podglądu tekstury i parametry używane w aplikacji.

Aby powiązać inną teksturę z rejestrem tekstury lub modyfikować inne parametry materiału

1. W trybie Zaznacz wybierz pusty obszar powierzchni projektowej.Powoduje to wyświetlenie w oknie Właściwości właściwości globalnych modułu cieniującego.

2. W oknie Właściwości określ nowe wartości dla właściwości tekstury i parametrów, które chcesz zmienić.

Oto parametry cieniowań, które można zmodyfikować:

Parametr	Właściwości
Tekstura 1 – Tekstura 8	Dostęp Publiczna, umożliwiająca ustawienie właściwości z poziomu edytora modelu; w przeciwnym razie Prywatna. Nazwa pliku Pełna ścieżka pliku tekstury, który jest skojarzony z tym rejestrem tekstury.
Materiał otoczenia	Dostęp Publiczna, umożliwiająca ustawienie właściwości z poziomu edytora modelu; w przeciwnym razie Prywatna. Wartość Rozmyty kolor bieżącego piksela uwzględniający oświetlenie pośrednie lub oświetlenie otoczenia.
Materiał rozproszony	Dostęp Publiczna, umożliwiająca ustawienie właściwości z poziomu edytora modelu; w przeciwnym razie Prywatna. Wartość Kolor, który opisuje sposób, w jaki bieżący piksel rozprasza bezpośrednie oświetlenie.
Materiał emisyjny	Dostęp Publiczna, umożliwiająca ustawienie właściwości z poziomu edytora modelu; w przeciwnym razie Prywatna. Wartość Składowa koloru bieżącego piksela uwzględniająca jego własne oświetlenie.
Materiał zwierciadlany	Dostęp Publiczna, umożliwiająca ustawienie właściwości z poziomu edytora modelu; w przeciwnym razie Prywatna. Wartość Kolor, który opisuje sposób, w jaki bieżący piksel odbija bezpośrednie oświetlenie.
Moc odbijania światła przez materiał	Dostęp Publiczna, umożliwiająca ustawienie właściwości z poziomu edytora modelu; w przeciwnym razie Prywatna. Wartość Wykładnik , który opisuje natężenie światła odbitego w bieżącym pikselu.

Efekty czasowe

Niektóre moduły cieniujące mają czasem składnik animujący efekt.Aby wyświetlić efekt w działaniu, podgląd musi być aktualizowany kilka razy na sekundę.Domyślnie podgląd jest aktualizowany tylko po zmianie cieniowania. Aby zmienić to zachowanie, tak aby wyświetlać efekty czasowe, trzeba włączyć renderowanie w czasie rzeczywistym.

Aby włączyć renderowanie w czasie rzeczywistym

• Na pasku narzędzi programu Shader Designer wybierz opcję Renderowanie w czasie rzeczywistym.

Badanie wpływu

Na wiele cieniowań mają wpływ zmienne takie jak kąt widzenia lub oświetlenie kierunkowe.Aby sprawdzić efekt zmiany zmiennych, można swobodnie obracać kształt w trybie podglądu i obserwować zachowanie modułu cieniującego.

Aby obrócić kształt

• Naciśnij i przytrzymaj klawisz Alt, a następnie zaznaczyć dowolny punkt na powierzchni projektu i przenieść go.

Eksportowanie cieniowań

Zanim będzie można używać cieniowania w aplikacji, należy je wyeksportować w formacie, który rozumie program DirectX.

Możliwy jest eksport modułów cieniujących jako kod źródłowy języka HLSL lub skompilowany kod bajtowy modułu cieniującego.Kod źródłowy języka HLSL jest eksportowany do pliku tekstowego, który ma rozszerzenie nazwy pliku .hlsl.Kod bajtowy modułu cieniującego można eksportować do surowego pliku binarnego, który ma rozszerzenie nazwy pliku .cso, lub do pliku nagłówka (.h) C++, który koduje kod bajtowy modułu cieniującego do postaci tablicy.

Aby uzyskać więcej informacji na temat eksportu cieniowań, zobacz Jak: eksportowanie modułu cieniującego.

Skróty klawiaturowe

Polecenie	Skróty klawiaturowe
Przełącz do trybu Zaznaczenie	Ctrl+G, Gtrl+Q S
Przełącz do trybu Powiększenia	Ctrl+G, Ctrl+Z Z
Przełącz do trybu panoramowania	Ctrl+G, Ctrl+P K
Zaznacz wszystkie	Ctrl+A
Usuń bieżące zaznaczenie	Usuń
Anuluj bieżące zaznaczenie	Escape
Powiększanie	CTRL + obrót kółkiem myszy do przodu Znak plus (+)
Pomniejszanie	Ctrl - obrót kółkiem myszy do tyłu Znak minusa (-)
Przesunięcie warstwy projektowania w górę	Obrót kółkiem myszy do tyłu PageDown
Przesunięcie warstwy projektowania w dół	Obrót kółkiem myszy do przodu PageUp
Przesunięcie warstwy projektowania w lewo	Shift+obrót kółkiem myszy do tyłu Ruch kółkiem myszy w lewo Shift+PageDown
Przesunięcie warstwy projektowania w prawo	Shift+obrót kółkiem myszy do przodu Ruch kółkiem myszy w prawo Shift+PageUp
Przenieś fokus klawiatury na inny węzeł	Klawisze strzałek
Zaznacz węzeł, który ma fokus klawiatury (dodaje węzeł grupy wyboru)	Shift+Spacja
Przełącza zaznaczenie węzła, który ma fokus klawiatury	Ctrl + spacja
Przełącza bieżące zaznaczenie (jeśli nie zaznaczono żadnych węzłów, wybiera węzeł, który ma fokus klawiatury)	Spacja
Przenieś bieżące zaznaczenie w górę	Shift+Strzałka w górę
Przenieś bieżące zaznaczenie w dół	Shift+Strzałka w dół
Przenieś bieżące zaznaczenie w lewo	Shift+Strzałka w lewo
Przenieść bieżące zaznaczenie w prawo	Shift+Strzałka w prawo.

Tematy pokrewne

Tytuł	Opis
Praca z aktywów 3-w dla gry i aplikacje	Zawiera omówienie Visual Studio narzędzia, które służą do pracy z tekstury i obrazów, 3-w modelach i efekty programu do cieniowania.
Edytor obrazu	Opisuje sposób używania programu Visual Studio Image Editor do pracy z teksturami i obrazami.
Edytor modelu	Opisuje sposób używania programu Visual Studio Model Editor do pracy z modelami trójwymiarowych.