Jump to content

Started creating an Input Field


limikael
 Share

Recommended Posts

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!

Link to comment
Share on other sites

 

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! :)

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...