HTML Application to draw and modify a NURBS Surface in 3D
NURBS Surface = Non Uniform Rational B-Spline Surface
Requirements:
- Should enable the user to modify the x, y, z and h coordinates (homogeneous coordinates) of 49 control points constituting a NURBS Surface (7 x 7 grid of control points). The range for coordinates of the control points should be [-1,1]. The user should be able to modify these through sliders.
- Should display the NURBS Surface 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 (degrees), from which viewing is done.
- Should enable the user to modify the u, w values of a chosen point, and should display a moving point on the curve as the user modifies these values using the sliders.
- Should display the knot vectors used for either of u or w.
- All user input should be via sliders.
- Should use WebGL, in the form of three.js.
Note: Rather than write the NURBS code myself and reinvent the wheel, I have taken relevant extracts from the examples provided by three.js. These are all contained in the file nurbsHelper.js. This has the NurbsCurve and NurbsSurface definitions. We just pass the inputs and get these classes to generate points on the curve and surface.
Tested on Chrome, Firefox, on Windows. Uses WebGL as available in three.js
Please report issues to amarnaths.codeproject@gmail.com
Open the file index.html in your browser.
Screenshot
