Search the Community

Showing results for tags 'Mobile'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • Web Gaming Platform
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Twitter


Skype


Location


Interests

Found 425 results

  1. It's war and enemies have captured your base. You are the last soldier from your troop in the base so only you can fight it back. Take the rifle and get ready for the battle. Play Warfare Area
  2. If you search for how to detect mobile devices by JavaScript you will find confusing information such as looking for the string "Mobi" in the browser identifier, and other unreliable stuff. In the past people checked screen size but that no longer works because some mobile devices have huge numbers of pixels. Even the usually reliable Mozilla Developer Network pages are contradictory on trying to detect touch screens. They have an article from 2011 which says to check whether the global window object has a property called ontouchstart (except that for Internet Explorer look at navigator.msMaxTouchPoints) but a recently updated (2019) page about TouchEvent (link below) says ontouchstart is still only an experimental proposal, not in the official specification of TouchEvent. So we cannot rely on browsers using it. I came to realise that in searching for "how to detect mobile" I was really asking the wrong question (as are many others). What really matters for my programs is whether the user has a keyboard (and if not, perhaps check for mouse or touch screen). As HTML5/JavaScript programmers (what this site is about) we do not have access to the internal system of the device we are running on, to check its hardware, so how can we do this? Here is my scheme. If a keyboard event occurs we know there is a keyboard. Similarly a mouse or touch event will confirm that the user has other capabilities. So in the constructor of the main program object do the following. this.keyable = false; // Until proven otherwise this.mouseable = false; this.touchable = false; var canvas = document.getElementById ("canvasId"); // Or whatever the id is canvas.addEventListener ("keydown", handleKeydown, false); canvas.addEventListener ("mousedown", handleMousedown, false); canvas.addEventListener ("touchstart", handleTouchstart, false); Then if any of those handlers is ever invoked you can set the corresponding boolean to true. For example (if we assume the global program object is called main): function handleKeydown (ev) { if (!main.keyable) { main.keyable = true; // There is a keyboard main.adjustScreenLayout (); // As necessary } // ... Go on to handle the key supplied in ev } Note that we do not want to adjust the layout every time an event comes in, only when the boolean first changes state. There is a potential problem though. If the user of a mobile device manages to invoke the onscreen keyboard it will generate keyboard events, fooling us. Our HTML5 game will not normally provide any way for the user to do this because we do not have access to the system level. However, if our HTML includes text input fields they would spoil things, so there must not be any such fields in the page. I think there is no way to find out whether key events come from a real or virtual keyboard. I have verified that my Surface Book only fires touch events from the screen, not from the touch pad. The latter fires mouse events. So detecting touch events does seem to indicate a touch screen and maybe that is all I need. If I detect a touch event I will assume that touch is what the user wants to use, regardless of whether there is a physical keyboard, and I should present the appropriate user interface layout. See also https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent (and linked pages) That page shows that InternetExplorer and Safari (desktop) have no support for TouchEvent. That does not break my proposal above. It says that Safari on mobile does fully support TouchEvent.
  3. Hello everyone, my name is gedion101, I'm new in this forum and new using Phaser.js and quite a little long time in react-native framework, which is javascript framework for mobile development, you can see in this website (https://facebook.github.io/react-native/), or you can see the documentation if you curious (https://facebook.github.io/react-native/docs/getting-started.html). Back to the topic, I have a wonder how to integrate the phaser.js module, for a react-native environment. So basically using npm way, and using <script> tag in HTML5 document, if I'm development target to the web, but different in react-native and you can't use <script> tag, because of a different rule. I found the alternative module, that call react-native-game-engine, is good, with matter.js as physics system in that game, but I have a problem, the game so lag, and to much render, for each asset to display on the phone. And another one, which is an ion-phaser, but I tried it and have a problem with that module, and the other is expo-phaser, is good, but in my workspace advice to me, don't use expo, find another way. so I give up, maybe in this forum, it will help me, to figure out this problem or some advices, to give which framework or tools for using phaser for mobile game development. for the code : app.js // import react module import React from 'react'; // import component from react-native module import { View } from 'react-native'; // import phaser module import Phaser from 'phaser'; // import scene for game import Scene1 from './src/exampleScene1'; // eslint-disable-next-line react/prefer-stateless-function class App extends React.Component { state = { config: { type: Phaser.AUTO, width: 800, height: 600, physics: { default: 'arcade', arcade: { gravity: { y: 200 }, }, }, scene: [Scene1], }, } callTheGame = () => { const { config } = this.state; const game = new Phaser.Game(config); return game; } render() { return ( <View>{this.callTheGame()}</View> ); } } export default App; exampleScene1.js : // import phaser module import Phaser from 'phaser'; // import asset image import Gimo from './assets/gimo.png'; // create class for scene 1 class exampleScene1 extends Phaser.Scene { // build constructor constructor() { // create identifier for class scene super({ key: 'exampleScene1' }); } preload() { this.load.image('GimoAsset', Gimo); } create() { this.add.image(400, 300, 'GimoAsset'); } } export default exampleScene1;
  4. Dear all: I'm here again with several FRAMEBUFFER errors I thought has been solved migrating to BJS 3.1. (please take a look to closed topic http://www.html5gamedevs.com/topic/35352-strange-problem-when-using-highlight-layers/) On dektop (Win10 64bit), FF Developer Edition (59.0b13 - 64-bit) shows these kind of WebGL console warnings (excerpt): Error: WebGL warning: clear: Framebuffer not complete. (status: 0x8cd6) COLOR_ATTACHMENT0 has no width or height babylon.3.1.custom.min.js:5:4633 Error: WebGL warning: clear: Framebuffer must be complete. babylon.3.1.custom.min.js:5:4633 Error: WebGL warning: drawElements: Framebuffer not complete. (status: 0x8cd6) COLOR_ATTACHMENT0 has no width or height babylon.3.1.custom.min.js:5:19516 Error: WebGL warning: drawElements: Framebuffer must be complete. babylon.3.1.custom.min.js:5:19516 Error: WebGL warning: drawElements: Active texture 0 for target 0x0de1 is 'incomplete', and will be rendered as RGBA(0,0,0,1), as per the GLES 2.0.24 $3.8.2: The dimensions of `level_base` are not all positive. Also on Win10, my Chrome browser (64.0.3282.186 - 64 bit) shows awful lines like these (excerpt again) : .Offscreen-For-WebGL-00000233101348E0]GL ERROR :GL_INVALID_FRAMEBUFFER_OPERATION : glClear: framebuffer incomplete .Offscreen-For-WebGL-00000233101348E0]GL ERROR :GL_INVALID_FRAMEBUFFER_OPERATION : glDrawElements: framebuffer incomplete .Offscreen-For-WebGL-00000233101348E0]RENDER WARNING: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering Running Safari browser on macOSX (High Sierra) works OK. Tomorrow I'll look console outputs for WebGL warnings. Well I get all these warnings but, at least, the 3D contents are all (Win10 and High Sierra) shown as intended. The real problem comes when I load the code on Android Chrome (64.0.3282.137), as it renders black all my PBR textures, while showing the following lines through DevTools>Remote devices>Console (that is I'm debugging here mobile Chrome from desktop Chrome): [.Offscreen-For-WebGL-0xb917a020]RENDER WARNING: texture bound to texture unit 2 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering. 85[.Offscreen-For-WebGL-0xb917a020]RENDER WARNING: texture bound to texture unit 3 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering. 43[.Offscreen-For-WebGL-0xb917a020]RENDER WARNING: texture bound to texture unit 1 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering. 42[.Offscreen-For-WebGL-0xb917a020]RENDER WARNING: texture bound to texture unit 4 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering. 21[.Offscreen-For-WebGL-0xb917a020]RENDER WARNING: texture bound to texture unit 5 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering. main.html#page-mixer:1 WebGL: too many errors, no more errors will be reported to the console for this context. Under Safari for iOS I get my models rendered as is expected. Tomorrow I'll be able to inspect console output. As said in the thread, all my textures are power of 2 (512x512). I can't reproduce this behavior on PG, as this is a really complex development. I welcome any suggestion about how to have my code clean of warnings and, mainly, about the way to have my PBR materials not being renderered black on Android Chrome. Best regards.
  5. Navigate this super tiny player through over 60+ levels. You might need a magnifying glass to see it! Find the key and open the dungeon doors to go to the next area, but watch out! You'll need to dodge enemies, arrows, spikes, and other dangerous obstacles that might stand in your way. Super TIny Dungeon Hero is made with HTML5 through Construct 3. It has a native wrapper around it and is available on GooglePlay and the AppStore: https://play.google.com/store/apps/details?id=com.lumicreative.supertinydungeonhero https://apps.apple.com/us/app/super-tiny-dungeon-hero/id1434990844?ls=1
  6. https://bmarcelus.github.io/JimothyPiggerton/ Jimothy Piggerton is a platformer where you save your pet Pig instead of a princess. It was made in pure javascript with no libraries.
  7. 🌎Updated and extended version of my old geography quiz. Changed graphics and GUI, added two new game modes, new language support and GP Leaderboard. 🎓The game made with Construct2, the graphics by Inkscape (except the icon set of the world's famous landmarks purchased on graphicriver and some sounds bought on audiojungle). The apk built via Cordova CLI. Play in WEB: https://capitalmapflag.netlify.com/ ⚡⚡⚡TRY IT ON GOOGLE PLAY: https://play.google.com/store/apps/details?id=com.SeventhReactor.CapitalMapFlag
  8. I would like to share a website I built with Phaser 3. I believe Phaser is going to change the way we interact with online content, and I would love to play a part in that change. Here is the website: https://cannabijoy.com/ Although I have a desktop version, I recommend you check it out on your smartphone. The entire website was built on my phone, so mobile browsers will get most of the attention. In fact, the only time I’ve used a PC is to make sure my code is working. The mini games are built to show off the capability of Phaser, but I’m currently working on a platform puzzler with my slingshot character. I do believe these are the first games built with Phaser that utilize a slingshot, and if my website becomes successful, I hope one day to teach the functionality in my tutorials. For now I’m trying to establish myself as a programmer, because I don’t actually work in this field. Any feedback will be greatly appreciated. Thanks for checking it out!
  9. The project I am working on is about an egg game, possible RPG elements but also a big Tamagotchi fans production! What I need is feedback but also some sort of support 😃 the story about an egg
  10. I am the developer of Fantasy Wars, a casual turn-based strategy game. The game can be currently played on the Apple App store (https://apple.co/2ADwNo3 ) and the Google Play store. (http://bit.ly/FWGplay ) Here is a trailer that shows some gameplay - https://www.youtube.com/watch?v=siT9azFQX04 I posted screenshots on this site when I launched the game. http://www.html5gamedevs.com/topic/40730-fantasy-wars-phaser-6-fantasy-races-fight-over-a-small-world/ I am seeking a developer to help create the sequel. While Fantasy Wars is a fun game, it is fairly simple. I am looking to add more features and create a more robust strategy game. I created the game in Phaser 2 and I imagine there will be a lot of code-reuse for the sequel. There will probably be some code refactoring as well (the result of long nights as an indie developer). Our team, Miyagi Games, consists of me and one artist. This has been a hobby project, but I cannot do all of the development myself. Requirements: Javascript/HTML5 - Phaser experience preferred. Positive attitude Nice-to-haves: Insight on mobile marketing as well as game monetization. If you are able, please install and play a few rounds to be familiar with Fantasy Wars. The game is free to download. Please pm me or reply here if you are interested. Just to clarify, we have a budget of $0.00 so this is not a paying position. However, depending on the working relationship, that may change in the future.
  11. StarMines is a space shooter inspired by old classics like Asteroids and Omega Race. You are the spaceship pilot in search of magical Bonusoids which can only be found in the endless starmine fields full of dangers. The more Bonusoids you catch, the better their magical forces make your ship. The game should be playable on mobile with touch controls and desktop with keyboard or mouse. I have even tested it with an LG OLED TV, it works 🙂 On touch devices, there are different options for touch controls which you can choose from the top-right pause menu. The game URL: https://smtng.jpkware.com/ New version on Jan 20, 2019: - music and ship upgrade sound added, reduced overall volume - ask for player name when always when starting a new game, changing name will reset progress - automatic 5 second shield for each 4 Bonusoids collected - more info messages on ship upgrades New game play video with music, and showing the new shield: Screenshots: A couple of YouTube videos: The SM:TNG is my ancient StarMines for Java rebooted using the HTML5 and modern tools: Scala JS and Phaser CE. I think the game is complete enough for public release now, but I'll most likely continue to develop it further in the coming months. Eventually, I plan to make it open source under GPL, unless somebody buys an exclusive license with big money 🙂 All kinds of feedback welcome, for example: Does it work well on your browser? I recommend Chrome on Android and Chrome or Edge on Windows, but it should work OK with other browsers as well. Does it maintain 60fps? You can enable the fps meter on top-left corner with this URL: https://smtng.jpkware.com/#fps What do you think about the different control options? What could be improved? Ideas for new enemies, bonuses or weapons which would fit the theme?
  12. Eternity Pilot is a mobile game made using Phaser 3 and Cordova. It is my first published game and it would have been totally impossible without Phaser and this amazing community! For now it is only available on Android but I am hoping to have an iOS version in the near future. I have a sign up on the site linked below to receive a notification when the iOS version comes out. Play Store https://eternitypilot.com Gameplay Video
  13. Hey guys, I'm new here. In conjunction with archived posts from this website, Emanuele Feronato's tutorials, and the Phaser 3 examples, I was able to create this game. So I figured I'd show you guys what I came up with for my first HTML5 game. Play here: https://www.galatap.com Gala-Tap is a simple yet challenging game made for mobile devices. The goal is to destroy all of the blocks before they reach the top of the screen. Right now its just a web app for mobile devices but I'm working on a native mobile port. I made it using Phaser 3 and its written mainly in TypeScript. It also communicates with a MySQL database with PHP to obtaion the leaderboard information, and jQuery to display it, shown below: Each game you play, you gain experience, and as you level up you unlock new powerups--like the blue nuke--or the likeliness of a certain power-up would increase. I monetized the game with LeadBolt and though I'm sure it wasn't the best option for advertising networks out there, it definitely was the easiest to integrate into this game without the ads being TOO obnoxious. This is my first game I've made with Phaser 3. Previously I developed games with Java and LWJGL, but just recently I switched to web technologies because I enjoy how cross-platform they are. I'm looking forward to hearing what you guys think! 😄
  14. Walk without stepping on the line! The time limit is randomly from 15 seconds to one minute. Extend the record as long as possible.Once the walking distance per meter the earth will be saved (it is supposed to be). Even if the earth is safely saved, you will not get items or proceed to the next level. Even so, you should be happy that the earth was saved anyway.If you step on the line the distance is invalid and it will not be recorded. And the Earth will be destroyed once (it is supposed to be!). https://motquu.itch.io/earth-will-be-saved
  15. Game Link: Vocab RPG Vocab RPG is an Online RPG about catching Monsters & collecting Vocabulary Cards! Features: Open world with unique zones to explore MMO: Online multiplayer Monsters: Hunt, battle, and catch many unique monsters! Crafting: Collect different resources and use them to craft items & consumables Language Learning: Unlock vocabulary cards! Currently 4 vocabulary languages to choose from: Chinese, German, Japanese, Russian Overview: In Vocab RPG, you have all the elements of a monster-focused RPG: Hunting, fighting, catching, levelling, crafting, etc. But for every action that you take in the game, it will show you a vocabulary card! As a consequence, the more words you know, the stronger you also become in the game. The game starts very slowly with only 3 words unlocked. But as you progress in the game, you can unlock more cards and expand your vocabulary - at your own pace. Difficulties: To take into account different learning preferences, you can pick your challenge by choosing from 4 difficulty settings: - Normal: Wrong answers reduce your monster's attack or consumables (such as potions) by 25%. - Casual: Even if you answer wrong, you will attack and operate at 100% effectiveness. In other words, you see the cards but there is no consequence for answering wrong. - Hardcore: When you answer wrong, your monster's attack will fail! So answering wrong means 0 damage dealt. - Off: I also want people to enjoy this game, even when they are not really in the mood for studying vocabulary cards right now.... select 'Off' and you will not see any vocabulary cards in the game! Platform: Thanks to the power of Phaser 3, you can play this game on any device in your browser. No installation required. The game is mobile optimized, so whether you play on your laptop or phone / tablet, is only a matter of your preference. Game Link: If you are interested in trying the game, you can jump right into it: Vocab RPG Feedback: Any feedback is much appreciated! We also have a Discord server for the game where players are exchanging ideas, reporting bugs, and giving feedback: Vocab RPG Discord Credits: The game uses a lot of CC0 assets (like the monster sprites in this post) from various artists. I keep a list of all used assets here (which is also accessible from directly inside the game): Credits List
  16. I've made a simple shader that uses cubemaps, it renders flawlessly in PC but it has AA problems in a highend mobile device. Any idea about what could be happening?
  17. Hi All I'v just tried to make a fast example of double tapping in a mobile device but none of the two methods I know worked properly: scene.onPointerObservable.add((pointerInfo) => { switch (pointerInfo.type) { case BABYLON.PointerEventTypes.POINTERDOUBLETAP: console.log("POINTER DOUBLE-TAP"); break; } }); window.addEventListener("dblclick", function () { console.log("POINTER DOUBLE-TAP B"); }); Both are working ok in PC and in the desktop version of the web in my mobile device (Google Chrome) Any idea about this? Thank you in advance!
  18. What is the best practice in picking up this gesture, and infact gestures in general? I know that the Pinch-to-zoom is already implemented as the sorta camera radius increase/decrease on the universal and touch camera, however I want to use the gesture on an orthographic camera, so need to pick up the event. How?
  19. Shex

    Image is pixelated

    Hi I'm trying to run my game on a mobile device with the Phaser 3 framework and sprites are rendered as very pixelated images. I'm running the game through the Facebook web player. I'm using a Samsung Galaxy S6 device which the resolution is 1440x2560 with a device pixel ratio of 4. I have setup the same configuration on my PC through the Chrome mobile debug view (1440/2560 with pixel ratio of 4) and the images look way better. I have attached two screenshot of the PC (good) and mobile (bad) devices to show the difference. The game is rendered as CANVAS and I'm using the window.innerWidth and window.innerHeight to define the sizes. Does anyone have any insight about what's going on?
  20. dev1-cpc

    Zoom by swipe

    Hello. How to make game zoom like a PIXI Viewport?
  21. Hello everyone! My new game called "Arena Fu" is RELEASED! Check it on #android https://goo.gl/hKluMI , #ios https://goo.gl/WF66Hm and #Win10 https://goo.gl/fSbnkf !
  22. I want to make a simple 2D game using Phaser 3, but I want it to be available on mobile and the web browser. What is the best way to scale my game and make it responsive? This game is a good example of a responsive canvas. https://robowhale.com/html5/mr-driller/
  23. When I started to create my game I wanted to make it look good on my own phone as a start. So I searched for my screen resolution and it is 1920*1080, so I decided to make my game 540 width and 960 height, making it the half from my res to not make the sprites too big and then scale it*2 in phaser. Yesterday I first tried it on my phone using cordova, and I can only see like 30% of my game because it is too big for the screen. And I dont really understand why is that happening.
  24. Hi! I Just released my new game called "The Last Battery"! You can play it for free at https://goo.gl/JGeumV and try to survive until your battery is running out! Also, my other games are at https://www.minzaogames.com Thanks! EDIT: Now you can play right in your iOS or Android device! Check it out! iOS: https://tinyurl.com/TLB-ios ANDROID: https://tinyurl.com/TLB-droid
  25. PLAY IT: https://arcade.ly/games/starcastle/ DESCRIPTION Star Castle, originally by Cinematronics, is an old skool shooter released to arcades in 1980. The objective is to pilot your spaceship around the screen, and destroy the cannon that sits in the centre of the rotating shield rings. You must dodge both the large electric pulse projectiles fired by the cannon, and the homing mines it releases to chase you around the screen. Star Citadel is my take on this largely forgotten classic and, whilst it includes a "classic" variant that I hope is very close to the experience of playing the original (tricky, as I've never actually played the original - only seen footage), the main event is the "modern" variant, which includes a few differences: Your ship is a bit nippier, and hopefully easier to control, and overall I've tried to make the game feel more fluid The earlier levels are definitely easier than the original You do score (a very small number of) points for destroying mines You can fire continuously simply by holding down the SPACE bar, mouse button, or by holding your touch on a phone or tablet I've also removed the 3 shot limit from your fire WORK LEFT TO DO Both of these are items for the "modern" mode: I'd like to add simple power-ups to increase your firepower I'd like to make the mines harder to destroy on higher levels by making them require multiple shots to kill, along with colour coding to show how many more times you need to shoot them There's also this: I'd like to add more control options in terms of keyboard controls so that people who are used to the original button layout of the arcade machine find the game more accessible PLATFORMS AND CONTROLS The game should run in all modern web browsers on computer, and has been tested on Windows and OSX. It also runs on both iOS and Android devices. iPhone 6 or later recommended, although it just about runs on a 5S, and Android devices considered high end in 2014/15 or later will probably cut it. On a computer either the keyboard or mouse can be used Keyboard controls are ARROW KEYS to turn and thrust, along with SPACE to fire Mouse controls: the ship will always face the mouse cursor so move the mouse to the location you'd like the ship to head towards, then LEFT BUTTON to fire, and RIGHT BUTTON to thrust On a phone or tablet you can use a combination of tilt and touch controls Tilt the device into landscape orientation (it's recommended you go into full screen - this works well on Android; iOS has no explicit full screen support so you may need to manually zoom the web page) Tilt the device to steer - the ship will face in the direction of tilt Press on the left-hand side of the play area/screen to thrust Press on the right-hand side of the play area/screen to fire TECHNOLOGIES I'm not using any kind of framework here: it's all just basic HTML5, JavaScript (ES5, to be precise, on the client), and CSS. No WebGL either: it's all Canvas2D. Audio mostly uses the Web Audio API, although I do make use of the HTML5 <AUDIO> element so the game will run with sounds in IE11. I suspect it would probably even work in IE10, although I haven't been able to test that recently, and I don't think anyone uses it anymore (unlike 11 - sigh). The back-end is NodeJS/Express (ES2016 here) on Ubuntu, with MongoDB as main data store for hiscore and play information. FEEDBACK Any and all feedback gratefully received, particularly when in comes to playability and controls. Also if you fancy testing out the login with facebook/twitter functionality to ensure your high score is recorded correctly I'd be really grateful. There's definitely lag on scores appearing sometimes. Also, I'm not sure if the reason nobody else has logged in to associate their score with their name is because they just don't want to log in, or because I'm the only person it actually works for (wouldn't be the first time). Also, happy to answer any questions. Here's the link to play, again: https://arcade.ly/games/starcastle/