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

[GBear]

hi

I wanna control input but i can't find good input system with pixi.

how can you control input system.. 

please tell me ..

thx.

[d13]

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

 

[ivan.popelyshev]

@GBear I dont understand what do you need exactly.

[GBear]

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?

 

thx...

 

[Tobi Reif]

I'd check out whether HTML could be an option, see eg https://github.com/tobireif/boomchat .

[GBear]

On 2016. 2. 4. at 6:25 PM, Tobi Reif said:

I'd check out whether HTML could be an option, see eg https://github.com/tobireif/boomchat .

hi @Tobi Reif

it looks good...

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

 

[Tobi Reif]

> 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.

[GBear]

hi @Tobi Reif

if canvas that draw pixi  is scaled to 2  , how can you control it?

i checked you code but i couldn't find how resolve this......

 

 

 

 

[ivan.popelyshev]

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

[GBear]

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?

@ivan.popelyshev

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.. ..^^;

 

 

[ivan.popelyshev]

Ok, so the only problem is text size, everything else can be configured in "%", right?