Initial commit

Author: jmgasper

.gitignore

@@ -0,0 +1,93 @@
+
+# Created by https://www.gitignore.io/api/macos,node
+
+### macOS ###
+*.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+
+# End of https://www.gitignore.io/api/macos,node

README.md

@@ -0,0 +1,90 @@
+## Description
+
+This project is an additional drawing target to Pixi.js (pixijs.com) that adds pxscene drawing in addition to WebGL and Canvas2D.
+
+
+Pixi.js Patch apply
+==============
+### Build pixi
+
+(1) Clone the pixi project
+```
+git clone https://github.com/pixijs/pixi.js.git
+cd pixi.js
+git checkout bed84b9ff04cf98c536401d36841d447b74917fe
+```
+
+(2) Copy /pxscene_pixi.patch into the repository folder (pixi.js) and patch
+```
+git apply pxscene_pixi.patch
+```
+
+(3) Install dependencies and build pixi
+```
+npm i
+npm run dist -- --exclude deprecation
+```
+
+The pixi will be built and generated in pixi.js/dist
+
+## Install pxscene
+
+pxscene can be downloaded from http://pxscene.org
+
+## Deployment
+
+Two separate projects are available:
+-  pxPixi: for hosting pixi.js and assets (https://github.com/topcoderinc/pxPixi)
+-  pxPixi-examples: the other for hosting examples (https://github.com/topcoderinc/pxPixi-examples)
+
+The deployment instructions are easy, switch to just type the following command:
+```
+git init
+git add .
+git commit -m "init"
+heroku create
+git push heroku master
+```
+
+**Note**:
+(1) If you modified and built pixi.js, please copy pixi.js/dist/* to /pixi-server/dist/pixi and update it on Heroku.
+(2) When you have deployed <submission>/pixi-server to Heroku, you should replace `ASSET_URL` in /example-server/dist/.js (all the example files) to the host URL of pixi-server. And also note that use the protocol to `http://` instead of `https://`.
+
+
+## Heroku examples
+
+- Basic: http://pxscene-pixi-examples.herokuapp.com//basic.js
+- Container: http://pxscene-pixi-examples.herokuapp.com/container.js
+- Container Pivot: http://pxscene-pixi-examples.herokuapp.com/container-pivot.js
+- Spritesheet Animation: http://pxscene-pixi-examples.herokuapp.com/spritesheet.js
+- Click: http://pxscene-pixi-examples.herokuapp.com/click.js
+- Tiling Sprite: http://pxscene-pixi-examples.herokuapp.com/tiling-sprite.js
+- Text: http://pxscene-pixi-examples.herokuapp.com/text.js
+
+Local example files are located in /example-server/dist/
+
+Open pxscene and enter the URL of each example to the input box and press return, you will see the results.
+
+## Limitations
+
+(1) When hover on clickable object, the cursor cannot be changed in pxscene.
+(2) Pxscene text doesn't support stroke and gradient color. The shadow doesn't support blue effect.
+(3) Pxscene text doesn't support to use font family name directly. Instead, we need to design a font URL to it. So we cannot assign `BOLD` or `ITALIC` style to the text.
+
+For complying with the given text usage, I added a map to mapping fontFamily names to the font URL. Please check the pixi.js/text/TextV8.js
+
+```
+// Map: font family name -> fontUrl
+// Set key lowercase
+const fontFamilyUrlMap = {
+    dejavusans: 'http://www.pxscene.org/examples/px-reference/fonts/DejaVuSans.ttf',
+    arial: 'http://www.pxscene.org/examples/px-reference/fonts/DejaVuSans.ttf',
+};
+```
+Currently, it only supports Arial and DejaVuSans.
+
+
+## Remarks
+(1) If you use the example in Heroku, you may need to wait several seconds for the resource downloading.
+(2) For showing text, you may still need to wait several seconds because the font URL is remote.
+(3) The updated pixi.js supports both browsers and pxscene.

config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  /**
+   * Port
+   */
+  PORT: process.env.PORT || 3000,
+};