HTML5 Application to manipulate a Coons Bicubic Surface using its corner points, U and W tangents and UW twists.
Requirements:
- Should enable the user to modify the x, y, z coordinates of the four points corresponding to the u, w values of (0, 0), (0, 1), (1, 0) and (1, 1). The range for these coordinates should be [-1,1].
- Should enable the user to modify the x, y, z components of the tangent vector with respect to u, at the four points corresponding to the u, w values of (0, 0), (0, 1), (1, 0) and (1, 1). Not necessarily the normalized tangents. The range for these tangent vector components should be [-10, 10].
- Should enable the user to modify the x, y, z components of the tangent vector with respect to w, at the four points corresponding to the u, w values of (0, 0), (0, 1), (1, 0) and (1, 1). Not necessarily the normalized tangents. The range for these tangent vector components should be [-10, 10].
- Should enable the user to modify the x, y, z components of the twist vector with respect to u and w, at the four points corresponding to the u, w values of (0, 0), (0, 1), (1, 0) and (1, 1). Not necessarily the normalized twist vectors. The range for these twist vector components should be [-10, 10].
- Should display the Coons Bicubic Patch on the screen, and this surface should change dynamically as the user modifies any of the values using sliders. Perspective View.
- Should display the bounding box of dimension 2 units, centred at the origin.
- Should enable the user to modify the camera angle, from which viewing is done.
- Should enable the user to modify the u, w values, and should display a moving point on the surface as the user modifies these values using the sliders.
- All user input should be via sliders.
- Should use WebGL, in the form of three.js.
Tested on Chrome, Firefox and Edge, on Windows.
Open the file index.html in your browser.
Please send feedback to amarnaths.codeproject@gmail.com
Screenshot
