Giter VIP home page Giter VIP logo

simplecv-js's Introduction

SimpleCV.js - a port of the SimpleCV Framework to Javascript

Currently a Skeleton

CHECK OUT THE LIVE DEMO (Chrome only!)

Requirements

Coffee Script Node.js ~ v0.6.10 Node Package Manager

Quick Start Guide

Note that this quickstart guide is tested and works for Ubuntu 12.04 LTS

  • Install brunch.
  • Install coffe-script-brunch which adds support for Coffee Script.
  • Install a coffee script build environment.
  • Optional Install SimpleCV and its dependencies.
  • Run npm install to install missing dependencies
  • Add the following command to your .bashrc file and source the file: alias http "python -m SimpleHTTPServer"
  • Run the following commands in the shell
    • cd simplecv-js

    • brunch build

    • brunch watch &

    • http

  • Using Chrome go to locahost:8000/public/ and check out the results.
  • Most of the action happens in /simplecv-js/app/models/Image.coffee
  • Enjoy!

To test the javascript to python functionality do the following:

  • cd ./simplecv-js/webrtc-2-python
  • python server.py
  • Using Chrome go to localhost:8080
  • Allow the camera.
  • Enjoy!

Wraps the following:

simplecv-js's People

Contributors

aniketpant avatar chaithuzz2 avatar codetab avatar oostendo avatar santimunin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

simplecv-js's Issues

add binarize to image

either cv.js or ccv.js has a binarize function -- call it from image and return a new image which is binarized

write a unit test for it

Update fork me on github

Probably related to #27 , but the fork me on github needs to be updated to reference sightmachine/simplecv-js instead of ingenuitas/simplecv-js

image.show

Image.show([optional parent object])

save the image to the dom if not present -- if no parent object is defined, default to

if the image is already in the dom, make sure is visible

stack any drawing layers on top

(not sure how you write a unit test for this)

TemplateMatch operation

Using a fast WebGL convolution create a findTemplate method for SimpleCV.js. One flavor of match metric should be sufficient. The functionality should be the same as SimpleCV.

Does simplecv-js support contour detection

I have an image with multiple rectangles and am trying to detect them, I am new to opencv/simplecv and dont quite fully understand how to use this tool, is there some examples I could refer to?

Image.Blit

Create Image blit functionality. This should support blit from a whole image, an image with a binary mask, and an alpha mask. Functionality should mirror simplecv functionality.

create image class

as discussed

constructor:

  • takes Image ref, canvas or 2d array
  • stores a canvas (default) or 2d array

getBitmap()

  • returns 2d canvas context (generates if not present)

getMatrix()

  • returns 2d array

And write unit tests for these

drawing layer functionality on image

addDrawingLayer()
getDrawingLayer() aka dl()
removeDrawingLayer()

create new 2d canvas 100% alphad same dimensions as the original image as processing.js objects
keep an array of drawing layers on the image object

findLines operation.

Create a WebGL enabled Hough transform (hopefully find existing code) that uses a binary Canny edge image. Return the line values as a feature set.

Crop functionality

Crop the image and return a new image and a new image context. Support new un-crop functionality that will be in the lastest version of SimpleCV.

findBlobs / findBlobsFromMask

Using the cv library create a findBlobs / findBlobs from mask operation. The blob class should support most of the functionality found in SimpleCV.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.