LogoPixi’VN

Canvas (WebGL/WebGPU)

Présentation de la façon dont Pixi’VN utilise PixiJS pour le rendu, les différences entre Pixi’VN et PixiJS, et comment interagir avec le canvas et les outils de débogage.

Pixi’VN utilise PixiJS — un moteur de rendu 2D WebGL/WebGPU — pour dessiner tout ce qui s'affiche à l'écran. L'API de Pixi’VN enveloppe PixiJS pour vous permettre d'ajouter, de mettre à jour et de supprimer des images, du texte et des animations, tout en assurant automatiquement le suivi de l'état du canvas afin qu'il puisse être sauvegardé et restauré correctement lors des sauvegardes et chargements du jeu.

Utiliser

ink

Vous pouvez utiliser cette méthode avec la syntaxe ink. En savoir plus ici.

Pour interagir avec l'application PixiJS, vous pouvez utiliser l'élément canvas, qui fait office d'enveloppe. Avec lui, vous pouvez ajouter l'ensemble des composants fournis par Pixi’VN et démarrer des animations.

import { canvas, Sprite } from "@drincs/pixi-vn"; 

export const startLabel = newLabel("start", [
    () => {
        let sprite = new Sprite({}); 
        canvas.add("sprite", sprite); 
    },
]);

Autres fonctionnalités

Sur cette page