All Projects → ErikSom → PixiCulling

ErikSom / PixiCulling

Licence: MIT license
A cell based culling engine for Pixi

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to PixiCulling

Webosu
➤⓵ web rhythm game (unofficial osu!) http://osugame.online/
Stars: ✭ 434 (+3000%)
Mutual labels:  pixi
Pixi.js
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Stars: ✭ 34,982 (+249771.43%)
Mutual labels:  pixi
Gown.js
UI system for pixi.js inspired by feathers-ui
Stars: ✭ 195 (+1292.86%)
Mutual labels:  pixi
Pixi Viewport
A highly configurable viewport/2D camera designed to work with pixi.js
Stars: ✭ 532 (+3700%)
Mutual labels:  pixi
Bemuse
⬤▗▚▚▚ Web-based online rhythm action game. Based on HTML5 technologies, React, Redux and Pixi.js.
Stars: ✭ 773 (+5421.43%)
Mutual labels:  pixi
Pixi Cull
a library to visibly cull objects designed to work with pixi.js
Stars: ✭ 51 (+264.29%)
Mutual labels:  pixi
Leaflet.pixioverlay
Bring Pixi.js power to Leaflet maps
Stars: ✭ 264 (+1785.71%)
Mutual labels:  pixi
Expo Pixi
Tools for using pixi.js in Expo
Stars: ✭ 253 (+1707.14%)
Mutual labels:  pixi
Pixi Js Starter Kit
Experiment starter kit using Pixi.js, TweenMax & Webpack
Stars: ✭ 6 (-57.14%)
Mutual labels:  pixi
Expo Phaser
Build awesome 2D games with Phaser.js and Expo
Stars: ✭ 182 (+1200%)
Mutual labels:  pixi
Pixi Live2d
Display live2D model as a sprite in pixi.js.
Stars: ✭ 537 (+3735.71%)
Mutual labels:  pixi
Dragonbonesjs
DragonBones TypeScript / JavaScript Runtime
Stars: ✭ 602 (+4200%)
Mutual labels:  pixi
Pixi Seed
Pixi.js project seed with ES6 and webpack
Stars: ✭ 149 (+964.29%)
Mutual labels:  pixi
D Zone
An ambient life simulation driven by user activity within a Discord server
Stars: ✭ 466 (+3228.57%)
Mutual labels:  pixi
Pixi Sound
WebAudio API playback library, with filters. Modern audio playback for modern browsers.
Stars: ✭ 201 (+1335.71%)
Mutual labels:  pixi
Free Tex Packer
Free texture packer
Stars: ✭ 337 (+2307.14%)
Mutual labels:  pixi
React Pixi
Write PIXI apps using React declarative style
Stars: ✭ 1,031 (+7264.29%)
Mutual labels:  pixi
pixi-ease
pixi.js animation library using easing functions
Stars: ✭ 90 (+542.86%)
Mutual labels:  pixi
Pixieditor
PixiEditor is a lightweight pixel art editor made with .NET 5
Stars: ✭ 210 (+1400%)
Mutual labels:  pixi
Pixi Haxe
Externs of Pixi.js for Haxe
Stars: ✭ 175 (+1150%)
Mutual labels:  pixi

PixiCulling Tweet

A cell based culling engine for Pixi

Example

https://eriksom.github.io/PixiCulling/

Notes

  • Graphics need to have their pivot in the center
  • Graphics are initialized once. If a graphic changes in shape or form during runtime you need to update the graphic size info, you can use PixiCulling.getSizeInfoForGraphic(graphic) for this
  • For debugging the container needs to be a graphic
//Example scripts, also feel free to look at the demo
import * as PixiCulling from './PixiCulling';
//render area sets the viewport that will be used to cull things, you can also change these during runtime
PixiCulling.renderArea.x = 100;
PixiCulling.renderArea.y = 100;
PixiCulling.renderArea.width = 200;
PixiCulling.renderArea.height = 300;

PixiCulling.marginCells = 1; // ads an extra border of X cells arround the renderArea, usefull when setting renderArea to full screen and you dont want big objects to pop in the screen, default=0 You can also set this to a negative number.

//here you can set the precision of the culling, lower number is more precision, don't change these during runtime
PixiCulling.cellSize.x = 50;
PixiCulling.cellSize.y = 50;


//initialize PixiCulling on your container
PixiCulling.init(container);

// run update on every frame or on changing the render area
PixiCulling.update();

PixiCulling.setDebug(true); // false by default, you can also use PixiCulling.toggleDebug();
//PixiCulling.setEnabled(true) // true by default, you can also use PixiCulling.toggleEnabled();
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].