ANIMAL KEEPER - A Way to Interact and Keep Animals - 2.3

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

I just finished updating the portion where the user can adjust movement, size, and interaction after it has been placed. Yay for that. Next is the popup for interactions/movement

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

First movement type implemented. Line moves 100px left and right from the original placement. Duration 3 second walk, 5 second rest.

[Virgil Sovereign]

A serious suggestion this time: why not put in the option for generic movement based on a code?

Give the admin a text box in which to type, and give them a predefined set of codes for basic motion types to copy/paste. For example,


In-and-out Spiral Code:

T = 5;
var r = 200*t*(1-t), q = 6*Math.PI*t;
x = r*Math.cos(q);
y = r*Math.sin(q);


Right-Left Zigzag Code:

var move_time = 3;
var wait_time = 5;
var move_distance = 100;

T = 2*move_time + wait_time;
x = Math.min( Math.min( t, 1-t )*T/move_time, 1 )*move_distance;

...the first example being a simple spiraling motion (in and out), and the second being motion right, a pause, and motion back left identical to your first motion type, based on three parameters that admins can change if they so desire.

Admins can just cut and paste in the codes from a sheet you give them, perhaps in this thread.

As I envision it, you would then dynamically construct a new Function() object from these snippets with the signature:

function( t ) {
    var x = 0, y = 0, T = 1;

    [snippet of code inserted here]

    return { x: x, y: y, T: T };
}

The argument t would contain a time value that interpolates from 0 to 1 as the animation runs. The code is expected to populate the variables x, y and/or T, where x corresponds to the x offset of the object, y corresponds to the y offset, and T corresponds to the length of the animation in seconds.

The function is called once to determine the value of T (i.e. the duration of the animation), and then intervallically to determine x and y positions as the animation runs.

The appeal of this approach is that:

• admins that know basic Javascript can add their own custom animations
  
• you can parameterize each animation as richly as you'd like
  
• you can add new animations without having to update the plugin
• admins can choose which animations they want. For example, you might give them a form that allows them to enter the name, code snippet, and permission for each animation they want.
  

I think ultimately it would result it far less work for you. Design code that animates based on any code snippet, and then the sky's the limit in terms of flexibility with animation. And as an added benefit, you can implement the whole animation system in maybe 20 lines of code.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Jul 16, 2014 19:11:54 GMT -8 Virgil Sovereign said:

A serious suggestion this time: why not put in the option for generic movement based on a code?

Give the admin a text box in which to type, and give them a predefined set of codes for basic motion types to copy/paste. For example,


In-and-out Spiral Code:

T = 5;
var r = 200*t*(1-t), q = 6*Math.PI*t;
x = r*Math.cos(q);
y = r*Math.sin(q);


Right-Left Zigzag Code:

var move_time = 3;
var wait_time = 5;
var move_distance = 100;

T = 2*move_time + wait_time;
x = Math.min( Math.min( t, 1-t )*T/move_time, 1 )*move_distance;

...the first example being a simple spiraling motion (in and out), and the second being motion right, a pause, and motion back left identical to your first motion type, based on three parameters that admins can change if they so desire.

Admins can just cut and paste in the codes from a sheet you give them, perhaps in this thread.

As I envision it, you would then dynamically construct a new Function() object from these snippets with the signature:

function( t ) {
    var x = 0, y = 0, T = 1;

    [snippet of code inserted here]

    return { x: x, y: y, T: T };
}

The argument t would contain a time value that interpolates from 0 to 1 as the animation runs. The code is expected to populate the variables x, y and/or T, where x corresponds to the x offset of the object, y corresponds to the y offset, and T corresponds to the length of the animation in seconds.

The function is called once to determine the value of T (i.e. the duration of the animation), and then intervallically to determine x and y positions as the animation runs.

The appeal of this approach is that:

• admins that know basic Javascript can add their own custom animations
  
• you can parameterize each animation as richly as you'd like
  
• you can add new animations without having to update the plugin
• admins can choose which animations they want. For example, you might give them a form that allows them to enter the name, code snippet, and permission for each animation they want.
  

I think ultimately it would result it far less work for you. Design code that animates based on any code snippet, and then the sky's the limit in terms of flexibility with animation. And as an added benefit, you can implement the whole animation system in maybe 20 lines of code.

Great Idea, I'm using Jquery.animate (most compatible right now) and setInterval. I'll check into auto-form-ing the process.
I'm more thinking of up/down, left/right, speed, and rest time. And it will travel through all points specified. Which is a large step down from your spiral idea. However the plugin is always editable for people who like spirals and such.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Animal Keeper Development is nearing finish.
Now's the time to submit your own movement patterns.
I started with a circle like movement and a line.
Create your own, and if I like it, I will add it as a default movement that comes with the release.
Test out movement and size changing features in this release Animal Keeper (4).pbp (24.02 KB)

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

I got the basic drag and drop features and the description boxes setup
These are the things I have left to do.
Brush/feed etc special effects
Poop Generator
Images Page
Happiness Bar
Happiness Alert
Code Cleanup

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Well I decided I put to much time in this project and I'm giving up on the idea. It just is too much work and I rage quit. No seriously you should check out my youtube video for a quick laugh. It will help dry your tears after thinking I was serious about the first two lines. The Pet and Wash tools now have click-splosion effects when you drag them onto an animal. You can set the image, default is hearts and bubbles. The Train tool will play a sound. The default is an applause. All will produce a custom message. Any other ideas for effects?

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

1 Poop will be generated every 24 hours it has not been cleaned. It will spawn randomly each time the page has loaded.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Man this is getting so big I've maxed out the space on both js consoles and filling up the header area
I could probably condense it some but I fear I would lose the ability to interrupt the flow of the code with added features.

[temperateporcine]

Is the poop gonna' be optional? I'm not sure we actually need poop.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Jul 21, 2014 6:56:21 GMT -8 temperateporcine said:

Is the poop gonna' be optional? I'm not sure we actually need poop.

Yes. However the clean option will still be there. The poop just won't be generated.
By doing this, you could replace the image for the clean tool and effectively make it any other tool you can imagine.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

I spent the whole day making the Images Tool. Now you should be able to choose/buy backgrounds. Saves your previous backgrounds in a list. And loads the current set of images on page load.

[Virgil Sovereign]

Is poo really a "feature"?

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Jul 22, 2014 4:20:40 GMT -8 Virgil Sovereign said:

Is poo really a "feature"?

That video is hilarious. Just like the Play Station games. And yes poo is a part of RP that caretakers might like. Even with poop turned off, the cleaning tool is a nice addition I think.
Right now all I have left to do is make that happiness bar and we will have our first official release.
Anyone have a particular style of BAR that they think would look best?

[Virgil Sovereign]

Make it a face whose expression morphs from jubilation (100% happiness) to devastation (0% happiness), with 10-or-so intermediate expressions. Maybe as a little 16x16 icon that appears at the top right of an animal image when the user mouses over it (or mouses over a particular tool, or enters the correct mode in the editor, etc.)

If that's too complicated, you can't go wrong with a rectangular bar.