Giter Club home page Giter Club logo

examples-v4's Introduction

Pixi v4 examples guidelines:

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

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

How to run 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, or 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.

How to create 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.

examples-v4's People

Contributors

alvinsight avatar bigtimebuddy avatar dependabot[bot] avatar englercj avatar excaa avatar exponenta avatar goodboydigital avatar ivanpopelyshev avatar mfluehr avatar mghenri avatar rtalon83 avatar rtpharry avatar stbaer avatar themoonrat avatar timjrobinson avatar vallentin avatar winniehell avatar zprodev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.