GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - T-Pro/examples: Rendering examples using PixiJS and related plugins

BranchesTags
Open more actions menu
 
 

Latest commit

 

History

521 Commits
521 Commits

Folders and files

NameName
Last commit message
Last commit date
dest
dest
 
 
examples
examples
 
 
img
img
 
 
pixi-plugins
pixi-plugins
 
 
src
src
 
 
.editorconfig
.editorconfig
 
 
.eslintrc.json
.eslintrc.json
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
blank.html
blank.html
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

Repository files navigation

PixiJS Examples Guidelines

This is the repository for examples using latest version of PixiJS.

The iframe that displays the examples is 800 * 600, consequently please avoid creating a renderer that is larger than these dimensions.

Running the project

This micro-site is built using HTML and jQuery and can be run on your local server without additional requirements.

If you change the site code within src/js/pixi-examples.js or any styling within src/less you will need to rebuild the project. After installing dependencies via npm i, you can perform a one off projection build via npm run build and open with http-server -c-1, also you can start a watch process for development via npm run watch.

Project structure

All the examples are stored in the examples/js folder and loaded via the examples/manifest.json file.

All the assets are stored in examples/assets.

Every sub-folder in the examples folder corresponds to a sub-menu in the website's sidebar.

Creating an example

You can use the basic example as a template, it is located in examples/js/demos-basic/container.js. All you need to do is copy and paste this file to where you think your example belongs within the examples/js folder structure, and change the contents to make a new example. You will then also need to update the examples/manifest.json to allow the menu to point to your new example.

About

Rendering examples using PixiJS and related plugins

pixijs.io/examples

Resources

Readme
Activity
Custom properties

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.