Skip to content

Instantly share code, notes, and snippets.

@Suuta

Suuta/FFVII_LoadingScreen.cpp

Last active November 24, 2021 17:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Suuta/d7deb625992b6f4ad60132552b6777c7 to your computer and use it in GitHub Desktop.
Save Suuta/d7deb625992b6f4ad60132552b6777c7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
FFVII_LoadingScreen.cpp
LOADINGSCREEN_API
class SLoadingScreen : public SCompoundWidget
{
public:
SLATE_BEGIN_ARGS(SLoadingScreen) {}
SLATE_END_ARGS()
void Construct(const FArguments& InArgs)
{
// 背景画像
m_BackgroundBrush = MakeShareable(new FSlateBrush);
m_BackgroundBrush->TintColor = FLinearColor(0.02f, 0.02f, 0.02f, 1.0f);
m_BackgroundBrush->SetImageSize(FVector2D(1920.f, 1080.f));
// ローディングウィジェットの画像
m_IconElementBrush = MakeShareable(new FSlateBrush);
m_IconElementBrush->TintColor = FLinearColor(1.0f, 1.0f, 1.0f, 1.0f);
m_IconElementBrush->SetImageSize(FVector2D(32.f, 32.f));
// 45度回転の変換で初期化
for (uint32 i = 0; i < 8; i++)
{
m_Elements[i].Transform = m_Elements[i].Transform.Concatenate(FTransform2D(FMatrix2x2(FQuat2D(FMath::DegreesToRadians(45.0f)))));
}
m_Elements[0].Transform = m_Elements[0].Transform.Concatenate(FTransform2D(FMatrix2x2(FScale2D(1.0f, 1.0f))));
m_Elements[0].Color = FLinearColor(0.0f, 0.2f, 0.4f, 1.0f);
m_Elements[1].Transform = m_Elements[1].Transform.Concatenate(FTransform2D(FMatrix2x2(FScale2D(0.5f, 0.5f))));
m_Elements[1].Color = FLinearColor(0.0f, 0.2f, 0.4f, 0.5f);
m_Elements[2].Transform = m_Elements[2].Transform.Concatenate(FTransform2D(FMatrix2x2(FScale2D(0.5f, 0.5f))));
m_Elements[2].Color = FLinearColor(0.0f, 0.2f, 0.4f, 0.5f);
m_Elements[3].Transform = m_Elements[3].Transform.Concatenate(FTransform2D(FMatrix2x2(FScale2D(0.5f, 0.5f))));
m_Elements[3].Color = FLinearColor(0.0f, 0.2f, 0.4f, 0.5f);
m_Elements[4].Transform = m_Elements[4].Transform.Concatenate(FTransform2D(FMatrix2x2(FScale2D(1.0f, 1.0f))));
m_Elements[4].Color = FLinearColor(0.0f, 0.2f, 0.4f, 0.75f);
m_Elements[5].Transform = m_Elements[5].Transform.Concatenate(FTransform2D(FMatrix2x2(FScale2D(1.0f, 1.0f))));
m_Elements[5].Color = FLinearColor(0.0f, 0.2f, 0.4f, 0.75f);
m_Elements[6].Transform = m_Elements[6].Transform.Concatenate(FTransform2D(FMatrix2x2(FScale2D(1.0f, 1.0f))));
m_Elements[6].Color = FLinearColor(0.0f, 0.2f, 0.4f, 0.75f);
m_Elements[7].Transform = m_Elements[7].Transform.Concatenate(FTransform2D(FMatrix2x2(FScale2D(1.0f, 1.0f))));
m_Elements[7].Color = FLinearColor(0.0f, 0.2f, 0.4f, 1.0f);
ChildSlot
[
SNew(SCanvas)
+ SCanvas::Slot()
.Position(FVector2D(0.f, 0.f))
.Size(FVector2D(1920.f, 1080.f))
[
SNew(SImage)
.Image(m_BackgroundBrush.Get())
]
+ SCanvas::Slot()
.Position(FVector2D(1670.f, 930.f))
.Size(FVector2D(200.f, 100.f))
[
SNew(SHorizontalBox)
+ SHorizontalBox::Slot()
.HAlign(HAlign_Fill)
.VAlign(VAlign_Fill)
[
SNew(SHorizontalBox)
+ SHorizontalBox::Slot()
.HAlign(HAlign_Fill)
.VAlign(VAlign_Center)
.AutoWidth()
[
SNew(STextBlock)
.Font(FCoreStyle::GetDefaultFontStyle("Light", 24))
.Text(FText::FromString(TEXT("Loading")))
.ColorAndOpacity(FSlateColor(FLinearColor(0.0f, 0.2f, 0.4f, 1.0f)))
]
+ SHorizontalBox::Slot()
.HAlign(HAlign_Fill)
.VAlign(VAlign_Fill)
.AutoWidth()
[
SNew(SSpacer)
.Size(FVector2D(25.0f, 1.0f))
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
]
+ SHorizontalBox::Slot()
.HAlign(HAlign_Fill)
.VAlign(VAlign_Fill)
.FillWidth(1.0f)
[
SNew(SCanvas)
+ SCanvas::Slot()
.Position(FVector2D(20.0f, 30.f))
.Size(FVector2D(10.0f, 10.0f))
[
SNew(SImage)
.Image(m_IconElementBrush.Get())
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
.ColorAndOpacity_Lambda([this]()
{
return m_Elements[0].Color;
})
.RenderTransform_Lambda([this]()
{
return m_Elements[0].Transform;
})
]
+ SCanvas::Slot()
.Position(FVector2D(30.0f, 40.f))
.Size(FVector2D(10.0f, 10.0f))
[
SNew(SImage)
.Image(m_IconElementBrush.Get())
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
.ColorAndOpacity_Lambda([this]()
{
return m_Elements[1].Color;
})
.RenderTransform_Lambda([this]()
{
return m_Elements[1].Transform;
})
]
+ SCanvas::Slot()
.Position(FVector2D(40.0f, 50.f))
.Size(FVector2D(10.0f, 10.0f))
[
SNew(SImage)
.Image(m_IconElementBrush.Get())
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
.ColorAndOpacity_Lambda([this]()
{
return m_Elements[2].Color;
})
.RenderTransform_Lambda([this]()
{
return m_Elements[2].Transform;
})
]
+ SCanvas::Slot()
.Position(FVector2D(30.0f, 60.f))
.Size(FVector2D(10.0f, 10.0f))
[
SNew(SImage)
.Image(m_IconElementBrush.Get())
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
.ColorAndOpacity_Lambda([this]()
{
return m_Elements[3].Color;
})
.RenderTransform_Lambda([this]()
{
return m_Elements[3].Transform;
})
]
+ SCanvas::Slot()
.Position(FVector2D(20.0f, 70.f))
.Size(FVector2D(10.0f, 10.0f))
[
SNew(SImage)
.Image(m_IconElementBrush.Get())
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
.ColorAndOpacity_Lambda([this]()
{
return m_Elements[4].Color;
})
.RenderTransform_Lambda([this]()
{
return m_Elements[4].Transform;
})
]
+ SCanvas::Slot()
.Position(FVector2D(10.0f, 60.f))
.Size(FVector2D(10.0f, 10.0f))
[
SNew(SImage)
.Image(m_IconElementBrush.Get())
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
.ColorAndOpacity_Lambda([this]()
{
return m_Elements[5].Color;
})
.RenderTransform_Lambda([this]()
{
return m_Elements[5].Transform;
})
]
+ SCanvas::Slot()
.Position(FVector2D(0.0f, 50.f))
.Size(FVector2D(10.0f, 10.0f))
[
SNew(SImage)
.Image(m_IconElementBrush.Get())
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
.ColorAndOpacity_Lambda([this]()
{
return m_Elements[6].Color;
})
.RenderTransform_Lambda([this]()
{
return m_Elements[6].Transform;
})
]
+ SCanvas::Slot()
.Position(FVector2D(10.0f, 40.f))
.Size(FVector2D(10.0f, 10.0f))
[
SNew(SImage)
.Image(m_IconElementBrush.Get())
.RenderTransformPivot(FVector2D(0.5f, 0.5f))
.ColorAndOpacity_Lambda([this]()
{
return m_Elements[7].Color;
})
.RenderTransform_Lambda([this]()
{
return m_Elements[7].Transform;
})
]
]
]
]
];
}
// 更新関数
void Tick(const FGeometry& AllottedGeometry, const double InCurrentTime, const float InDeltaTime) override
{
// 時間の更新
m_CurrentTime += InDeltaTime;
if (m_CurrentTime >= m_TotalAnimTime)
{
m_CurrentTime = 0.0f;
m_SectionEndTime = 0.2f;
m_SectionHeadTime = 0.0f;
}
// タイムラインキーフレーム間隔（0.2秒）の更新
if (m_CurrentTime >= m_SectionEndTime)
{
m_SectionHeadTime = m_CurrentTime;
m_SectionEndTime = m_CurrentTime + 0.2f;
}
// 区間内の進捗度
float alpha = (m_CurrentTime - m_SectionHeadTime) / 0.2f;
//==================== 1 ====================
{
if (m_SectionHeadTime >= 0.2f && m_SectionHeadTime <= 0.4f)
{
m_Elements[0].Color.A = FMath::Lerp<float>(1.0f, 0.75f, alpha);
}
else if (m_SectionHeadTime >= 0.8f && m_SectionHeadTime <= 1.0f)
{
m_Elements[0].Color.A = FMath::Lerp<float>(0.75f, 0.5f, alpha);
}
else if (m_SectionHeadTime >= 1.4f && m_SectionHeadTime <= 1.6f)
{
m_Elements[0].Color.A = FMath::Lerp<float>(0.5f, 1.0f, alpha);
}
if (m_SectionHeadTime >= 0.8f && m_SectionHeadTime <= 1.0f)
{
FMatrix2x2 scale(FMath::Lerp<float>(1.0f, 0.5f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[0].Transform = FTransform2D(scale.Concatenate(rot));
}
else if (m_SectionHeadTime >= 1.4f && m_SectionHeadTime <= 1.6f)
{
FMatrix2x2 scale(FMath::Lerp<float>(0.5f, 1.0f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[0].Transform = FTransform2D(scale.Concatenate(rot));
}
}
//==================== 2 ====================
{
if (m_SectionHeadTime >= 0.0f && m_SectionHeadTime <= 0.2f)
{
m_Elements[1].Color.A = FMath::Lerp<float>(0.5f, 1.0f, alpha);
}
else if (m_SectionHeadTime >= 0.4f && m_SectionHeadTime <= 0.6f)
{
m_Elements[1].Color.A = FMath::Lerp<float>(1.0f, 0.75f, alpha);
}
else if (m_SectionHeadTime >= 1.0f && m_SectionHeadTime <= 1.2f)
{
m_Elements[1].Color.A = FMath::Lerp<float>(0.75f, 0.5f, alpha);
}
if (m_SectionHeadTime >= 0.0f && m_SectionHeadTime <= 0.2f)
{
FMatrix2x2 scale(FMath::Lerp<float>(0.5f, 1.0f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[1].Transform = FTransform2D(scale.Concatenate(rot));
}
else if (m_SectionHeadTime >= 1.0f && m_SectionHeadTime <= 1.2f)
{
FMatrix2x2 scale(FMath::Lerp<float>(1.0f, 0.5f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[1].Transform = FTransform2D(scale.Concatenate(rot));
}
}
//==================== 3 ====================
{
if (m_SectionHeadTime >= 0.2f && m_SectionHeadTime <= 0.4f)
{
m_Elements[2].Color.A = FMath::Lerp<float>(0.5f, 1.0f, alpha);
}
else if (m_SectionHeadTime >= 0.6f && m_SectionHeadTime <= 0.8f)
{
m_Elements[2].Color.A = FMath::Lerp<float>(1.0f, 0.75f, alpha);
}
else if (m_SectionHeadTime >= 1.2f && m_SectionHeadTime <= 1.4f)
{
m_Elements[2].Color.A = FMath::Lerp<float>(0.75f, 0.5f, alpha);
}
if (m_SectionHeadTime >= 0.2f && m_SectionHeadTime <= 0.4f)
{
FMatrix2x2 scale(FMath::Lerp<float>(0.5f, 1.0f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[2].Transform = FTransform2D(scale.Concatenate(rot));
}
else if (m_SectionHeadTime >= 1.2f && m_SectionHeadTime <= 1.4f)
{
FMatrix2x2 scale(FMath::Lerp<float>(1.0f, 0.5f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[2].Transform = FTransform2D(scale.Concatenate(rot));
}
}
//==================== 4 ====================
{
if (m_SectionHeadTime >= 0.4f && m_SectionHeadTime <= 0.6f)
{
m_Elements[3].Color.A = FMath::Lerp<float>(0.5f, 1.0f, alpha);
}
else if (m_SectionHeadTime >= 0.8f && m_SectionHeadTime <= 1.0f)
{
m_Elements[3].Color.A = FMath::Lerp<float>(1.0f, 0.75f, alpha);
}
else if (m_SectionHeadTime >= 1.4f && m_SectionHeadTime <= 1.6f)
{
m_Elements[3].Color.A = FMath::Lerp<float>(0.75f, 0.5f, alpha);
}
if (m_SectionHeadTime >= 0.4f && m_SectionHeadTime <= 0.6f)
{
FMatrix2x2 scale(FMath::Lerp<float>(0.5f, 1.0f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[3].Transform = FTransform2D(scale.Concatenate(rot));
}
else if (m_SectionHeadTime >= 1.4f && m_SectionHeadTime <= 1.6f)
{
FMatrix2x2 scale(FMath::Lerp<float>(1.0f, 0.5f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[3].Transform = FTransform2D(scale.Concatenate(rot));
}
}
//==================== 5 ====================
{
if (m_SectionHeadTime >= 0.0f && m_SectionHeadTime <= 0.2f)
{
m_Elements[4].Color.A = FMath::Lerp<float>(0.75f, 0.5f, alpha);
}
else if (m_SectionHeadTime >= 0.6f && m_SectionHeadTime <= 0.8f)
{
m_Elements[4].Color.A = FMath::Lerp<float>(0.5f, 1.0f, alpha);
}
else if (m_SectionHeadTime >= 1.0f && m_SectionHeadTime <= 1.2f)
{
m_Elements[4].Color.A = FMath::Lerp<float>(1.0f, 0.75f, alpha);
}
if (m_SectionHeadTime >= 0.0f && m_SectionHeadTime <= 0.2f)
{
FMatrix2x2 scale(FMath::Lerp<float>(1.0f, 0.5f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[4].Transform = FTransform2D(scale.Concatenate(rot));
}
else if (m_SectionHeadTime >= 0.6f && m_SectionHeadTime <= 0.8f)
{
FMatrix2x2 scale(FMath::Lerp<float>(0.5f, 1.0f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[4].Transform = FTransform2D(scale.Concatenate(rot));
}
}
//==================== 6 ====================
{
if (m_SectionHeadTime >= 0.2f && m_SectionHeadTime <= 0.4f)
{
m_Elements[5].Color.A = FMath::Lerp<float>(0.75f, 0.5f, alpha);
}
else if (m_SectionHeadTime >= 0.8f && m_SectionHeadTime <= 1.0f)
{
m_Elements[5].Color.A = FMath::Lerp<float>(0.5f, 1.0f, alpha);
}
else if (m_SectionHeadTime >= 1.2f && m_SectionHeadTime <= 1.4f)
{
m_Elements[5].Color.A = FMath::Lerp<float>(1.0f, 0.75f, alpha);
}
if (m_SectionHeadTime >= 0.2f && m_SectionHeadTime <= 0.4f)
{
FMatrix2x2 scale(FMath::Lerp<float>(1.0f, 0.5f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[5].Transform = FTransform2D(scale.Concatenate(rot));
}
else if (m_SectionHeadTime >= 0.8f && m_SectionHeadTime <= 1.0f)
{
FMatrix2x2 scale(FMath::Lerp<float>(0.5f, 1.0f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[5].Transform = FTransform2D(scale.Concatenate(rot));
}
}
//==================== 7 ====================
{
if (m_SectionHeadTime >= 0.4f && m_SectionHeadTime <= 0.6f)
{
m_Elements[6].Color.A = FMath::Lerp<float>(0.75f, 0.5f, alpha);
}
else if (m_SectionHeadTime >= 1.0f && m_SectionHeadTime <= 1.2f)
{
m_Elements[6].Color.A = FMath::Lerp<float>(0.5f, 1.0f, alpha);
}
else if (m_SectionHeadTime >= 1.4f && m_SectionHeadTime <= 1.6f)
{
m_Elements[6].Color.A = FMath::Lerp<float>(1.0f, 0.75f, alpha);
}
if (m_SectionHeadTime >= 0.4f && m_SectionHeadTime <= 0.6f)
{
FMatrix2x2 scale(FMath::Lerp<float>(1.0f, 0.5f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[6].Transform = FTransform2D(scale.Concatenate(rot));
}
else if (m_SectionHeadTime >= 1.0f && m_SectionHeadTime <= 1.2f)
{
FMatrix2x2 scale(FMath::Lerp<float>(0.5f, 1.0f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[6].Transform = FTransform2D(scale.Concatenate(rot));
}
}
//==================== 8 ====================
{
if (m_SectionHeadTime >= 0.0f && m_SectionHeadTime <= 0.2f)
{
m_Elements[7].Color.A = FMath::Lerp<float>(1.0f, 0.75f, alpha);
}
else if (m_SectionHeadTime >= 0.6f && m_SectionHeadTime <= 0.8f)
{
m_Elements[7].Color.A = FMath::Lerp<float>(0.75f, 0.5f, alpha);
}
else if (m_SectionHeadTime >= 1.2f && m_SectionHeadTime <= 1.4f)
{
m_Elements[7].Color.A = FMath::Lerp<float>(0.5f, 1.0f, alpha);
}
if (m_SectionHeadTime >= 0.6f && m_SectionHeadTime <= 0.8f)
{
FMatrix2x2 scale(FMath::Lerp<float>(1.0f, 0.5f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[7].Transform = FTransform2D(scale.Concatenate(rot));
}
else if (m_SectionHeadTime >= 1.2f && m_SectionHeadTime <= 1.4f)
{
FMatrix2x2 scale(FMath::Lerp<float>(0.5f, 1.0f, alpha));
FMatrix2x2 rot(FQuat2D(FMath::DegreesToRadians(45.0f)));
m_Elements[7].Transform = FTransform2D(scale.Concatenate(rot));
}
}
}
private:
TSharedPtr<FSlateBrush> m_BackgroundBrush; // 背景
TSharedPtr<FSlateBrush> m_IconElementBrush; // ローディンアイコンを構成する矩形
// ローディンアイコンを構成する矩形
struct LoadingIconShape
{
FTransform2D Transform;
FLinearColor Color;
};
LoadingIconShape m_Elements[8];
float m_CurrentTime = 0.0f; // 現在のアニメーションの経過時間
float m_SectionHeadTime = 0.0f; // 区間の開始時間
float m_SectionEndTime = 0.2f; // 区間の終了時間
const float m_TotalAnimTime = 1.6f; // アニメーション１ループにかかる時間
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment