react-pewpew

react-pewpew is a set of react components made for easily rendering an instance of PewEngine in react.

Prerequisites

You need to have the latest version of PewEngine on your public folder - inside the wasm folder.

public
└── wasm
    ├── pewengine.js
    ├── pewengine.wasm
    └── index.html 

(No longer needed, only do this if not working) Then replace index.html with This HTML file.

Installation

npm install react-pewpew

Usage

import React from 'react';
import { PewPewString } from 'react-pewpew'; // Or any other component

const App = () => {
  return (
    <PewPewString
      level="pewpew.set_level_size(500fx, 500fx) pewpew.new_player_ship(10fx, 10fx, 0)"
      style={{width:"100%",height:"90vh"}}
    />
  );
};

export default App;