let the library asset follow the curve

Posted on by
1

This experiment was in my mind for a long time. I don’t know a thing about the bezier curves and the Math, so that’s code I found and use. For me the most important learning curve was how to attach an library asset to a line I draw. This is just the beginning. What I want to accomplish in the end is that when I draw on screen my library asset will follow the line and stops at the end. Just to see how it adapts the gesture I make on screen. And…to make this a class that extends Hype Framework.
I used Hype to color, give a bit of extra feel with fixedVibration and needed the BitmapCanvas and clipContainer to let the movie run smooth. 3 clips that give a bit of insight of my process.

Version 1 an curve which you can move with your mouse and my library asset following that curve.

Version 2 added some color and fade-out, drag the curve with your mouse

Version 3 added also FixedVibration, drag the curve with your mouse

Drawing with Hype

Posted on by
Reply

The Hype Framework comes with several ways to let the mouse follow an object. I experimented with it to draw with the mouse and fill an pre-defined layout. Here I have tree versions. The first one is about filling an layout with an object. When outside the object you can right click and save as PNG. The second I added some color and the third I added fixed vibration. According to my latter experiment where I draw an illustration digital, I can now define layout shapes around or within the illustration and fill them myself with the mouse. It gives a certain kind of control.

NB. You do not see anything unless you start drawing with your mouse, or: move your mouse around!

Version 1 (simple fill in the squares)

Version 2 (fill in the shape with some color) Using a mask over your shapeLayout creates a nice effect

Version 3 added fixedVibration to scale and rotate

Hype illustration and separate layout and colors

Posted on by
Reply

The next version of my portrait illustration was to see if I could divide the colors. I had to split the layout in two parts, the exitShapes also and created two colorPools. One with oranges and one with tints of grey. I also found out by accident, that when I use the colorPool to add a specific color multiple times like: grey.addColor(0Xcolor, 3); and leave the variable color open like this: var grey:ColorPool = new ColorPool([]); the open array creates a black. I left it for a random contrast between my grey tints. So now the left portrait colors parts with grey tints and the right portrait colors parts with different orange tints.

Btw, I also tried the contextSaveImage function, but that doesn’t seem to save the whole image, only the dripped colors. No idea why.

Hype illustration, layout, simplebalistic

Posted on by
Reply

This experiment is about hand drawn illustration, the use of Hype layout, and simpleBalistic to fill, like paint, pieces of the illustration. I used masks with the layoutShapes and exitShapetrigger to get the effect. No way complete, just another experiment which gives me a lot more options to combine had drawn illustration and Hype Framework together.