add camera controlling logic
This commit is contained in:
parent
42b5bf99b3
commit
9f97ef6c93
|
|
@ -15,9 +15,22 @@ const unityConfigBuilder: (path: string) => UnityConfig = (path) => ({
|
||||||
});
|
});
|
||||||
|
|
||||||
const option = [
|
const option = [
|
||||||
{ value: "/unity/3d-test/Build/3d-test", name: "3d-test" },
|
{
|
||||||
{ value: "/unity/kartrider/Build/kartrider", name: "kartrider" },
|
value: "/unity/3d-test/Build/3d-test",
|
||||||
{ value: "/unity/test-project/build", name: "test-project" },
|
name: "3d-test",
|
||||||
|
description:
|
||||||
|
"마우스 오른쪽 키다운으로 카메라 각도 조절, WASD로 이동, Shift로 가속하는 것까지 구현되었습니다.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "/unity/kartrider/Build/kartrider",
|
||||||
|
name: "kartrider",
|
||||||
|
description: "튜토리얼을 진행하며 만든 카트라이더 게임입니다.",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "/unity/test-project/build",
|
||||||
|
name: "test-project",
|
||||||
|
description: "처음 만든 프로젝트입니다.",
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
function UnityComponent() {
|
function UnityComponent() {
|
||||||
|
|
@ -42,6 +55,9 @@ function UnityComponent() {
|
||||||
새 Unity 프로젝트를 생성하고, WebGL로 빌드 후 빌드 산출물을
|
새 Unity 프로젝트를 생성하고, WebGL로 빌드 후 빌드 산출물을
|
||||||
react-unity-webgl 라이브러리를 통해 실행했다.
|
react-unity-webgl 라이브러리를 통해 실행했다.
|
||||||
</div>
|
</div>
|
||||||
|
{option?.[Number(p)] && (
|
||||||
|
<div className="mb-5">{option[Number(p)].description}</div>
|
||||||
|
)}
|
||||||
<div className="flex h-[650px] w-[800px] flex-col">
|
<div className="flex h-[650px] w-[800px] flex-col">
|
||||||
{isLoaded === false && (
|
{isLoaded === false && (
|
||||||
<div className="absolute z-10 flex h-[600px] w-[800px] items-center justify-center bg-gray-500">
|
<div className="absolute z-10 flex h-[600px] w-[800px] items-center justify-center bg-gray-500">
|
||||||
|
|
|
||||||
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Loading…
Reference in New Issue