How to Write a 3D Modeling Application in JavaScript

Gary.Miller.WPF

Rate me:

5.00/5 (16 votes)

29 Jun 2020CPOL18 min read

29.2K

In this article, I describe how I implemented a 3D subdivision surface modeling application in JavaScript and WebGL.

Subsurfer is a 3D modeling application written in JavaScript using the HTML5 Canvas control and WebGL. It implements the Catmull-Clark subdivision surface algorithm. A unique feature of the program is that the editing window implements 3D projection in a 2D canvas context using custom JavaScript code. The view window uses a 3D canvas context which is WebGL. Subsurfer was written in Notepad++ and debugged in Chrome.

Views

Daily Counts

Downloads

Weekly Counts

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Gary.Miller.WPF

Software Developer

United States

Gary Miller is a professional software developer whose clients have included Delta Air Lines, Cingular Wireless, and the Center For Disease Control. He has developed advanced graphical user interfaces for traffic control systems and medical call centers. Some animated 3D products he has developed include Field Artist and Calder4D. He has developed a Silverlight powered social networking site for music students called Field Artist Central

Calder4D is a Windows program that allows you to model and animate 3D shapes and then produces the XAML code to include those animated shapes in your own WPF applications.

How to Write a 3D Modeling Application in JavaScript

Views

Downloads

License

Comments and Discussions