https://github.com/cheeaun/3d-touch-canvas
3D Touch Canvas, for iPhone 6S, 6S Plus and iPad Pro
https://github.com/cheeaun/3d-touch-canvas
Last synced: 6 months ago
JSON representation
3D Touch Canvas, for iPhone 6S, 6S Plus and iPad Pro
- Host: GitHub
- URL: https://github.com/cheeaun/3d-touch-canvas
- Owner: cheeaun
- Created: 2015-10-20T16:26:12.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-01-23T19:03:46.000Z (over 10 years ago)
- Last Synced: 2025-06-08T17:40:20.168Z (about 1 year ago)
- Language: HTML
- Homepage: https://cheeaun.github.io/3d-touch-canvas/
- Size: 107 KB
- Stars: 62
- Watchers: 5
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
3D Touch Canvas
===
This is a demo for 3D Touch on Mobile Safari on iPhone 6S, 6S Plus and iPad Pro. It's a simple line drawing app which you can use the force of the finger to control the width of the drawn line.
Mobile Safari on iOS 9 for iPhone 6S, 6S Plus and iPad Pro introduces [3D Touch for web developers](http://www.mobilexweb.com/blog/ios9-safari-for-web-developers). The line drawing code is heavily inspired by (or copied from) @kangax's 2013 article: [Exploring canvas drawing techniques](http://perfectionkills.com/exploring-canvas-drawing-techniques/).
Demo URL: https://cheeaun.github.io/3d-touch-canvas/
Here's how it looks like, with a sketch:
And here's a nice demo video: https://twitter.com/cheeaun/status/656631323923091456
And here's how it looks like on iPad Pro:
https://twitter.com/firt/status/666414635390795776
https://twitter.com/firt/status/666438652860506112
Instructions
---
- Touch anywhere to start drawing lines (except the top link).
- Two-finger tap to clear canvas.