MOD3

3D Modifier Library for JavaScript

This is a port of the AS3dMod Modifier Library for ActionScript 3 to JavaScript.

version: 1.0.0

supports: Three.js, CubicVR.js, OSG.js, J3D, Copperlicht, Pre3d

It is an almost complete port. All Modifiers found in AS3DMod are scheduled to be ported. Also the API architecture is setup for more modifiers to be added (even custom ones).

Contents

• Live Examples
• 3D Engines Support
• 3D Modifiers Support
• Source Code License
• API Reference
• Todo
• How to debug
• ChangeLog

Source Code License

MIT Open Source License like the original AS3dMod Modifier Library for ActionScript 3.

Live Examples

• 3D flipbook (Three.js, MOD3.js and Tween.js)
• Dancing Box (a simple blend of 3D manipulation and sound visualization)

Support for 3D JavaScript engines

• Three.js with examples (r78)
• OSG.js with examples (0.2.5)
• CubicVR with examples
• J3D with examples (Build 51)
• Copperlicht with examples
• Pre3d with examples (pre3d examples are a little blurry but you'll get the picture)

Modifiers supported (up to present)

• Pivot (note: Pivot does not work with Pre3d)
• Bend
• Twist
• Taper
• Skew
• Noise
• Wheel
• Bloat
• Break
• Perlin
• DisplaceMap

TODO

• possible generic way to use (at least some) 3D modifiers directly in GLSL for all supported engines (??)
• add custom modifiers except the defaults found in AS3dMod library
• optimize (math ops, caching, modifier chain calls etc..) [DONE partially]
• port the modifiers that use Perlin Noise (using instead the simpler and faster Simplex Noise routine for JavaScript, noisejs , or simplex-noise.js) [DONE partially]
• keep up with JavaScript 3D Engines updates (will try)

How to debug

1. If the problem is in one 3D engine, while the other engines work correctly for this example/modifier, then the problem is probably with that engine's proxy classes (plugins/3DENGINENAME/3DENGINENAME.js)
2. If the specific example/modifier does not work in any 3D engine, but other modifiers/examples do work, then the problem is probably with that modifier's code (modifiers/MODIFIERNAME.js)
3. If no example works for any engine, then the problem is probably in the core classes, or some class throws a js error which stops the whole execution

Changelog

• 1.0.0 refactor, simplify and minify code, remove classy dependency
• 0.6.0 3d engine plugins have been removed from the final build to make packaged code lighter, include the appropriate 3D plugin manualy in your application after the main mod3 script (see examples), modifiers are independent of the underlying modifiable mesh (it is a parameter), and this enables them to be shared (if the exact same modifier is needed) across multiple different modifierStacks for different underlying meshes, support for OSG.js, further refactoring and optimisations, some method changes
• 0.5.0 parallel processing through workers is dropped, add support for OSG.js (in progress), update support for Three.js r78, some refactoring and optimisations
• 0.4 support parallel modifiers with web workers transparently, code refactor, optimizations, examples updates
• 0.3.5 DisplaceMap modifier added, edits / optimizations
• 0.3.4 update classy.js, code refactor / optimizations, Perlin modifier added
• 0.3.2-0.3.3 update buildtools, api-reference, classy.js, Three.js revision (r66)
• 0.3.1 update buildtools, api-reference, use classy.js for OOP
• 0.3 code refactoring, extension framework, various optimizations, tidy up repo, new build scripts, project stopped
• added support for CubicVR.js 3D Engine, minor optimizations for all engines
• added support for Three.js revision (r58)
• added support for Three.js revision (r53)

see also:

• Abacus Computer Algebra and Symbolic Computation System for Combinatorics and Algebraic Number Theory for JavaScript and Python
• SciLite Scientific Computing Environment similar to Octave/Matlab in pure JavaScript
• TensorView view array data as multidimensional tensors of various shapes efficiently
• FILTER.js video and image processing and computer vision Library in pure JavaScript (browser and nodejs)
• HAAR.js image feature detection based on Haar Cascades in JavaScript (Viola-Jones-Lienhart et al Algorithm)
• HAARPHP image feature detection based on Haar Cascades in PHP (Viola-Jones-Lienhart et al Algorithm)
• Fuzzion a library of fuzzy / approximate string metrics for PHP, JavaScript, Python
• Matchy a library of string matching algorithms for PHP, JavaScript, Python
• Regex Analyzer/Composer Regular Expression Analyzer and Composer for PHP, JavaScript, Python
• Xpresion a simple and flexible eXpression parser engine (with custom functions and variables support), based on GrammarTemplate, for PHP, JavaScript, Python
• GrammarTemplate grammar-based templating for PHP, JavaScript, Python
• codemirror-grammar transform a formal grammar in JSON format into a syntax-highlight parser for CodeMirror editor
• ace-grammar transform a formal grammar in JSON format into a syntax-highlight parser for ACE editor
• prism-grammar transform a formal grammar in JSON format into a syntax-highlighter for Prism code highlighter
• highlightjs-grammar transform a formal grammar in JSON format into a syntax-highlight mode for Highlight.js code highlighter
• syntaxhighlighter-grammar transform a formal grammar in JSON format to a highlight brush for SyntaxHighlighter code highlighter
• MOD3 3D Modifier Library in JavaScript
• Geometrize Computational Geometry and Rendering Library for JavaScript
• Plot.js simple and small library which can plot graphs of functions and various simple charts and can render to Canvas, SVG and plain HTML
• CanvasLite an html canvas implementation in pure JavaScript
• Rasterizer stroke and fill lines, rectangles, curves and paths, without canvas
• Gradient create linear, radial, conic and elliptic gradients and image patterns without canvas
• css-color simple class to parse and manipulate colors in various formats
• PatternMatchingAlgorithms library of Pattern Matching Algorithms in JavaScript using Matchy
• SortingAlgorithms library of Sorting Algorithms in JavaScript