Rendering Context Benchmark

This project benchmarks the performance of drawing images on a canvas using different rendering contexts (2d and webgl2).

Features

• Switch between 2d and webgl2 rendering contexts.
• Measure and log performance metrics.
• Optimize rendering using WebGLContextAttributes.

Installation

1. Clone the repository:

   git clone <repository-url>
   cd rendering-context-benchmark

2. Install dependencies:

   npm install

Usage

Development

To start the development server:

npm run dev

Build

To build the project:

npm run build

Preview

To preview the built project:

npm run preview

License

This project is licensed under the Apache-2.0 License.