app

(★ 373)

Web metaverse client

  • .eslintrc.json
  • .gitignore
  • .gitmodules
  • .nojekyll
  • animations-baker.js
  • app-manager.js
  • atlasing.js
  • audio-manager.js
  • audio-recognizer.js
  • avatar-cruncher.js
  • avatar-iconer.js
  • avatar-screenshotter.js
  • avatar-spriter.js
  • bip39.js
  • blockchain-manager.js
  • blockchain.js
  • BokehPass.js
  • BokehShader.js
  • buildspec.yml
  • camera-manager.js
  • CameraGeometry.js
  • CapsuleGeometry.js
  • card-renderer.js
  • cards-manager.js
  • character-behavior.js
  • character-controller.js
  • character-fx.js
  • character-hitter.js
  • character-hups.js
  • character-physics.js
  • character-sfx.js
  • chat-manager.js
  • cloneObject3D.js
  • constants.js
  • dc-worker-manager.js
  • dc-worker.js
  • debug.js
  • DepthPass.js
  • diorama.js
  • Dockerfile
  • dom-renderer.jsx
  • DoubleSidedPlaneGeometry.js
  • drop-manager.js
  • dual-contouring.js
  • easing.js
  • engine-worker.js
  • engine.html
  • erc1155-abi.json
  • erc721-abi.json
  • ethereumjs-tx.js
  • game.js
  • geometries.js
  • geometry-util.js
  • gif.js
  • gif.worker.js
  • GIFLoader.js
  • GIFLoader.worker.js
  • gifuct-js.js
  • glyph-generator.js
  • hacks.js
  • hdkey.js
  • heightfield-mapper.js
  • hp-manager.js
  • icons.js
  • id-allocator.js
  • ImmediateGLBufferAttribute.js
  • index.css
  • index.html
  • index.mjs
  • infobox.js
  • instancing.js
  • interpolants.js
  • io-manager.js
  • land-iconer.js
  • land-screenshotter.js
  • LICENSE
  • light-mapper.js
  • loaders.js
  • loadout-manager.js
  • loadout-renderer.js
  • lock-manager.js
  • lod.js
  • materials.js
  • math-utils.js
  • mesh-lodder.js
  • metaverse-components.js
  • metaverse-modules.js
  • metaversefile-api.js
  • minimap.js
  • mob-manager.js
  • music-manager.js
  • npc-manager.js
  • npc-utils.js
  • object-screenshotter.js
  • object-spriter.js
  • offscreen-engine-manager.js
  • offscreen-engine.js
  • overrides.js
  • overworld.js
  • package-lock.json
  • package.json
  • particle-system.js
  • performance-tracker.js
  • physics-manager.js
  • physx-lite.js
  • physx-worker-manager.js
  • physx-worker.js
  • physx.js
  • pic.js
  • player-avatar-binding.js
  • player-stats.js
  • players-manager.js
  • post-processing.js
  • pre.js
  • preauthenticator.js
  • preview.css
  • preview.html
  • preview.js
  • Procfile
  • procgen-manager.js
  • quest-manager.js
  • raycast-manager.js
  • README.md
  • renderer.js
  • RenderPass.js
  • rendersettings-manager.js
  • scene-cruncher.js
  • scene-previewer.js
  • scene-screenshotter.js
  • screenshot.css
  • screenshot.html
  • screenshot.js
  • shaders.js
  • shadertoy.js
  • simplex-noise.js
  • sounds.js
  • spritesheet-manager.js
  • SSAOPass.js
  • story.js
  • StreetGeometry.js
  • survival.glb
  • SwirlPass.js
  • teleport.js
  • transform-controls.js
  • TransformGizmo.js
  • universe.js
  • util.js
  • validEmotionMapping.json
  • version.json
  • vite.config.js
  • voices.js
  • VOXLoader.js
  • web3.min.js
  • webaverse-render-pass.js
  • webaverse.js
  • world.js
  • z-targeting.js

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/webaverse/app

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd app

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -t app .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 app

빌드된 이미지를 실제 컨테이너로 실행합니다.

터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
npm install # Install dependencies

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm run start

개발/실행 서버를 켭니다.

명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation