{"id":20649581,"url":"https://github.com/leapmotion/chrome-draw","last_synced_at":"2025-04-17T01:43:24.949Z","repository":{"id":16576446,"uuid":"19330505","full_name":"leapmotion/chrome-draw","owner":"leapmotion","description":null,"archived":false,"fork":false,"pushed_at":"2015-01-06T20:55:09.000Z","size":1652,"stargazers_count":10,"open_issues_count":0,"forks_count":12,"subscribers_count":34,"default_branch":"master","last_synced_at":"2025-03-29T05:51:16.539Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/leapmotion.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-04-30T23:34:55.000Z","updated_at":"2020-11-19T03:10:20.000Z","dependencies_parsed_at":"2022-09-24T08:01:28.306Z","dependency_job_id":null,"html_url":"https://github.com/leapmotion/chrome-draw","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leapmotion%2Fchrome-draw","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leapmotion%2Fchrome-draw/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leapmotion%2Fchrome-draw/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leapmotion%2Fchrome-draw/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leapmotion","download_url":"https://codeload.github.com/leapmotion/chrome-draw/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249298888,"owners_count":21246722,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-16T17:15:04.578Z","updated_at":"2025-04-17T01:43:24.932Z","avatar_url":"https://github.com/leapmotion.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chrome Draw\n\nWelcome to chrome draw.  This is a drawing app built to be turned in to a chrome extension to mark up any web page.\n\n## Demo:\n\nRequires WebGL for display, Leap Skeletal Beta for interaction:\n\n[leapmotion.github.io/chrome-draw/](http://leapmotion.github.io/chrome-draw/)\n\n## Building\n\nIt is currently implemented in coffee script.  Simply run\n\n\u003e npm install\n\n\u003e grunt dev\n\nAnd then head to http://localhost:8000\n\nAs well as transpiling the coffeescript in to `main.js`, this will also run a livereload server.  With the right\n[chrome extension](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en), the page will reload for you when files are changed.\n\n## Known issues and road map\n\n - Hand splay should be measuring how stretched-out fingers are, but actually measures how together they are\n - Sometimes some brush strokes are left behind when clearing the canvas\n - Leap-playback can sometimes speed up\n\n**Roadmap**:\n\n - Wire up the color choosers on the top right\n - Allow click interaction, to go between moving hand Up/Down for hue and Up/Down/Left/Right for saturation\n - Build in to chrome extension, for use on any page\n - Add \"new canvas\" and \"take screenshot\" buttons\n - Add share buttons\n - Break out swipe-timeout (and direction, end-event) in to their own wrapper plugin\n - Add field of view calculations (plugin) and a feature with the rigged hand to allow coloring bounded by a plane.  Use to darken the hand on the edge of the field of view.\n - Use radial coordinate system to detect left and right flicks of the hand from the wrist, use to switch h/s/l setting modes.\n - Add grab support, to allow moving the background with one hand, while drawing with the other.\n\n\n## Components\n\n - Probably the most interesting part of the app is how the pen is positioned: [javascripts/helpers.coffee#L41-L45](https://github.com/leapmotion/chrome-draw/blob/master/javascripts/helpers.coffee#L41-L45)\n - The [Rigged Hand](https://github.com/leapmotion/leapjs-rigged-hand) - 3d hand on screen\n - [Leapjs-playback](https://github.com/leapmotion/leapjs-playback) - plays back pre-recorded motion\n - *leap.relative-motion* This beta plugin allows motion relative to the position of the hand when last recalibrated\n - *leap.hand-splay* This beta plugin measures how flat and stretched-out a hand is.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleapmotion%2Fchrome-draw","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleapmotion%2Fchrome-draw","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleapmotion%2Fchrome-draw/lists"}