[8pla.net]

What do you think of my technology?

Reference: http://chatbot.tk/technology

Would you like to know what technology is used?

Go ahead.  Ask...  I don't mind.

[DemonRaven]

okay what is it used for? My conversation with it was lacking.

[8pla.net]

My technology here is an A.I. interface, (without an A.I. engine hooked up).
Randomly generated responses demonstrate the interface, featuring a log
in reverse chronological order.

The text size is enlarged to make it easy to read, and the font is Sans Serif,
which is the best choice because it works the same in PC and Mac  The
TECHNOLOGY logo is created using a cascading style sheet (CSS).  And,
the cursor is moved to the text input field on page load.

The character encoding is 8-bit Unicode, to encode basically any character,
such as the triangle pointers used for prompts.  There is an HTML form with
one text input field, one text area input field that logs the conversation, and
one submit button to post back to the server.   This will be extended further.
There should be a hidden input field added to prevent response repeats.

We all have a pretty good idea of what we like to see in an A.I. but have you
ever asked yourself, what you would like to see in an A.I. interface?

[8pla.net]

Created a custom submit button...



Using PHP to create a PNG image.

So, it is programmable, if need be.

[Data]

I can see where you are coming from with this 8pla.

Agreed, a good, user-friendly interface is important.

One thing that bugs me is when I chat to an A.I. and every time I want to input something I have to click in the input field because the focus is removed from said field.

So. yeah, I get it, some good ideas there

[Freddy]

We all have a pretty good idea of what we like to see in an A.I. but have you
ever asked yourself, what you would like to see in an A.I. interface?

I think a good ui takes a lot of work and thought. One thing I was playing with was animating the words. Take a look at this that someone called Matt Boldt came up with.

http://www.mattboldt.com/demos/typed-js/

[8pla.net]

Created a simple avatar system.
Uses PHP to make it interactive.

Avatar commands: ON, OFF.
Two shades of command reactions.

Dynamically draw avatar on each post.
Mouth opens and closes slightly.
Eyes slightly change shape.
Three shades of emotion.

Added hidden text field to automatically
prevent response repeats.

Thanks for being the first to join the
discussion, Raven. Much appreciated.
Should I alert the user that the A.I.
engine is offline, so they don't expect
too much?

Data, really useful feedback my friend.
One good thing about leaving the A.I.
out, is that it may be a distraction
from interface design.

Yes Freddy.  Right now, I am searching
through my archives, to find how I used
to change the cursor caret with JavaScript.

Although this interface is prototypical,
what else should it do before including
an artificial intelligence engine?

[DemonRaven]

Lol ya letting people like me know when it is offline might help.

[8pla.net]

NEW!

Added a real three dimensional avatar, animated by each click of the button.

Avatar, programmed to use mathematics, rotates around the X axis, Y axis and Z axis.

Mouth open and closes in 3D too. 

Lightly Tested so far.  Feedback is greatly appreciated.

Link: http://chatbot.tk/technology/

[Korrelan]

The avatar makes it feel much more polished in my opinion.  The more visual information a user has to help them relate the better.  Emojis are a normal expression method these days; kinda makes it feel more comfortable… if that makes sense.

I think it’s a good addition.

[8pla.net]

Based on your useful feedback, I've designed a color scheme.

Since, there is no A.I. engine yet, I added a casino slot machine
that rolls when the button is clicked with blank user input.

The graphics are all computer generated, meaning they get dynamically created through programming code and are not saved on the server as images.

[8pla.net]

Lol ya letting people like me know when it is offline might help.

OK.   That has been added.  Thank you Raven.

[Art]

Are you sure that's a 3D avatar or just a 2D representation of one, showing various view to simulate 3D angles (views)?

Perhaps that the Avatar is only showing the front face and not the sides (if there are any). I realize this is just a testbed so I didn't mean to sound nitpicky.

[8pla.net]

Nitpicking is more than welcome here!
You're right, Art, it is a testbed,
and other testbed upgrades may follow.
I understand what you mean, because
this is nearly the minimum of true 3D.
Wireframes would be even more minimum.

Thanks, for the compliment! Your comments
suggest to me, my little 3D program is
so convincing, it resembles the 2D work
of a graphics editor, like Photoshop.
However, it is 100% computer programming,
that does not load or save any graphics.
The graphics are generated on the fly.

I remember thinking to myself, before
posting it to the web, "This minimal
design has something special about it.
And, it works well!" Mathematically,
the magic of 3D is that it is mapped
to a flat 2D plane, the computer screen
in this case. It does this by using
trigonometry. Functions like sine,
cosine, and more transform 3D to 2D.

The true test of 3D, is whether or not
it has a Z axis.  A 2D avatar only has
an X axis and a Y axis, lacking a Z axis. 
This 3D avatar, has an X,Y and Z axis
in the mathematics of its programming.
It uses 3D math which is programmable
to float five filled polygons around
in 3D space.

[8pla.net]

While the first version avatar is true 3D, it has a low poly count, with the frames based on button clicks.  So, it is a light demonstration of 3D animation. The same could be accomplished with a series of prerendered images. Yet, it is still a funny avatar, I think.

http://www.chatbot/technology

The next version remains a low poly, with some extra 3D for more detail.  This time, frames are animated like a film. So, the avatar floats through 3D space making smoother movements.

Keep in mind that it is still ALL NEW, and still being optimized.  Now and again it may require a reset, for a clean start. Hey, that's what alpha testing is for. 

http://www.chatbot.tk/3D


EDIT:  To fix a broken link reported.  Thank you Art !