All Projects → playcanvas → playcanvas-webpack

playcanvas / playcanvas-webpack

Licence: MIT license
Demonstration of building a PlayCanvas app with Webpack

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to playcanvas-webpack

editor
Issue tracker for the PlayCanvas Editor
Stars: ✭ 77 (+450%)
Mutual labels:  playcanvas
awesome-playcanvas
A curated list of awesome PlayCanvas assets, resources, and more.
Stars: ✭ 185 (+1221.43%)
Mutual labels:  playcanvas
playcanvas-viewer
glTF 2.0 model viewer
Stars: ✭ 152 (+985.71%)
Mutual labels:  playcanvas
playcanvas-gltf
glTF 2.0 support for the PlayCanvas Engine
Stars: ✭ 97 (+592.86%)
Mutual labels:  playcanvas
playcanvas.github.io
Live examples of the PlayCanvas Engine
Stars: ✭ 71 (+407.14%)
Mutual labels:  playcanvas
pcui-graph
A JavaScript library for creating node-based graphs
Stars: ✭ 78 (+457.14%)
Mutual labels:  playcanvas
typescript-playcanvas-template
PlayCanvas TypeScript/WebPack template
Stars: ✭ 27 (+92.86%)
Mutual labels:  playcanvas

PlayCanvas Webpack Template

There are lots of options for building a PlayCanvas app. One is to use Webpack, a popular JavaScript bundler.

This project doesn't load the PlayCanvas engine via a script tag. Instead, it imports the engine as an NPM package (see the repo's package.json file). The src/index.js script then imports the PlayCanvas (pc) API with the following statement:

import * as pc from 'playcanvas';

How to Build

Run:

npm install
npm run build

This will output the built PlayCanvas app to the dist folder.

How to Run

Run:

npm run dev

Open http://localhost:5000/ in your browser of choice. You should see a spinning cube:

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].