https://github.com/koggdal/ocanvas

JavaScript library for object-based canvas drawing.
https://github.com/koggdal/ocanvas

Last synced: 3 months ago
JSON representation

JavaScript library for object-based canvas drawing.

• Host: GitHub
• URL: https://github.com/koggdal/ocanvas
• Owner: koggdal
• License: mit
• Created: 2011-03-19T16:23:10.000Z (over 13 years ago)
• Default Branch: develop
• Last Pushed: 2023-06-24T16:20:08.000Z (over 1 year ago)
• Last Synced: 2024-04-24T02:01:30.461Z (7 months ago)
• Language: JavaScript
• Homepage: http://ocanvas.org/
• Size: 1.13 MB
• Stars: 488
• Watchers: 25
• Forks: 76
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • License: LICENSE-MIT

Awesome Lists containing this project

• awesome-web-animation - Ocanvas - JavaScript library for object-based canvas drawing. (Canvas)

README

        
# [oCanvas](http://ocanvas.org/) - Object-based canvas drawing

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fkoggdal%2Focanvas.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fkoggdal%2Focanvas?ref=badge_shield)

oCanvas makes canvas development easier to understand and do, by creating a bridge between the native pixel drawing approach and objects that are created and added to canvas. It is now possible to very easily create objects, change properties of these objects and add events to them — and everything just works because oCanvas handles the background stuff for you.

## Building your own oCanvas

The git repo contains a build directory with a build script. That will combine all modules specified in the config file and output one file with the full source and one file with the minified source.

The script uses [Node](http://nodejs.org/), so you need to install that first. The minification is done by [UglifyJS](https://github.com/mishoo/UglifyJS) which is included in the repo.

First you need to get your own copy of the source files, by running the following in the terminal:

`git clone git://github.com/koggdal/ocanvas.git`

Then navigate to the build directory by running:

`cd ocanvas/build`

Finally run the build command:

`node build.js`

You will now have two source files in the build/dev/ directory: ocanvas-x.x.x.js and ocanvas-x.x.x.min.js

## Documentation

All the documentation can be found at the website, 

## Issue reporting

Issues should be reported on GitHub, and every good issue should contain a good description, details about oCanvas version, operating system and browser. A test case of some sorts is also very much appreciated.

## Contributing

oCanvas is an open source project created and maintained by me (Johannes Koggdal). It would be great to get some more developers working on it, since I can't possibly make everything on my spare time. If you want to help out—reach out to me, so we can sync up to avoid double work. Then just send a pull request to get it in.

I have two main branches, `master` and `develop`, where `develop` is the branch where everything happens. When a new version is about to be released, it gets merged to `master`, where the version number is updated. So if you want to help out, make sure you're working on top of `develop`.

## License

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fkoggdal%2Focanvas.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fkoggdal%2Focanvas?ref=badge_large)