1. Homepage
  2. Programming
  3. CS3483 Multimodal Interface Design Assignment: Handpose model

CS3483 Multimodal Interface Design Assignment: Handpose model

Engage in a Conversation
CityU HKCS3483Multimodal Interface Designp5.jsml5.jsJavascript

CS3483 Multimodal Interface Design Assignment CourseNana.COM

Overview CourseNana.COM

In the assignment, you are required to use p5.js and the ml5.js Handpose model to develop an interface for viewing and interacting with an image. These actions are performed by using fingertip detection and keyboard operations. CourseNana.COM

Detailed Requirement CourseNana.COM

1. Initial Setup CourseNana.COM

Create a display window.
Load and display an image in the window.
CourseNana.COM

The instant view of the camera should be displayed next to the image and be the same size as the image. CourseNana.COM

2. Index fingertip detection CourseNana.COM

A small circle should be drawn on the camera view to indicate the position of the detected index fingertip. When you move your index finger in front of the camera, the circle should keep following your fingertip. A corresponding position indicator should also be drawn on the image to follow the movement of your index fingertip. CourseNana.COM

3. Freehand drawing on the image CourseNana.COM

When the ‘f’ key is pressed and released, the interface should enter the freehand drawing mode. In this mode, a freehand trace should be drawn on the image according to the movement of your index fingertip. CourseNana.COM

4. Region selection and copying on the image CourseNana.COM

When the ‘s’ key is pressed and released, the interface should enter the region selection and copying mode. In this mode, the image should be displayed. A bounding box should be displayed between the tips of your thumb and index finger in the camera view, and its size can be adjusted according to the distance between the two fingers. A bounding box with CourseNana.COM

the same size should also be displayed in the corresponding location of the image. CourseNana.COM

In this mode, when the ‘c’ key is pressed and released, the image region enclosed by the bounding box should be captured. The bounding box can then be moved to a new location, and its size can be adjusted according to the distance between the tips of your thumb and index finger. When the ‘v’ key is pressed and released, the previously captured image region should be pasted onto the region enclosed by the bounding box at the new location. CourseNana.COM

This operation is required to be performed once only. After the operation is completed, the position indicators can be re-displayed. CourseNana.COM

5. Exiting the freehand drawing/region selection and copying mode CourseNana.COM

When the ‘e’ key is pressed and released, the interface should exit from the freehand drawing/region selection and copying mode, and return to the state specified in “2. Index fingertip detection” with the original image re-displayed. CourseNana.COM

Assignment Submission CourseNana.COM

Program (40%)
You should submit your p5.js program and the associated image file. CourseNana.COM

Report (60%)
You should summarize your work in the form of a report which should include: CourseNana.COM

  1. A description of the design of the different sections of your program. CourseNana.COM

  2. Screen captures of the output. CourseNana.COM

  3. Limitations and possible improvements of the program.  CourseNana.COM

Get in Touch with Our Experts

QQ QQ
Wechat WeChat
Whatsapp Whatsapp
CityU HK代写,CS3483代写,Multimodal Interface Design代写,p5.js代写,ml5.js代写,Javascript代写,CityU HK代编,CS3483代编,Multimodal Interface Design代编,p5.js代编,ml5.js代编,Javascript代编,CityU HK代考,CS3483代考,Multimodal Interface Design代考,p5.js代考,ml5.js代考,Javascript代考,CityU HKhelp,CS3483help,Multimodal Interface Designhelp,p5.jshelp,ml5.jshelp,Javascripthelp,CityU HK作业代写,CS3483作业代写,Multimodal Interface Design作业代写,p5.js作业代写,ml5.js作业代写,Javascript作业代写,CityU HK编程代写,CS3483编程代写,Multimodal Interface Design编程代写,p5.js编程代写,ml5.js编程代写,Javascript编程代写,CityU HKprogramming help,CS3483programming help,Multimodal Interface Designprogramming help,p5.jsprogramming help,ml5.jsprogramming help,Javascriptprogramming help,CityU HKassignment help,CS3483assignment help,Multimodal Interface Designassignment help,p5.jsassignment help,ml5.jsassignment help,Javascriptassignment help,CityU HKsolution,CS3483solution,Multimodal Interface Designsolution,p5.jssolution,ml5.jssolution,Javascriptsolution,