Code Monkey home page Code Monkey logo

pixitron's Introduction

pixitron engine

Clone and run for a perfect Electron game project starting place

The Pixitron Game Engine by Lost Astronaut Studios (lostastronaut.com). It's not a game, just a starting place. As seen on YouTube: https://www.youtube.com/playlist?list=PLzilNkL7KAZGoeKIsDpo0CPQv7UCL_Gms

This is a minimal boilerplate / starting place for making an Electron-structured PixiJS application based on the Electron Quick Start, combined with some custom Pixijs code and voila!,

Comes with a gamepad console up for testing any game controllers you might have connected, and a keyboard mapping area already configured to easily bind to various special key events. Audio is played through HTML5, but ships with Howler.js if you want something more substantial for audio wrangling

Please note we've left the Electron dev console on, because you'll probably need it. Turn it off before you release!

Use this app along with the PixiJS tutorials and the Electron API Demos app for API code examples to help you get started.

Getting started:

  1. Go through the basic quick start of Electronjs
  2. Get familiar with the Atom.io editor
  3. Clone this and run it
  4. Experiment with native building features of electron-build and related add-ons

Maybe this video will help: https://www.youtube.com/watch?v=Z-oN_YI3KIE

This starting place for a Pixitron game is implemented in these files:

  • package.json - Points to the app's main file and lists its details and dependencies.
  • main.js - Starts the app and creates a browser window to render HTML. This is the app's main process.
  • engine.js - Contains a ready-to-be-extended game engine that hooks "ESC" key to "Quit"
  • interface.js - Keyboard and mouse wrangling
  • drawing.js - Where to put reusable drawing apparatus
  • renderer.js - Came with the Electron Quick Start
  • index.html - A web page to render. This is the app's renderer process.

You can learn more about each of these components within the Quick Start Guide and by looking into the award-winning PixiJS v4.

To Use

To clone and run this repository you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
git clone https://github.com/LAGameStudio/pixitron
# Go into the repository
cd pixitron
# Install dependencies
npm install
# Run the app
npm start

Note: If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

What's in the soup

  • Includes a custom Engine class for structural organization and window setup for quickly starting a fullscreen game app in Electron
  • PixiJS cross-platform game engine for 2D and WebGL games
  • For spatial audio and audio sprites: Howler.js
  • For gamepad support: jsgamepad
  • Great all-inclusive keyboard bindings setup
  • Z-ordering display groups for making 2.5D games

What's not but could be

Resources for learning Pixitron

There's a 20 video YouTube series on integrating Pixitron with a JSON back-end to host multiplayer games:

Resources for learning PixiJS

Resources for Learning Electron

License

It's a mix of MIT and CC0 1.0 (Public Domain) licensing. See all licensing here

pixitron's People

Contributors

h3rb avatar zeke avatar jlord avatar kevinsawicki avatar lostastro avatar tcyrus avatar bratsos avatar izuzak avatar louis993546 avatar icodeforbananas avatar haacked avatar sahildua2305 avatar sebastianschmidt avatar steevedroz avatar zanesterling avatar bokuweb avatar fscherwi avatar icoxfog417 avatar laiso avatar pratu16x7 avatar auchenberg avatar phanect avatar ionicabizau avatar thompsonemerson avatar posva avatar maddhruv avatar clemens-tolboom avatar ckerr avatar bhaveshgohel avatar galeksandrp 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.