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:

• ModelView a simple, fast, powerful and flexible MVVM framework for JavaScript
• Contemplate a fast and versatile isomorphic template engine for PHP, JavaScript, Python
• HtmlWidget html widgets, made as simple as possible, both client and server, both desktop and mobile, can be used as (template) plugins and/or standalone for PHP, JavaScript, Python (can be used as plugins for Contemplate)
• Paginator simple and flexible pagination controls generator for PHP, JavaScript, Python
• ColorPicker a fully-featured and versatile color picker widget
• Pikadaytime a refreshing JavaScript Datetimepicker that is ightweight, with no dependencies
• Timer count down/count up JavaScript widget
• InfoPopup a simple JavaScript class to show info popups easily for various items and events (Desktop and Mobile)
• Popr2 a small and simple popup menu library
• area-select.js a simple JavaScript class to select rectangular regions in DOM elements (image, canvas, video, etc..)
• area-sortable.js simple and light-weight JavaScript class for handling smooth drag-and-drop sortable items of an area (Desktop and Mobile)
• css-color simple class for manipulating color values and color formats for css, svg, canvas/image
• jquery-plugins a collection of custom jQuery plugins
• jquery-ui-widgets a collection of custom, simple, useful jQueryUI Widgets
• touchTouch a variation of touchTouch jQuery Optimized Mobile Gallery in pure vanilla JavaScript
• Imagik fully-featured, fully-customisable and extendable Responsive CSS3 Slideshow
• Carousel3 HTML5 Photo Carousel using Three.js
• Rubik3 intuitive 3D Rubik Cube with Three.js
• 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
• Abacus advanced Combinatorics and Algebraic Number Theory Symbolic Computation library for JavaScript, Python
• RT unified client-side real-time communication for JavaScript using XHR polling / BOSH / WebSockets / WebRTC
• AjaxListener.js: Listen to any AJAX event on page with JavaScript, even by other scripts
• asynchronous.js simple manager for asynchronous, linear, parallel, sequential and interleaved tasks for JavaScript
• classy.js Object-Oriented mini-framework for JavaScript
• CanvasLite an html canvas implementation in pure JavaScript
• Rasterizer stroke and fill lines, rectangles, curves and paths, without canvaσ
• Gradient create linear, radial, conic and elliptic gradients and image patterns without canvas
• 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)
• FILTER.js video and image processing and computer vision Library in pure JavaScript (browser and node)