https://github.com/sinclairzx81/interactive-shapes

Experiments with 2D design surfaces.
https://github.com/sinclairzx81/interactive-shapes

code experiments graphics interactions

Last synced: about 1 month ago
JSON representation

Experiments with 2D design surfaces.

• Host: GitHub
• URL: https://github.com/sinclairzx81/interactive-shapes
• Owner: sinclairzx81
• License: other
• Created: 2018-05-02T14:23:48.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-05-02T16:34:42.000Z (almost 7 years ago)
• Last Synced: 2024-10-19T11:12:37.271Z (4 months ago)
• Topics: code, experiments, graphics, interactions
• Language: TypeScript
• Homepage:
• Size: 43.9 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license.md

Awesome Lists containing this project

README

        
# interactive shapes

### overview

This is a test project to experiment with 2D design / editing surfaces in the browser. The goal of this project is to provide a simple basis to explore developing and modelling rich interactions, user collaboration functionality, and general API development related to design orientated applications.

This project is offered as is for anyone who finds it useful or interesting.

### running the project

clone this project and run the following from the project root. This will start a http server on port 5000.

```

yarn start

```

### design

This application is composed of the following high level components.

![toplogy](docs/topology.png)

- renderer - 2D canvas scene renderer

- scene - 2D scene graph composed of mesh, geometry and material primitives.

- interact - canvas event emitter. normalizes events specific to vector based mouse interactions

- designer - preforms scene graph mutations and renders.

- storage - some storage interface