Commit Graph

245 Commits

Author SHA1 Message Date
Eric Rowell
c8d8aa6028 changed draggable() to setDraggable(). added getDraggable(). added more unit tests and functional tests 2012-06-18 22:02:13 -07:00
Eric Rowell
dee78e86e2 added Circle backwards compatibility with Ellipse 2012-06-18 19:09:07 -07:00
Eric Rowell
bf616d0d4d fixed mousemove event bug, and added a very rigorous functional test to test all of the basic shape events for both desktop and mobile 2012-06-18 17:56:12 -07:00
Eric Rowell
dc51d95eb1 image fills can now be scaled to simulate image cropping. Now that image fills can be offset and scaled, the Image Shape is now obsolute because any shape can now use regular images or cropped images. 2012-06-17 17:18:49 -07:00
Eric Rowell
fae1ff6cb7 removed Circle shape and replaced it with the more flexible Ellipse shape. If you define the radius with a number, the shape will be a circle. if you define the radius with an x and y component, it will be an oval 2012-06-17 16:50:04 -07:00
Eric Rowell
c1b9d44885 setup data url hash for functional tests so that we can compare the visual result before and after a series of simulated events 2012-06-16 00:02:55 -07:00
Eric Rowell
9ec8c94701 refactored event bindings to expose content node events and enable true functional tests without a test framework like Selenium. Added new manualTests.html page for manual tests. One of the manual tests has already been converted to a functional test. Will add in image data url hashmaps soon so that I can compare screenshots before and after a series of actions in the functional tests 2012-06-15 11:47:55 -07:00
Eric Rowell
9b76f650f7 exposed content event bindings so that we can simulate mouse and touch events for the purpose of internal and external functional tests 2012-06-14 23:46:52 -07:00
Eric Rowell
838c719c0e made a better fix for the mobile alternating drag and drop bug 2012-06-14 20:29:07 -07:00
Eric Rowell
9a5f9006b8 updated jsdocs 2012-06-14 14:56:13 -07:00
Eric Rowell
73ad904de6 updated jsdocs 2012-06-14 02:19:51 -07:00
Eric Rowell
2455000f5c fixed set fill attr bug which occurred when instantiating the fill with a string color and then setting it later to a fill object such as a gradient or pattern. The fix will apply to any attr which can be a string or object 2012-06-12 09:57:29 -07:00
Eric Rowell
6d4738cd2b all simple getters and setters are now dynamically created. This is the first step towards creating a code base that can unpack at run time to reduce file size 2012-06-10 13:07:09 -07:00
Eric Rowell
6b70e1b18f now using setAttrs for all Shape and shapes setters 2012-06-10 00:02:16 -07:00
Eric Rowell
13105969b1 attr change events are now only fired on root level attr changes. changed centerOffset property to offset property for consistency. did additonal refactoring 2012-06-09 16:13:25 -07:00
Eric Rowell
bba1d0ad21 now leveraging the setAttrs method for all setters in Node class. utilizing draggableChange attr event to trigger drag and drop inits 2012-06-09 15:31:25 -07:00
Eric Rowell
9697af530c stage now listens for dimension changes, and updates the DOM dimensions if the widthChange or heightChange event is triggered 2012-06-09 11:24:35 -07:00
Eric Rowell
e64024d3bd refactored attr event change logic a bit. added delete operator in a couple places to fix memory leaks. added better event unit tests. 2012-06-09 10:53:47 -07:00
Eric Rowell
12b61b3621 attr change events are now triggered for any root attr so long as the attr is set with the setAttrs method 2012-06-09 01:47:41 -07:00
Eric Rowell
2cd24309ac first step to exposing event driven architecture. Devs can subscribe to attr change events with the on method. e.g. shape.on('widthChange', function(){...}) 2012-06-08 21:56:33 -07:00
Eric Rowell
440c3ac279 event simulation now correctly bubbles 2012-06-08 20:57:20 -07:00
Eric Rowell
e7699a588f fixed mobile drag and drop bug. refactored _handleEvents(). added new functional test that has two drag and drop shapes 2012-06-08 00:42:48 -07:00
Eric Rowell
0167432216 updated Path docs 2012-06-06 21:41:29 -07:00
Eric Rowell
e74fa3a319 fixed stage drag and drop bug on tablets 2012-06-03 12:48:13 -07:00
Eric Rowell
8b22fb0690 updated Transition docs 2012-06-03 10:36:50 -07:00
Eric Rowell
e842cdf8ac stage setSize() method now converts inputs to integers. added a lot of setSize unit tests 2012-06-02 21:27:26 -07:00
Eric Rowell
91eb4ea371 isVisible() method now takes into account ancestor visibility. This fixes several bugs related to odd event detection behavior with clusters of visible and invisible nodes 2012-06-02 19:12:06 -07:00
Eric Rowell
9f243d4a2e garbage collecting empty arrays in _removeName method to free up space 2012-06-02 00:39:17 -07:00
Eric Rowell
1b333bc800 new simulate() method to simulate node events. e.g. shape.simulate('click') 2012-06-02 00:21:49 -07:00
Eric Rowell
385deb793d remove() method now correctly removes node descendants 2012-06-01 23:56:01 -07:00
Eric Rowell
ba796f4cc3 new tap event. touchmove no longer incorrectly fires onmousemove event. dbltap now correctly bubbles. cleaned up some other event handling logic. 2012-06-01 00:44:38 -07:00
Eric Rowell
84e400e0f0 changed commands property to data per Jason's request. This provides a similar nomenclature to the SVG path data property 2012-05-29 21:34:04 -07:00
Eric Rowell
89370bfee7 fixed bug with setScale method and _isNumber method. Added unit tests 2012-05-28 23:46:40 -07:00
Eric Rowell
85cb03fa90 further optimized the path parser algo 2012-05-28 19:00:22 -07:00
Eric Rowell
9fa7949d27 fixed closePath bug with Path shape, added getters and setters, and added another path unit test 2012-05-28 16:11:43 -07:00
Eric Rowell
a29d1520ae applying event throttling logic to mousemove and touchmove only 2012-05-28 12:12:26 -07:00
Eric Rowell
3c72f8240b fixed up unit tests 2012-05-28 12:02:02 -07:00
Eric Rowell
a2defa4bed turns out there was no performance problems with the path (made a dumb mistake with implementation). However, during the analysis, I ended up adding event detection throttling which is pretty handy. It cuts down unecessary mousemove event handling dramatically and greatly improves performance when you have thousands of shapes 2012-05-27 23:41:05 -07:00
Eric Rowell
cc35abd0f6 first round of new Path shape. Despite multiple optimizations, the path performance isn't as good as a previous experiment done with v3.8.1. Will keep this as a separate branch until the performance issues are resolved 2012-05-27 21:46:03 -07:00
Eric Rowell
4488f22c32 added drag and drop support for the stage. This essentially enables stage panning 2012-05-27 00:07:36 -07:00
Eric Rowell
e075a725a1 rewrote shadow logic. Shadows can now be applied to images and sprites, even if they have transparent pixels 2012-05-26 20:34:36 -07:00
Eric Rowell
af31e1ee83 refactored stage.reset method. Now storing node default attrs as an object which can be used by the stage to reset itself 2012-05-26 18:40:43 -07:00
Eric Rowell
44ba6f7e5b bug fix - when setting a custom attr that points to self, the setAttrs method no longer gets stuck in a recursive loop throwing a stack overflow error. Also, objects that were instantiated from a class (non-literal objects) are no longer serializable 2012-05-26 18:31:13 -07:00
Eric Rowell
fd6bdb570c refactored get() and add() node methods. much cleaner now. 2012-05-26 16:49:58 -07:00
Eric Rowell
07edfbc765 hooked setAttrs into setCrop() method and made the _getSize() method more flexibile by accepting more variations of input. added unit tests 2012-05-26 16:37:37 -07:00
Eric Rowell
8c675327b9 hooked in the setAttrs method to the shadow setter and the pattern fill setter. added more unit tests 2012-05-26 10:57:56 -07:00
Eric Rowell
0bb158c0fb hooked setAttrs into setPosition and setScale for more flexibility. Added in depth position and scale unit tests. add() and remove() methods are now chainable 2012-05-25 20:18:05 -07:00
Eric Rowell
5526d2847e forgot to move the image object to the attrs for Kinetic.Image and Kinetic.Sprite 2012-05-20 21:41:05 -07:00
Eric Rowell
61d325d383 fixed up some issues with serialization and deserialization and updated unit tests 2012-05-20 16:42:37 -07:00
Eric Rowell
e26575a6c8 fixed flickering when a node was added to the stage, updated, and redraw due to throttling 2012-05-20 15:30:32 -07:00
Eric Rowell
2331222459 linear and radial gradients can now have any number of color stops 2012-05-20 11:12:07 -07:00
Eric Rowell
4ba2818f97 improved shadow code quality and added support for text fill and stroke shadows 2012-05-20 10:47:28 -07:00
Eric Rowell
97ddb507ea fixed layer drawFunc bug. Now using call() for layer beforeDraw and afterDraw custom functions so that they are executed from the layer's context 2012-05-19 22:18:33 -07:00
Eric Rowell
7fcf5f156a added support for shadow alpha property 2012-05-19 22:11:33 -07:00
Eric Rowell
e60eb8be6e tons of refactoring to make the code base even more elegant and flexibile. In particular, the setAttrs() method is much more powerful now, and serves as a really convenient way for setting a bunch of node properties at once 2012-05-19 21:14:04 -07:00
Eric Rowell
2ac2c2856c transitions can now operate on ANY numeric value for any Node object, regardless of the property's depth in a config object tree 2012-05-13 18:59:10 -07:00
Eric Rowell
9944b897c4 added support for heigt and width properties inside an object config property to be transition-able 2012-05-13 17:04:15 -07:00
Eric Rowell
1c36f208c0 added gaurd against infinite slopes for dashed lines 2012-05-13 16:23:58 -07:00
Eric Rowell
5045c3fbc4 fixed slop calculation bug with dashed line logic 2012-05-13 16:00:18 -07:00
Eric Rowell
c6040ebf9d a bit of refactoring here and there, added some getters and setters that i missed in Kinetic.Sprite 2012-05-13 14:04:29 -07:00
Eric Rowell
ec415c55de added _setPoints so that points setter methods could leverage the same logic that was in the setAttrs() method 2012-05-13 11:58:40 -07:00
Eric Rowell
7f8a174b51 fixed bug with _setSize() 2012-05-13 11:32:26 -07:00
Eric Rowell
7be0e5f577 refactored _getXY utility and usage 2012-05-13 10:46:49 -07:00
Eric Rowell
e4f5e11792 finished up pattern fill support 2012-05-13 10:27:40 -07:00
Eric Rowell
81df49e75d pulled out _setPointAttr from Node and moved it to the GlobalObject as _setXY, which enables x,y property setting for any object, not just attrs. also added _setSize which has similar logic for height width properties 2012-05-12 18:37:07 -07:00
Eric Rowell
9e3475f37a setup support for pattern fills 2012-05-12 18:18:06 -07:00
Eric Rowell
92919058b2 after a bit more thought, I've decided to change the maxWidth property to width, to make it even more similar to CSS sizing rules. If you set the width of the text box to a certain value, and the text string width is longer than that width, the text will be clipped 2012-05-12 17:49:01 -07:00
Eric Rowell
05df078295 reworked text max width logic to use clipping rather than native max width functionality which scales the text (what was w3c thinking? no idea) 2012-05-12 17:11:57 -07:00
Eric Rowell
502115fad7 Kinetic.Line detection type is now defaulted to pixel since this is the expected detection strategy 2012-05-12 15:45:04 -07:00
Eric Rowell
51258531bf fixed bug with getTextSize() which was throwing a JS error if used before adding text to the stage 2012-05-12 15:32:27 -07:00
Eric Rowell
1146919d3d modified setDefaultAttrs() so that it doesn't overwrite attrs defaulted in a custom class that extends a Kinetic class 2012-05-12 15:15:42 -07:00
Eric Rowell
28f7fc246d changed shadowFillStroke() to applyStyles(). Took applyLineJoin() out of shape draw functions and moved it to the Shape._draw() method. 2012-05-09 22:31:55 -07:00
Eric Rowell
2993191fe6 improved shadow logic such that it first attempts to apply shadows to a shape's fill if it's defined, otherwise it will attempt to apply the shadow to the stroke 2012-05-09 19:15:49 -07:00
Eric Rowell
16c251bb97 added drawFunc property to layer so that layers can easily draw non-node background graphics 2012-05-09 18:53:20 -07:00
Eric Rowell
a27741ce03 added shadow support. changed fillStroke method to shadowFillStroke 2012-05-08 23:06:13 -07:00
Eric Rowell
622278a510 point properties can now be set with an array of points or an array of numbers for convenience 2012-05-08 22:11:37 -07:00
Eric Rowell
40ebb21033 implemented dashed and dotted line styling for Kinetic.Line based on method written by Phrogz 2012-05-08 19:11:19 -07:00
Eric Rowell
f2976e7dd1 added support for linear gradients and radial gradients using the fill property 2012-05-03 14:20:50 -07:00
Eric Rowell
7d92a2099e fixed animation race condition bug that sometimes produced multiple requestAnimFrame calls, and also changed throttle property to be in fps (it used to be in ms). This will make it more consistent with other properties related to frame rates 2012-05-03 12:05:54 -07:00
Eric Rowell
3585e000b6 added new Kinetic.Sprite shape that enables you to easily add animated sprites to the stage 2012-05-02 00:35:32 -07:00
Eric Rowell
7bcd34ec47 added new beforeDraw() and afterDraw() event handlers for Layer 2012-04-28 23:03:58 -07:00
Eric Rowell
1dbe93a232 added new Line Shape 2012-04-28 21:12:01 -07:00
Eric Rowell
ffd9924511 tweaked throttling algo and added unit tests 2012-04-28 19:52:45 -07:00
Eric Rowell
ff31dcb0ae fixed small bug related to animations - if you called .start() multiple times, multiple animation instances would be created. This wasn't desirable. Also beefed up animation unit tests 2012-04-28 18:33:05 -07:00
Eric Rowell
e8dcb8e584 fixed glitchy flash on transitions when applying multiple transitions to the same node at different times 2012-04-28 17:45:13 -07:00
Eric Rowell
bd17b54aa8 added stage.reset() method so that you can reset the stage to its original state. hooked this in with stage.load() so that the stage starts when a clean slate when loading json 2012-04-28 13:57:43 -07:00
Eric Rowell
9cc380608e fixed drawing bug related to new throttle feature 2012-04-28 13:46:54 -07:00
Eric Rowell
6bed850042 added defensive coding when removing node from container in case it has not yet been added to the container 2012-04-28 13:06:22 -07:00
Eric Rowell
8dce92c2fd introduced new setDefaultAttrs() method which greatly simplifies the logic required inside node constructors. This will also make plugin creation much easier 2012-04-28 12:55:18 -07:00
Eric Rowell
c661cff85a fill, stroke, and strokeWidth values of undefined, null, '', or 0 are now correctly handled 2012-04-28 12:30:14 -07:00
Eric Rowell
9f6381aef3 stage.setSize() now correctly sets the content node dimensions. Also refactored object and DOM node sizing 2012-04-28 12:23:23 -07:00
Eric Rowell
3ac0e5592e added throttling unit tests 2012-04-28 11:41:58 -07:00
Eric Rowell
3200a9063a identified a couple public methods in the global object which are actually private 2012-04-28 11:23:47 -07:00
Eric Rowell
4e82139b74 added layer throttling which greatly improves drag and drop and other mousemove drawing performance 2012-04-28 11:18:40 -07:00
Eric Rowell
04554e0e6a removed Transition constructor block comment to remove it from jsdocs. Devs should just use the transitionTo() method without knowing how it works under the covers 2012-04-28 00:10:26 -07:00
Eric Rowell
222aea4e2e removed .onContent() and replaced with .getDOM() 2012-04-28 00:07:44 -07:00
Eric Rowell
9fef9e54d9 added new stage.getIntersects() method which allows you to obtain all the shapes that intersect a given point. Also enhanced all methods that require an x or y by allowing either two arguments to be passed in or an object to be passed in. Example foo(100, 50) or foo({x:100, y:50}); 2012-04-27 23:57:01 -07:00
Eric Rowell
192681374d added new selector capability to .get() method. You can now select all nodes by type inside of a container, such as by Shape, Group, or Layer 2012-04-27 22:54:39 -07:00
Eric Rowell
2879c0763f changed isPointInShape() to intersects(). Currently the method accepts a point object, but I may extend this to also accept another shape object 2012-04-27 20:54:49 -07:00
Eric Rowell
70df77f9fa enhanced setAttrs() logic to allow custom node properties and functions 2012-04-27 19:42:04 -07:00