rteammco / react-interactive-canvas-demo

A simple interactive and animated HTML canvas in a React + TypeScript app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React - Interactive Canvas Demo

This is a simple demo to showcase how to combine a complex React app with an interactive HTML5 canvas component and achieve smooth animations.

Code Structure

src
├── App.tsx (root component, contains state)
├── components
│  ├── AnimatedCanvas.tsx (canvas component, animation)
│  └── InputGrid.tsx (UI inputs - matrices, sliders)
└── utils
   └── Point2D.ts

About

A simple interactive and animated HTML canvas in a React + TypeScript app


Languages

Language:TypeScript 84.3%Language:HTML 12.6%Language:CSS 3.1%