https://github.com/manjitbedi/pixi-node-starter

Starter project for using PixiJS with Node.JS using CSS, Typescript & webpack
https://github.com/manjitbedi/pixi-node-starter

Last synced: about 1 month ago
JSON representation

Starter project for using PixiJS with Node.JS using CSS, Typescript & webpack

• Host: GitHub
• URL: https://github.com/manjitbedi/pixi-node-starter
• Owner: ManjitBedi
• Created: 2024-05-28T18:26:11.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T18:39:00.000Z (7 months ago)
• Last Synced: 2024-05-29T09:38:40.484Z (7 months ago)
• Language: TypeScript
• Size: 55.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a basic start project for using [PixiJS](https://pixijs.com) verion 8 with Node.js & Typescript.

There are various things that were required to be configured to get it to build.



## Notes

A single sprite of s rabbit is displayed on screen.

```

const textures = await Assets.load('https://pixijs.com/assets/bunny.png');

// Create a sprite from the imported PNG file

const sprite = Sprite.from(textures);

sprite.x = 100;

sprite.y = 100;

container.addChild(sprite);

```

The HTML is being overlaid on top of the canvas component, from the CSS.

```

  #pixiCanvas {

	position: absolute;

	display: block;

	z-index: 0;

  }

  

  #htmlOverlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

  }

```

## TODO

There are some deprecations in PixiJS that I will get to...