Started creating an Input Field

[limikael]

Hello!

 

I started working on an input field for pixi... It can be downloaded for testing here:

 

https://github.com/limikael/pixitextinput

 

And there is a demo here:

 

https://rawgit.com/limikael/pixitextinput/master/test/index.html

 

It is kind of usable, but still in an early stage of development. Before I continue I would like to ask:

 

1. Is there already a text input field implemented for pixi somewhere?

2. It is implemented using a PIXI.Text object inside a DisplayObjectContainer. The container masks the PIXI.Text so it can scroll. It also draws its own cursor and makes it flash. Is this a stupid way to implement this? Is there some other way that I have missed?

 

If someone likes it I will go ahead and add the missing parts and make a more "official" release.

 

Please take a look!

[d13]

 

If someone likes it I will go ahead and add the missing parts and make a more "official" release.

As far as I know this is the only implementation of a Pixi text input field.

I'm sure it's going to be very useful for a lot of people.

Maybe you should talk to the Pixi team about whether they'd like to include the finished version in the official Pixi repo, and how best to integrate it with Pixi's API?

 

Just as a reference, you have you seen this similar project of a text input field developed for canvas?

 

http://goldfirestudios.com/blog/108/CanvasInput-HTML5-Canvas-Text-Input

 

That's probably the minimum feature set you'll need to consider.

 

But, I love the developer's description of that project:

 

"It turned out to be dramatically more complicated than I ever imagined"

 

No kidding!

[limikael]

Yep I have seen it... Yeah there are many use cases and strange little corner cases to consider, time will tell if I can get it to work properly...

 

What is a good way to contact the Pixi team?

[alex_h]

There's also the approach of mixing DOM content with canvas:

 

http://www.html5gamedevs.com/topic/8517-plugin-pixidomsprite/

 

In my experience you need to have interaction with an actual DOM input field if you want to trigger the keyboard to appear on mobile devices.

 

Regarding contact you could try getting hold of Mat Groves from GoodBoy Digital

 

http://www.html5gamedevs.com/user/165-mat-groves/

 

although you might be better off starting a discussion on the pixi github page

 

https://github.com/GoodBoyDigital/pixi.js

[Sebi]

Using an offscreen input field has the advantage that copy/paste also works.

If you want to avoid DOM at all, you could use a prompt to trigger the keyboard on mobile devices (which is blocking).