Video projection mapping library in React.
Contain the following component:
This is a work in progress library.
Allow you to transform the children element as you wish (3d tranform and translate)
<Layer isEditMode={true}>
<video src="A_VIDEO_SOURCE" style={{ width: 640, height: 390 }}/>
</Layer>
React.CSSProperties
Style applied to the container of the children elementReact.CSSProperties
Style applied to the anchor componentstring
Classes applied to the container of the children elementstring
Classes applied to the anchor componentboolean
if true, switch to edit mode and make anchors visible, if false, switch to view mode and anchor are not visible.number
Initial x position of the child elementnumber
Initial y position of the child element <Grid/>
number
number of rows to displaynumber
number of columns to displayAdd layer grid
Add magnet
Add reset functionality
Add more key controls
Add save to localstorage
Add layer container style when selecting a layer
This library has been inspired from the following blog posts / library: