Text Inputs? - Githubissues

devmattrick commented 8 years ago

I've just recently found this project and I can already see it being super useful. A major thing that is currently missing from this is text input. The only way I know to accept text input on Phaser is to make a "hack" using the HTML element, but something that uses the canvas natively would be extremely helpful.

Flaxis commented 8 years ago

Good point. I've been thinking about introducing text inputs before. For mobile users, we'd probably have to use an in-canvas virtual keyboard, though, because the native keyboard can't be triggered without the use of HTML. And this of course gives us limitations in the game's minimum width :) But maybe that isn't that big of a problem.

I'll look into it anyway. If you have any suggestions let me know or try setting something up.

devmattrick commented 8 years ago

Yeah, unfortunately the only way I know of to open the soft keyboard involves invisible HTML inputs, which would probably not be the best idea.

Even if it's a PC-only feature, I can still see if being quite useful. I'm not too sure how difficult it would be to create your own soft keyboard for mobile devices. Thanks for the quick reply! :)

giorgiobeggiora commented 8 years ago

are you implementing alla the

elements? I mean

, <input type="file">, <button>, ecc</p>
<p>Thanks.</p>            </div>
        </div>
            <div class="comment">
            <div class="user">
                <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Flaxis"><img src="https://avatars.githubusercontent.com/u/584239?v=4" />Flaxis</a>
                commented
                <strong> 8 years ago</strong>            </div>
            <div class="markdown-body">
                <p>Currently working out a text input solution for mobile and desktop users. File input fields will not be supported, because that does not belong in game UI in my opinion.</p>            </div>
        </div>
            <div class="comment">
            <div class="user">
                <a rel="noreferrer nofollow" target="_blank" href="https://github.com/giorgiobeggiora"><img src="https://avatars.githubusercontent.com/u/9007227?v=4" />giorgiobeggiora</a>
                commented
                <strong> 8 years ago</strong>            </div>
            <div class="markdown-body">
                <p>True, the main focus of Phaser is gaming, although sometime Phaser could be used to develop applications.</p>
<p>What about < select > ?</p>
<p>thanks</p>            </div>
        </div>
            <div class="comment">
            <div class="user">
                <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Flaxis"><img src="https://avatars.githubusercontent.com/u/584239?v=4" />Flaxis</a>
                commented
                <strong> 8 years ago</strong>            </div>
            <div class="markdown-body">
                <p>This plugin will only facilitate game development UI :)
Please create a new issue addressing dropdown elements and we'll discuss it there.</p>            </div>
        </div>
            <div class="comment">
            <div class="user">
                <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Flaxis"><img src="https://avatars.githubusercontent.com/u/584239?v=4" />Flaxis</a>
                commented
                <strong> 8 years ago</strong>            </div>
            <div class="markdown-body">
                <p>The requested feature has been added - text input fields.
Went for a virtual keyboard approach. It might still contain some bugs so use with caution. Also, I will abstract components into several different 'things' in the future (trying to maintain backward compatibility) to allow for more visual independence.</p>
<p>Release 0.3.0</p>            </div>
        </div>
            <div class="comment">
            <div class="user">
                <a rel="noreferrer nofollow" target="_blank" href="https://github.com/devmattrick"><img src="https://avatars.githubusercontent.com/u/5848320?v=4" />devmattrick</a>
                commented
                <strong> 8 years ago</strong>            </div>
            <div class="markdown-body">
                <p>You are awesome! Thanks so much!</p>            </div>
        </div>
    
    <div class="page-bar-simple">
            </div>

<div class="footer">
        <ul class="body">
            <li>© <script>
                    document.write(new Date().getFullYear())
                </script> Githubissues.</li>
            <li>Githubissues is a development platform for aggregating issues.</li>
        </ul>
    </div>

</html>

Flaxis / slick-ui

Text Inputs? #2