Search the Community

Do you have a love and passion for video games? Do you want to use that love and passion to have a positive impact on the world? Are you sick of corporate culture? If so, read on! We are looking for help on our quest! We require an experienced multi-talented individual in UI/UX/Graphic Design, with retro video game knowledge and experience for our mobile app. As a team member, you will be an important and valued part in the completion of our mid-stage, high-concept prototype. Over the last two years, we have built a strong and dedicated customer base. This project is a unique opportunity best suited to individuals looking for part-time work and interested in earning equity in a special project over short-term financial satiety. Key Responsibilities: - Working with our team to create an appealing and efficient user experience and visual design - Establish and maintain design system for iOS, Android, and Web applications - Develop prototypes and wireframes for to test and validate experience and interfaces - Create appealing and consistent menus and navigation fitting into a retro game theme - Develop highly polished mock-ups for future planning Personal Skills: - Must be a creative individual with strong communication and collaboration skills. - Must be able to thrive at self-direction when necessary. Professional Skill Set: - Significant experience with UX/UI/Graphic Design, years are irrelevant, just skill, talent, and creativity! - Experience with UX/UI Design Tools, including the Adobe Creative Suite - Experience working in a team setting and remote environment - JavaScript/HTML/CSS Experience is a plus All candidates are welcome to apply. A resume is just paper, and we are most interested in seeing the work you have done – after all, UX/UI and Graphic Design is a visual experience! If you have any questions or feel like you might be a good fit, please shoot us a message! Thanks, Evoloot Team

I am making UI Components Framework for Phaser 3, that is driven by JSFL-generated jsons and atlases. It means that you can build your UI in Abode Animate, export it with given script, and forget about manual code positioning and building stuff! Please, try it out. https://xense.github.io/phaser-ui-comps-docs/tutorial-showcase.html Docs, examples, tutorials: https://xense.github.io/phaser-ui-comps-docs There are two basic things in this framework. First is ComponentClip, which is a view instance, it is recursively self-build by provided json and atlases. Second is UIComponentPrototype, which is clip controller. It can be easily extended to create any components, windows or whatever you need. Essential meaninig of it is that it doesn't need a clip to exist always. For example, you can change states of a root clip, and child clip can get new clip instances, ore lose them, and nothing bad happen. Some base components are already included UIButton has 4 states, "up", "over", "down", "disable" UIButtonSelect same as button, but behaves like checkbox, has 8 states, by adding "_select" suffix to UIButton's states when selected. UIButtonRadio Selectable buttons, that can be grouped to select only one of them. UIButtonDraggable same as UIButton, but also emits drag event, drag bounds can be self externally. UIScrollBar vertical or horisontal bar with draggable thumb and prev/next buttons. UIProgressBar Setup only start and end elements positions, scale, rotation or alpha, and this component will interpolate them according to provided progress value. UIScrollPanel Helper for scrolling any element with UIScrollBar. UIContainer Base container component to add other dynamically created components inside. Can be easily extended to create any types of lists, for example. I'm still working on new components and extending existing functionality. Tell me, would you use it, what other components you may need, and whatever you think about it. Any feedback is appreciated! Also I'll be thankful for any collaboration. Available at GitHub and npm

If you've been looking for a UI manager for Phaser before, you'll know there aren't really a whole lot of good ones out there. That's why I started working on a component for building user interfaces in Phaser, called SlickUI. It's still in early development, but already capable of buiding user interfaces with panels, buttons, text and generic display objects (like sprites). On the todo list is adding text fields, checkboxes and radio buttons. Website Github page Would be cool to see your opinions!

In peoples experience / opinion which is the better approach to building a User Interface for an HTML5 game? I've found mixed opinion and approaches across the web (as with most things HTML5 games related). As far as I can see the advantages in using the DOM are styles can be set by CSS (so no need for sprites and images), and it isn't redrawn by the main game loop on each redraw (as this is then handled by the browser, and presumably is generally accelerated by the GPU). It's also easier to handle user interaction such as click events through the DOM. However I know accessing the DOM can be very slow from javascript, so it's how you mitigate that when you want to update parts of the interface. It's also worth noting that I've encountered performance issues using the DOM for a UI on my mobile phone. Currently the UI is just static and does nothing, but I still get frame drops. I realise it could just be my phone, and I need to check whether not layering the DOM objects over the canvas improves performance - but in my game engine I get a steady 60fps on my phone when the DOM UI is hidden, but this drops massively when it's displayed. This could easily be something I've done though?!

How do you position the user interface graphics / sprites to stay on the screen?

Hi, I started to create a graphical userinterface and an extension of babylonjs. You can define different objects on a set and move, rotate, etc. these objects relative. There is also a binary based format avaible (v3d) to obtain an faster loading, and an second supported format is: "xml", with this you can easy configure maps for your game. By example: <?xml version='1.0'?><V3D> <ground>grass.jpg</ground> <skybox>sky/skybox</skybox> <object map="objects" url="example.v3d" x='500' rotationX='90'> <mesh name="Mesh01" scaleX='2'></mesh> </object></V3D>I'm developping more features, but you can see what there already is avaible on my site:http://www.vulkenogui.com What are you thinking about this ?(and I'm sorry for my bad english) thanks