Tutorial

This menu contains a very thorough tutorial for introducing developers to the ChemDoodle Web Components library. The content covers all aspects of the ChemDoodle Web Components library, from calling the global ChemDoodle variable to creating animations. We suggest you go through this entire tutorial to become familiar with all the aspects of the ChemDoodle Web Components library.

  1. Introduction – Introduces the programmer to the global ChemDoodle object and how to access it.
  2. Loading Data – Discusses various methods for loading chemical data from files and other sources into Javascript.
  3. Initializing Canvases – Shows the programmer how to display basic graphics.
  4. 2D Structure Canvases – Describes all 2D structure canvases and how to use them. This menu item is a submenu that has an individual page for each canvas type.
  5. 3D Structure Canvases – Describes all 3D structure canvases and how to use them. This menu item is a submenu that has an individual page for each canvas type.
  6. Spectrum Canvases – Describes all spectrum canvases and how to use them. This menu item is a submenu that has an individual page for each canvas type.
  7. Other Canvases – Describes all other canvases that do not fit into the above categories. This menu item is a submenu that has an individual page for each canvas type.
  8. Retrieving Data – Shows the programmer how to retrieve chemical data from ChemDoodle Web Components.
  9. Input Events – Describes how to interact with the user through traditional and mobile platforms.
  10. Drawing on Canvases – Demonstrates how to draw on ChemDoodle Web Components.
  11. Extending Canvases – Discusses how to extend the core abstract ChemDoodle Web Components classes to create new canvas types.
  12. Animations – Shows how to extend the abstract AnimatorCanvas class to create custom animations.
  13. Advanced – Advanced topics and usage of the ChemDoodle Web Components library are organized in this menu.
  14. Tips and Tricks – Lists various tips and tricks that may be helpful to users of the ChemDoodle Web Components library.