@playcanvas/rollup

A set of useful Rollup and Vite plugins when working with the PlayCanvas engine.

Installation

npm i @playcanvas/rollup

And in your vite or rollup config

// rollup.config.mjs
import { fonts } from '@playcanvas/rollup';

export default {
	input: 'src/main.js',
	plugins: [fonts()]
};

Fonts

PlayCanvas uses SDF fonts for rendering 2D text. This plugin generates the SDF at build time. Just import your .ttf font and the plugin will return the SDF. This will internally create an PlayCanvas compatible SDF font.

import { Asset } from "playcanvas"
import courier from "fonts/courier.ttf?sdf"

const font = Asset('font', 'font', { url: courier })