@nativescript/canvas-pixi NPM | npm.io

1.1.0 • Published 8 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

8 months ago

@nativescript/canvas-pixi

Installation

npm i three @nativescript/canvas-pixi

Usage

<GridLayout width="100%" height="100%">
         <canvas:Canvas width="100%" height="100%" id="canvas" ready="onReady"/>
</GridLayout>

import * as PIXI from "pixi.js";
import { TNSPIXIApplication } from "@nativescript/canvas-pixi";
// Create the Application by passing the canvas view object to it
 function onReady(args) {
   const canvas = args.object;
   const app = new TNSPIXIApplication({
           canvas,
           backgroundColor: 0x1099bb,
       });
       app.loader.add("bg_grass", "~/assets/images/bg_grass.jpg").load(build);
   
       function build() {
           // Create a new texture
           const texture = app.loader.resources.bg_grass.texture;
   
           // Create the simple plane
           const verticesX = 10;
           const verticesY = 10;
           const plane = new PIXI.SimplePlane(texture, verticesX, verticesY);
   
           plane.x = 100;
           plane.y = 100;
   
           app.stage.addChild(plane);
   
           // Get the buffer for vertice positions.
           const buffer = plane.geometry.getBuffer("aVertexPosition") as any;
   
           // Listen for animate update
           app.ticker.add((delta) => {
               // Randomize the vertice positions a bit to create movement.
               for (let i = 0; i < buffer.data.length; i++) {
                   buffer.data[i] += Math.random() - 0.5;
               }
               buffer.update();
           });
       }
}

License

Apache License Version 2.0, January 2004

NativeScript JavaScript TypeScript iOS Android

@nativescript/canvas-polyfill pixi.js pixi.js-legacy pixi-filters

@infinitebrahmanuniverse/nolb-_nati @everything-registry/sub-chunk-635

2.0.0-webgpu.39

8 months ago

2.0.0-webgpu.38

8 months ago

2.0.0-webgpu.37

8 months ago

2.0.0-webgpu.36

8 months ago

2.0.0-webgpu.35

8 months ago

2.0.0-webgpu.34

8 months ago

2.0.0-webgpu.33

8 months ago

2.0.0-webgpu.31

10 months ago

2.0.0-webgpu.30

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

2.0.0-webgpu.11

10 months ago

2.0.0-webgpu.10

10 months ago

10 months ago

10 months ago

10 months ago

2.0.0-webgpu.22

10 months ago

2.0.0-webgpu.21

10 months ago

2.0.0-webgpu.20

10 months ago

2.0.0-webgpu.19

10 months ago

2.0.0-webgpu.18

10 months ago

2.0.0-webgpu.17

10 months ago

2.0.0-webgpu.16

10 months ago

2.0.0-webgpu.15

10 months ago

2.0.0-webgpu.14

10 months ago

2.0.0-webgpu.13

10 months ago

2.0.0-webgpu.12

10 months ago

2.0.0-webgpu.29

10 months ago

2.0.0-webgpu.28

10 months ago

2.0.0-webgpu.27

10 months ago

2.0.0-webgpu.26

10 months ago

2.0.0-webgpu.25

10 months ago

2.0.0-webgpu.24

10 months ago

2.0.0-webgpu.23

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

1.0.0-alpha4-v6

5 years ago

1.0.0-alpha2-v6

5 years ago

1.0.0-alpha3-v6

5 years ago

5 years ago

1.0.0-alpha1-v6

5 years ago

5 years ago

5 years ago