Playcanvas Physics Advanced ==== [![npm version](https://img.shields.io/npm/v/playcanvas-physics-advanced)](https://www.npmjs.com/package/playcanvas-physics-advanced) *This is an advanced physics version of the original [PlayCanvas game engine](https://playcanvas.com/).* On npm: [`playcanvas-physics-advanced`](https://www.npmjs.com/package/playcanvas-physics-advanced). Install with: ```shell npm install playcanvas-physics-advanced ``` Features added/changed from original PlayCanvas: * [`'physics'` component](./src/framework/components/physics/component.js) used instead of [`'rigidbody'` component](https://developer.playcanvas.com/en/api/pc.RigidBodyComponent.html). * [`'multibody'` component](./src/framework/components/multibody/component.js) added to allow multibody articulations for much greater stability of many-jointed bodies. * [`'joint'` component](./src/framework/components/joint/component.js) changed significantly from official playcanvas [joint component](https://github.com/playcanvas/engine/blob/main/src/framework/components/joint/component.js) * [`EventHandler`](./src/core/event-handler.js) can use any key for events, not only strings; also symbols and numbers. * [`Quat.distance()`](./src/core/math/quat.js) measures rotational distance between two quaternions.
# PlayCanvas WebGL Game Engine [Docs](https://developer.playcanvas.com) | [Examples](https://playcanvas.github.io) | [Forum](https://forum.playcanvas.com) | [Blog](https://blog.playcanvas.com) PlayCanvas는 오픈소스 게임 엔진입니다. HTML5와 WebGL을 사용하여 게임과 인터랙티브한 3D 콘텐츠를 모바일이나 데스크톱 브라우저에서 실행할 수 있습니다. [![NPM version][npm-badge]][npm-url] [![Minzipped size][minzip-badge]][minzip-url] [![Language grade: JavaScript][code-quality-badge]][code-quality-url] [![Average time to resolve an issue][resolution-badge]][isitmaintained-url] [![Percentage of issues still open][open-issues-badge]][isitmaintained-url] [![Twitter][twitter-badge]][twitter-url] [English](https://github.com/playcanvas/engine/blob/master/README.md) [中文](https://github.com/playcanvas/engine/blob/master/README-zh.md) [日本語](https://github.com/playcanvas/engine/blob/master/README-ja.md) [한글](https://github.com/playcanvas/engine/blob/master/README-kr.md)
## Users PlayCanvas는 비디오 게임, 광고, 시각화 분야에서 대기업에 채용되고 있습니다. **Animech, Arm, BMW, Disney, Facebook, Famobi, Funday Factory, IGT, King, Miniclip, Leapfrog, Mojiworks, Mozilla, Nickelodeon, Nordeus, NOWWA, PikPok, PlaySide Studios, Polaris, Product Madness, Samsung, Snap, Spry Fox, Zeptolab, Zynga** ## 특징 PlayCanvas는 완전한 기능의 게임 엔진입니다. * 🧊 **그래픽** - WebGL 1.0&2.0으로 구축된 고도의 2D+3D 그래픽 엔진. * 🏃 **애니메이션** - 캐릭터나 장면에 대한 강력한 스테이트 기반 애니메이션 * ⚛️ **물리** - 3D 리지드 바디 물리 엔진 [ammo.js](https://github.com/kripken/ammo.js) * 🎮 **입력** - 마우스, 키보드, 터치, 게임패드, VR 컨트롤러의 API * 🔊 **사운드** - Web Audio API를 이용한 3D 위치정보 사운드 * 📦 **에셋** - [glTF 2.0](https://www.khronos.org/gltf/), [Draco](https://google.github.io/draco/), [Basis](https://github.com/BinomialLLC/basis_universal) 압축 기술을 이용한 비동기형 스트리밍 시스템 * 📜 **스크립트** - TypeScript와 자바스크립트 지원 ## 사용방법 여기에 아주 간단한 Hello World의 예가 있습니다. - 회전하는 큐브 ```html PlayCanvas Hello Cube ``` 이 코드를 직접 시도하려면 [CodePen](https://codepen.io/playcanvas/pen/NPbxMj)를 클릭하세요. ## 빌드 순서 [Node.js](https://nodejs.org)가 설치 되어 있는지 확인합니다. 그 다음 필요한 Node.js 종속성을 모두 설치합니다. npm install 이제 다양한 빌드 옵션을 실행할 수 있습니다. | Command | Description | Outputs | |-----------------------|-------------------------------------------|----------------------------------| | `npm run build` | 릴리스용, 디버깅용, 프로파일러용 엔진을 빌드한다 | `build\playcanvas[.min/.dbg/.prf].[mjs/js]` | | `npm run build:es5` | es5 전용 릴리스용, 디버깅용, 프로파일러용 엔진을 빌드한다 | `build\playcanvas[.min/.dbg/.prf].js` | | `npm run build:release` | es5 및 es6 전용 릴리스용 엔진을 빌드한다 | `build\playcanvas.[mjs/js]` | | `npm run build:types` | TypeScript형 정의 파일을 빌드한다 | `build\playcanvas.d.ts` | | `npm run docs` | [API 레퍼런스] [docs]를 빌드한다 | `docs` | 이전 버전의 엔진도 이용할수 있습니다. 최신버전 빌드(master 브랜치의 HEAD 리비전) * https://code.playcanvas.com/playcanvas-latest.js * https://code.playcanvas.com/playcanvas-latest.min.js 안정적인 최신 빌드 * https://code.playcanvas.com/playcanvas-stable.js * https://code.playcanvas.com/playcanvas-stable.min.js 특정 버전의 빌드 * https://code.playcanvas.com/playcanvas-1.38.4.js * https://code.playcanvas.com/playcanvas-1.38.4.min.js ### Generate Source Maps 엔진의 디버깅이 쉽도록 소스 맵을 구축하려면 임의의 엔진 구축 명령에 `---m`을 추가합니다. 예시는 다음과 같습니다. npm run build -- -m 그러면 `build/playcanvas.js.map` 이 출력이 됩니다. ## PlayCanvas 에디터 PlayCanvas 엔진은 HTML5 앱 및 게임을 만들기 위한 오픈 소스 엔진입니다.엔진 외에 [PlayCanvas 에디터](https://playcanvas.com/)가 있습니다. [![Editor](https://github.com/playcanvas/editor/blob/main/images/editor.png?raw=true)](https://github.com/playcanvas/editor) 에디터 관련 버그나 문제는 [Editor's repo](https://github.com/playcanvas/editor)를 참조하십시오. [npm-badge]: https://img.shields.io/npm/v/playcanvas [npm-url]: https://www.npmjs.com/package/playcanvas [minzip-badge]: https://img.shields.io/bundlephobia/minzip/playcanvas [minzip-url]: https://bundlephobia.com/result?p=playcanvas [code-quality-badge]: https://img.shields.io/lgtm/grade/javascript/g/playcanvas/engine.svg?logo=lgtm&logoWidth=18 [code-quality-url]: https://lgtm.com/projects/g/playcanvas/engine/context:javascript [resolution-badge]: https://isitmaintained.com/badge/resolution/playcanvas/engine.svg [open-issues-badge]: https://isitmaintained.com/badge/open/playcanvas/engine.svg [isitmaintained-url]: https://isitmaintained.com/project/playcanvas/engine [twitter-badge]: https://img.shields.io/twitter/follow/playcanvas.svg?style=social&label=Follow [twitter-url]: https://twitter.com/intent/follow?screen_name=playcanvas [docs]: https://developer.playcanvas.com/en/api/