ブループリントエディターを使用してレベルごとにオブジェクトを配置するためのシステムを作成する

こんにちは、私の名前はドミトリーです。 私は趣味としてアンリアルエンジンでコンピューターゲームを作っています。 私のプロジェクトでは、プロシージャ生成レベルを開発しています。 私のアルゴリズムは、空間内のポイント（ルートを「ルート」と呼びます）を明確な順序で配置し、その後、これらのポイントにメッシュをアタッチします。 しかし、ここでは、最初からメッシュをアタッチし、プロジェクトをコンパイルする必要があるという問題が発生します。その後、それがどのように発生したかを確認できます。 エディタウィンドウからVSウィンドウへと非常に長い間継続的に実行するのが自然です。 そして、このためにブループリントエディタを使用することが可能になると思いました。レベルごとのオブジェクトの配置がブループリントを介して実装されるDungeon architectプラグインに目を向けるほど。 実際、ここでは、最初の図にスクリーンショットを示した同様のシステムの作成について説明します。





そのため、最初から独自のファイルタイプを作成します（詳細については、この記事を参照してください ）。 AssetActionクラスでは、OpenAssetEditor関数を再定義します。

void FMyObjectAssetAction::OpenAssetEditor(const TArray<UObject*>& InObjects, TSharedPtr<class IToolkitHost> EditWithinLevelEditor) { const EToolkitMode::Type Mode = EditWithinLevelEditor.IsValid() ? EToolkitMode::WorldCentric : EToolkitMode::Standalone; for (auto ObjIt = InObjects.CreateConstIterator(); ObjIt; ++ObjIt) { UMyObject* PropData = Cast<UMyObject>(*ObjIt); if (PropData) { TSharedRef<FCustAssetEditor> NewCustEditor(new FCustAssetEditor()); NewCustEditor->InitCustAssetEditor(Mode, EditWithinLevelEditor, PropData); } } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

このファイルを開こうとすると、通常のウィンドウではなく、FCustAssetEditorクラスで定義するウィンドウが開きます。

 class FCustAssetEditor : public FAssetEditorToolkit, public FNotifyHook { public: ~FCustAssetEditor(); // IToolkit interface virtual void RegisterTabSpawners(const TSharedRef<class FTabManager>& TabManager) override; virtual void UnregisterTabSpawners(const TSharedRef<class FTabManager>& TabManager) override; // FAssetEditorToolkit virtual FName GetToolkitFName() const override; virtual FText GetBaseToolkitName() const override; virtual FLinearColor GetWorldCentricTabColorScale() const override; virtual FString GetWorldCentricTabPrefix() const override; void InitCustAssetEditor(const EToolkitMode::Type Mode, const TSharedPtr< class IToolkitHost >& InitToolkitHost, UMyObject* PropData); int N; protected: void OnGraphChanged(const FEdGraphEditAction& Action); void SelectAllNodes(); bool CanSelectAllNodes() const; void DeleteSelectedNodes(); bool CanDeleteNode(class UEdGraphNode* Node); bool CanDeleteNodes() const; void DeleteNodes(const TArray<class UEdGraphNode*>& NodesToDelete); void CopySelectedNodes(); bool CanCopyNodes() const; void PasteNodes(); void PasteNodesHere(const FVector2D& Location); bool CanPasteNodes() const; void CutSelectedNodes(); bool CanCutNodes() const; void DuplicateNodes(); bool CanDuplicateNodes() const; void DeleteSelectedDuplicatableNodes(); /** Called when the selection changes in the GraphEditor */ void OnSelectedNodesChanged(const TSet<class UObject*>& NewSelection); /** Called when a node is double clicked */ void OnNodeDoubleClicked(class UEdGraphNode* Node); void ShowMessage(); TSharedRef<class SGraphEditor> CreateGraphEditorWidget(UEdGraph* InGraph); TSharedPtr<SGraphEditor> GraphEditor; TSharedPtr<FUICommandList> GraphEditorCommands; TSharedPtr<IDetailsView> PropertyEditor; UMyObject* PropBeingEdited; TSharedRef<SDockTab> SpawnTab_Viewport(const FSpawnTabArgs& Args); TSharedRef<SDockTab> SpawnTab_Details(const FSpawnTabArgs& Args); FDelegateHandle OnGraphChangedDelegateHandle; TSharedPtr<FExtender> ToolbarExtender; TSharedPtr<FUICommandList> MyToolBarCommands; bool bGraphStateChanged; void AddToolbarExtension(FToolBarBuilder &builder); };
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

このクラスで最も重要なメソッドはInitCustAssetEditorです。 以下に説明するように、このメソッドは最初に新しいエディターを作成し、次に2つの新しい空のタブを作成します。

 const TSharedRef<FTabManager::FLayout> StandaloneDefaultLayout = FTabManager::NewLayout("CustomEditor_Layout") ->AddArea ( FTabManager::NewPrimaryArea() ->SetOrientation(Orient_Vertical) ->Split ( FTabManager::NewStack() ->SetSizeCoefficient(0.1f) ->SetHideTabWell(true) ->AddTab(GetToolbarTabId(), ETabState::OpenedTab) ) ->Split ( FTabManager::NewSplitter() ->SetOrientation(Orient_Horizontal) ->SetSizeCoefficient(0.2f) ->Split ( FTabManager::NewStack() ->SetSizeCoefficient(0.8f) ->SetHideTabWell(true) ->AddTab(FCustomEditorTabs::ViewportID, ETabState::OpenedTab) ) ->Split ( FTabManager::NewStack() ->SetSizeCoefficient(0.2f) ->SetHideTabWell(true) ->AddTab(FCustomEditorTabs::DetailsID, ETabState::OpenedTab) ) ) );
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

これらのタブの1つはbluetoothエディターのタブであり、2番目のタブはノードのプロパティを表示するために必要です。 実際にはタブが作成されますので、何かを埋める必要があります。 RegisterTabSpawnersメソッドの内容でタブを塗りつぶします

 void FCustAssetEditor::RegisterTabSpawners(const TSharedRef<class FTabManager>& TabManager) { WorkspaceMenuCategory = TabManager->AddLocalWorkspaceMenuCategory(FText::FromString("Custom Editor")); auto WorkspaceMenuCategoryRef = WorkspaceMenuCategory.ToSharedRef(); FAssetEditorToolkit::RegisterTabSpawners(TabManager); TabManager->RegisterTabSpawner(FCustomEditorTabs::ViewportID, FOnSpawnTab::CreateSP(this, &FCustAssetEditor::SpawnTab_Viewport)) .SetDisplayName(FText::FromString("Viewport")) .SetGroup(WorkspaceMenuCategoryRef) .SetIcon(FSlateIcon(FEditorStyle::GetStyleSetName(), "LevelEditor.Tabs.Viewports")); TabManager->RegisterTabSpawner(FCustomEditorTabs::DetailsID, FOnSpawnTab::CreateSP(this, &FCustAssetEditor::SpawnTab_Details)) .SetDisplayName(FText::FromString("Details")) .SetGroup(WorkspaceMenuCategoryRef) .SetIcon(FSlateIcon(FEditorStyle::GetStyleSetName(), "LevelEditor.Tabs.Details")); } TSharedRef<SDockTab> FCustAssetEditor::SpawnTab_Viewport(const FSpawnTabArgs& Args) { return SNew(SDockTab) .Label(FText::FromString("Mesh Graph")) .TabColorScale(GetTabColorScale()) [ GraphEditor.ToSharedRef() ]; } TSharedRef<SDockTab> FCustAssetEditor::SpawnTab_Details(const FSpawnTabArgs& Args) { FPropertyEditorModule& PropertyEditorModule = FModuleManager::GetModuleChecked<FPropertyEditorModule>("PropertyEditor"); const FDetailsViewArgs DetailsViewArgs(false, false, true, FDetailsViewArgs::HideNameArea, true, this); TSharedRef<IDetailsView> PropertyEditorRef = PropertyEditorModule.CreateDetailView(DetailsViewArgs); PropertyEditor = PropertyEditorRef; // Spawn the tab return SNew(SDockTab) .Label(FText::FromString("Details")) [ PropertyEditorRef ]; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

プロパティパネルは私たちの標準に適していますが、bluprinエディターは独自に作成します。 CreateGraphEditorWidgetメソッドで作成されます。

 TSharedRef<SGraphEditor> FCustAssetEditor::CreateGraphEditorWidget(UEdGraph* InGraph) { // Create the appearance info FGraphAppearanceInfo AppearanceInfo; AppearanceInfo.CornerText = FText::FromString("Mesh tree Editor"); GraphEditorCommands = MakeShareable(new FUICommandList); { GraphEditorCommands->MapAction(FGenericCommands::Get().SelectAll, FExecuteAction::CreateSP(this, &FCustAssetEditor::SelectAllNodes), FCanExecuteAction::CreateSP(this, &FCustAssetEditor::CanSelectAllNodes) ); GraphEditorCommands->MapAction(FGenericCommands::Get().Delete, FExecuteAction::CreateSP(this, &FCustAssetEditor::DeleteSelectedNodes), FCanExecuteAction::CreateSP(this, &FCustAssetEditor::CanDeleteNodes) ); GraphEditorCommands->MapAction(FGenericCommands::Get().Copy, FExecuteAction::CreateSP(this, &FCustAssetEditor::CopySelectedNodes), FCanExecuteAction::CreateSP(this, &FCustAssetEditor::CanCopyNodes) ); GraphEditorCommands->MapAction(FGenericCommands::Get().Paste, FExecuteAction::CreateSP(this, &FCustAssetEditor::PasteNodes), FCanExecuteAction::CreateSP(this, &FCustAssetEditor::CanPasteNodes) ); GraphEditorCommands->MapAction(FGenericCommands::Get().Cut, FExecuteAction::CreateSP(this, &FCustAssetEditor::CutSelectedNodes), FCanExecuteAction::CreateSP(this, &FCustAssetEditor::CanCutNodes) ); GraphEditorCommands->MapAction(FGenericCommands::Get().Duplicate, FExecuteAction::CreateSP(this, &FCustAssetEditor::DuplicateNodes), FCanExecuteAction::CreateSP(this, &FCustAssetEditor::CanDuplicateNodes) ); } SGraphEditor::FGraphEditorEvents InEvents; InEvents.OnSelectionChanged = SGraphEditor::FOnSelectionChanged::CreateSP(this, &FCustAssetEditor::OnSelectedNodesChanged); InEvents.OnNodeDoubleClicked = FSingleNodeEvent::CreateSP(this, &FCustAssetEditor::OnNodeDoubleClicked); TSharedRef<SGraphEditor> _GraphEditor = SNew(SGraphEditor) .AdditionalCommands(GraphEditorCommands) .Appearance(AppearanceInfo) .GraphToEdit(InGraph) .GraphEvents(InEvents) ; return _GraphEditor; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ここでは、最初から、エディターが応答するアクションとイベントが決定され、エディターのウィジェット自体が作成されます。 最も興味深いパラメーターは.GraphToEdit（InGraph）であり、ポインターをUEdGraphSchema_CustomEditorクラスに渡します。

 UCLASS() class UEdGraphSchema_CustomEditor : public UEdGraphSchema { GENERATED_UCLASS_BODY() // Begin EdGraphSchema interface virtual void GetGraphContextActions(FGraphContextMenuBuilder& ContextMenuBuilder) const override; virtual void GetContextMenuActions(const UEdGraph* CurrentGraph, const UEdGraphNode* InGraphNode, const UEdGraphPin* InGraphPin, FMenuBuilder* MenuBuilder, bool bIsDebugging) const override; virtual const FPinConnectionResponse CanCreateConnection(const UEdGraphPin* A, const UEdGraphPin* B) const override; virtual class FConnectionDrawingPolicy* CreateConnectionDrawingPolicy(int32 InBackLayerID, int32 InFrontLayerID, float InZoomFactor, const FSlateRect& InClippingRect, class FSlateWindowElementList& InDrawElements, class UEdGraph* InGraphObj) const override; virtual FLinearColor GetPinTypeColor(const FEdGraphPinType& PinType) const override; virtual bool ShouldHidePinDefaultValue(UEdGraphPin* Pin) const override; // End EdGraphSchema interface };
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

このクラスは、エディターのコンテキストメニュー項目などを定義し、ノードの接続方法などを定義します。 私たちにとって最も重要なことは、独自のノードを作成できることです。 これは、GetGraphContextActionsメソッドで行われます。

 void UEdGraphSchema_CustomEditor::GetGraphContextActions(FGraphContextMenuBuilder& ContextMenuBuilder) const { FFormatNamedArguments Args; const FName AttrName("Attributes"); Args.Add(TEXT("Attribute"), FText::FromName(AttrName)); const UEdGraphPin* FromPin = ContextMenuBuilder.FromPin; const UEdGraph* Graph = ContextMenuBuilder.CurrentGraph; TArray<TSharedPtr<FEdGraphSchemaAction> > Actions; CustomSchemaUtils::AddAction<URootNode>(TEXT("Add Root Node"), TEXT("Add root node to the prop graph"), Actions, ContextMenuBuilder.OwnerOfTemporaries); CustomSchemaUtils::AddAction<UBranchNode>(TEXT("Add Brunch Node"), TEXT("Add brunch node to the prop graph"), Actions, ContextMenuBuilder.OwnerOfTemporaries); CustomSchemaUtils::AddAction<URuleNode>(TEXT("Add Rule Node"), TEXT("Add ruleh node to the prop graph"), Actions, ContextMenuBuilder.OwnerOfTemporaries); CustomSchemaUtils::AddAction<USwitcherNode>(TEXT("Add Switch Node"), TEXT("Add switch node to the prop graph"), Actions, ContextMenuBuilder.OwnerOfTemporaries); for (TSharedPtr<FEdGraphSchemaAction> Action : Actions) { ContextMenuBuilder.AddAction(Action); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ご覧のとおり、これまでのところリストに4つのノードしか作成していません。

1）URootNodeノードは、グラフ上のルート要素のマッピングです。 URootNodeおよびルートタイプの要素はタイプです。

2）UBranchNodeノードは、このノードを静的メッシュレベルに配置します（これまではメッシュのみですが、環境の他の要素やキャラクターのノードを簡単に作成できます）

3）URuleNodeノードこのノードは、指定された条件に応じて開いたり閉じたりできます。 条件は青写真で自然に指定されます。

4）ノードUSwitcherNodeこのノードには、条件に応じて1つの入力と2つの出力があり、右の出力または左のいずれかを開くことができます。



これまでにノードは4つしかありませんが、アイデアがある場合はコメントに書き込むことができます。 それらがどのように配置されているか見てみましょう。 （スペースを節約するために、ここではそれらの基本クラスのみを提供します。ソースは記事の最後にあるリンクからダウンロードできます）

 UCLASS() class UICUSTOM_API UCustomNodeBase : public UEdGraphNode { GENERATED_BODY() public: virtual TArray<UCustomNodeBase*> GetChildNodes(FRandomStream& RandomStream); virtual void CreateNodesMesh(UWorld* World, FName ActorTag, FRandomStream& RandomStream, FVector AbsLocation, FRotator AbsRotation); virtual void PostEditChangeProperty(struct FPropertyChangedEvent& e) override; TSharedPtr<FNodePropertyObserver> PropertyObserver; FVector Location; FRotator Rotation; };
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ここでは、ノードが出力にアタッチされたオブジェクトの配列を渡すGetChildNodesメソッドを確認します。 また、ノードがメッシュを作成するか作成しないが、単にAbsLocationとAbsRotationの値を渡すCreateNodesMeshメソッド。 おそらくご想像のとおり、PostEditChangePropertyメソッドは、誰かがノードのプロパティを変更したときに実行されます。



しかし、おそらくお気づきのとおり、タイトル画像のノードは、私たちが見たものと外観が異なります。 これを達成する方法。 これを行うには、各ノードのSGraphNode下位クラスを作成します。 ここでの前回のように、基本クラスのみを提供します。

 class SGraphNode_CustomNodeBase : public SGraphNode, public FNodePropertyObserver { public: SLATE_BEGIN_ARGS(SGraphNode_CustomNodeBase) { } SLATE_END_ARGS() /** Constructs this widget with InArgs */ void Construct(const FArguments& InArgs, UCustomNodeBase* InNode); // SGraphNode interface virtual void UpdateGraphNode() override; virtual void CreatePinWidgets() override; virtual void AddPin(const TSharedRef<SGraphPin>& PinToAdd) override; virtual void CreateNodeWidget(); // End of SGraphNode interface // FPropertyObserver interface virtual void OnPropertyChanged(UEdGraphNode* Sender, const FName& PropertyName) override; // End of FPropertyObserver interface protected: UCustomNodeBase* NodeBace; virtual FSlateColor GetBorderBackgroundColor() const; virtual const FSlateBrush* GetNameIcon() const; TSharedPtr<SHorizontalBox> OutputPinBox; FLinearColor BackgroundColor; TSharedPtr<SOverlay> NodeWiget; };
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

FNodePropertyObserverクラスの継承は、OnPropertyChangedメソッド専用に必要です。 最も重要なメソッドはその中のUpdateGraphNodeメソッドで、画面に表示されるウィジェットが作成され、残りのメソッドはこのウィジェットから呼び出されて、このウィジェットの特定の部分を作成します。



SGraphNodeクラスとUEdGraphNodeクラスを混同しないでください。 SGraphNodeはノードの外観のみを定義し、UEdGraphNodeクラスはノード自体のプロパティを定義します。



ただし、今でもプロジェクトを開始すると、ノードの外観は同じになります。 外観の変更を有効にするには、それらを登録する必要があります。 どこでそれをしますか？ もちろん、モジュールを開始するとき：

 void FUICustomEditorModule::StartupModule() { //Registrate asset actions for MyObject FMyObjectAssetAction::RegistrateCustomPartAssetType(); //Registrate detail pannel costamization for TestActor FMyClassDetails::RegestrateCostumization(); // Register custom graph nodes TSharedPtr<FGraphPanelNodeFactory> GraphPanelNodeFactory = MakeShareable(new FGraphPanelNodeFactory_Custom); FEdGraphUtilities::RegisterVisualNodeFactory(GraphPanelNodeFactory); //Registrate ToolBarCommand for costom graph FToolBarCommandsCommands::Register(); //Create pool for icon wich show on costom nodes FCustomEditorThumbnailPool::Create(); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

UBranchNodeノードに表示されるアイコンを保存するリポジトリもここで作成されていることに注意してください。 ノードは、FGraphPanelNodeFactory_CustomクラスのCreateNodeメソッドに登録されます。

 TSharedPtr<class SGraphNode> FGraphPanelNodeFactory_Custom::CreateNode(UEdGraphNode* Node) const { if (URootNode* RootNode = Cast<URootNode>(Node)) { TSharedPtr<SGraphNode_Root> SNode = SNew(SGraphNode_Root, RootNode); RootNode->PropertyObserver = SNode; return SNode; } else if (UBranchNode* BranchNode = Cast<UBranchNode>(Node)) { TSharedPtr<SGraphNode_Brunch> SNode = SNew(SGraphNode_Brunch, BranchNode); BranchNode->PropertyObserver = SNode; return SNode; } else if (URuleNode* RuleNode = Cast<URuleNode>(Node)) { TSharedPtr<SGraphNode_Rule> SNode = SNew(SGraphNode_Rule, RuleNode); RuleNode->PropertyObserver = SNode; return SNode; } else if (USwitcherNode* SwitcherNode = Cast<USwitcherNode>(Node)) { TSharedPtr<SGraphNode_Switcher> SNode = SNew(SGraphNode_Switcher, SwitcherNode); SwitcherNode->PropertyObserver = SNode; return SNode; } return NULL; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

生成はTestActorクラスで実行されます。

 bool ATestAct::GenerateMeshes() { FRandomStream RandomStream = FRandomStream(10); if (!MyObject) { return false; } for (int i = 0; i < Roots.Num(); i++) { URootNode* RootBuf; RootBuf = MyObject->FindRootFromType(Roots[i].RootType); if (RootBuf) { RootBuf->CreateNodesMesh(GetWorld(), ActorTag, RandomStream, Roots[i].Location, FRotator(0, 0, 0)); } } return true; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ここでは、すべてのルートオブジェクトをループします。各オブジェクトは、空間とタイプの座標によって特徴付けられます。 このオブジェクトを受け取った後、同じタイプのURootNodeグラフ内のノードを探しています。 見つかったら、初期座標を渡してCreateNodesMeshメソッドを実行します。このメソッドは、グラフ全体をチェーンで通過します。 これは、すべてのルートオブジェクトが処理されるまで行います。



それだけです。 さらに参照するには、ソースを参照することをお勧めします。



ソースコードプロジェクトは こちら



それまでの間、このファームの仕組みを説明します。 生成はTestActorオブジェクトで実行されます。最初から、ルートオブジェクトの位置とタイプを手動で設定する必要があります（そして、トレーニングプロジェクトに何を望みましたか）。



その後、プロパティでMyObjectファイルを選択します。ここで、作成するメッシュを決定するグラフを作成する必要があります。



そのため、ルールおよびスイッチャーノードにルールを設定する方法。 これを行うには、プロパティのプラス記号をクリックして新しいブループリントを作成します。



しかし、それは空であることが判明しました。 [NodeBoolのオーバーライド]をクリックする必要があります。



これで、ノードを開いたり閉じたりできます。



switcheraについてはすべて同じです。 ブランチノードには、座標と回転を設定するための同じルールがあります。 さらに、別の方法があります。つまり、別のブランチをアタッチすると、前のブランチの座標がバインディングとして使用されます。



TestActorプロパティパネルのGenerate Meshesボタンをクリックして、結果を楽しんでください。





この記事をお楽しみください。 それは以前よりもはるかに長くなったことが判明し、最後まで終わらせないことを恐れていました。



PS記事を書いた後、ゲームを組み立てようとしましたが、組み立てませんでした。 ゲームをビルドするには、CustomNods.hファイルで次の修正を行う必要があります。

 class UICUSTOM_API UCustomNodeBase : public UEdGraphNode { GENERATED_BODY() public: virtual TArray<UCustomNodeBase*> GetChildNodes(FRandomStream& RandomStream); virtual void CreateNodesMesh(UWorld* World, FName ActorTag, FRandomStream& RandomStream, FVector AbsLocation, FRotator AbsRotation); #if WITH_EDITORONLY_DATA virtual void PostEditChangeProperty(struct FPropertyChangedEvent& e) override; #endif //WITH_EDITORONLY_DATA TSharedPtr<FNodePropertyObserver> PropertyObserver; };
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

つまり、＃if WITH_EDITORONLY_DATAステートメントを使用して、ノードクラスからGetChildNodesとCreateNodesMeshを除くすべての関数を除外する必要があります。 他のノードでは、同じことを行う必要があります。



それに応じて、CustomNods.cpp：

 TArray<UCustomNodeBase*> UCustomNodeBase::GetChildNodes(FRandomStream& RandomStream) { TArray<UCustomNodeBase*> ChildNodes; return ChildNodes; } void UCustomNodeBase::CreateNodesMesh(UWorld* World, FName ActorTag, FRandomStream& RandomStream, FVector AbsLocation, FRotator AbsRotation) { TArray<UCustomNodeBase*>ChailNodes = GetChildNodes(RandomStream); for (int i = 0; i < ChailNodes.Num(); i++) { ChailNodes[i]->CreateNodesMesh(World, ActorTag, RandomStream, AbsLocation, AbsRotation); } } #if WITH_EDITORONLY_DATA void UCustomNodeBase::PostEditChangeProperty(struct FPropertyChangedEvent& e) { if (PropertyObserver.IsValid()) { FName PropertyName = (e.Property != NULL) ? e.Property->GetFName() : NAME_None; PropertyObserver->OnPropertyChanged(this, PropertyName); } Super::PostEditChangeProperty(e); } #endif //WITH_EDITORONLY_DATA
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

プロジェクトファイルを既にダウンロードしている場合は、もう一度ダウンロードしてください。



PPSの続き