Jump to content

Is there Good Input system to write chat or text with pixi for mobile


Recommended Posts

hi @ivan.popelyshev

20 hours ago, ivan.popelyshev said:

@GBear I dont understand what do you need exactly.

My game need Input like following  image(following image is using own INPUT system but not good T-T)


i will use input for Chatting system,  authorizing system(input Login, password), and somewhere i will use 

but i can't find good solution INPUT system with PIXI.

i tested PIXI.Input and EXGUI input but it had some problems when create INPUT more than two in same screen with tab function or soft keyboard  on IOS or android( usually IOS)

So i''m worry how to resolve INPUT system..


do you have ideas for this?


On 2016. 2. 2. at 1:38 AM, d13 said:

I would just use good-old HTML - Pixi works seamlessly with other DOM elements.


Are you using DOM? I'm considering if there is no way....

How do you control when resolution changed?




Link to comment
Share on other sites

how do you control resolution between pc and mobile..?

All my latest code (and a link to the web-app) itself is at https://github.com/tobireif/boomchat :)

For the HTML textarea text input: CSS:

#messageInput {
  position: absolute;
  width: 34em;
  height: 2em;
  resize: none;
  font-family: 'BPMono';
  font-size: 18px;
  line-height: 1em;
@media only screen and (max-width: 640px) {
  #messageInput {
    width: 18em;
    height: 3.4em;
    font-size: 17px;
    line-height: 1.15em;

There are various aspects to consider: Users hitting enter, words outgrowing the textarea, etc.

You can look at all my code, but it's a work-in-progress, and you need to test your use case thoroughly. There probably are some issues left to resolve.

Link to comment
Share on other sites

On 2016. 2. 6. at 2:07 AM, ivan.popelyshev said:

@GBear with @2x resolution "em", "rem"s and "px" will be the same in css, right?


maybe not...?  

'resolution' looks like only for text's resolution. it's not about scale...

is it right?

if I use css with input, i control size manually when screen's resolution changed..

but resolution on pixi is upscaling texture of text..

i'm thinking like this.. ..^^;



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.

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.


  • Recently Browsing   0 members

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