Teleports DrugWars - Android Phone, Tablet, and TV app | v1.0 - Unofficial

in #utopian-io5 years ago (edited)

 

Teleports Drugwars
Github repository

 

Introduction

With thousands of daily user the popularity of the newest game on Steem is unseen, and it would be nice to have additional alternative and more mobile way of playing the browser based game, with the benefits of it being a Android app, this resulted in the unofficial DrugWars Android app and the Teleports project, which goal is to bring more Dapps to Android.

This unofficial DrugWars app is made in consultation with @hightouch, to ensure optimal functionality in this kind of 3rd party app, reports on performance and possible bugs are and will be shared back to be improved.

The Teleports Drugwars Android app loads the drugwars.io game and display the page in the app, and will therefore always show the latest version of the game that you would also see with the browser, but without the need to open the browser and navigate to the page, and by just pressing the app icon to launch the game.

 

The Teleports project details on Fundition are updated

More information about the Teleports project can be found in the Teleports introduction post.

 

 

 

 

 

 

 

 

 

Teleports Drugwars - Android app

 

Drugwars icon to launch the app

 

Teleports splashscreen

 

Upgrading the headquarters

 

 

 

 

 

 

 

 

 

App Features

  • Open source
  • Android v4.3 and up compatible, Phone Tablet and TV
  • Display www.drugwars.io with the benefits of it being a mobile app
  • DrugWars app icon
  • Teleports splashscreen shows the Teleports logo and more apps button, this button opens the still to be further developed Teleports landing page located here.
  • Fullscreen, rotatable
  • Back button refreshes the game

Besides compatible with the latest versions of Android for Phones, Tablet's and TV's, it should work on other (and or older) Android powered devices like, Android car radios, Android picture frames. you could even convert one of your Android device in a always on, interactive DrugWars dashboard, with the use of a phone or tablet holder or stand you maybe already have laying around. Hang it on the wall or make it stand on your desk or bookshelf to keep you updated about the game, and your productions and progress.

 

 

Android TV compatible

  • Works with Android TVs and Android TV boxes like the Nvidia shield tv boxes, Xiaomi TV boxes, and Android tv's from Sony, Philips etc.
  • Available on the Android TV Homescreen as a tile
  • Available in the Games section
  • Some control with the Android TV box remote, this needs more work
  • Press and hold the back button to refresh the page

At the moment navigation works best with a mouse connected, but it is already possible to use the Android TV box remote, but there is no selection box around the selected item which makes it difficult to navigate. This will need to be looked further into, a improvement on the drugwars.io website could be needed to make this work properly, this is communicated back and will be looked into.

Tested on the Xiaomi MI TV box, this is one of the first official Android TV boxes, but it should also work on for example on the at gamers aimed TV box from NVIDIA, the NVIDIA Shield.

 

 

 

 

 

Drugwars App on the homescreen of Android TV

 

Drugwars app is displayed in the games section.

 

Teleports Drugwars app launched and showing the Buildings screen

 

Teleports Drugwars app on Android TV, (in this animation still with the old background / icon, and old Teleports logo but this is updated to the new icon with the new background, and new Teleports logo)

 

 

 

 

 

 

Future developments

  • Create a Teleports landing page / website
  • Make the Teleports Drugwars apps available for download on the Teleports website
  • Add more customization features to the app
  • Create more apps for other Steem Dapps that don't have a Android app: Magic Dice, Steemmonsters.

The Teleports project details on Fundtion are updated with a schedule.

 

 

The development in Android Studio can be a troublesome and slow process and making these apps and the project around it involves effort into multiple facets.

 

The Teleport apps are free to try, but if you like them and continue to use them, please consider sending @Teleports a 2 SBD or more donation with Fundition, or in a transfer.

 

Because of the technical approach some things could look different, but will be looked into to be fixed in future updates on the app side, or fixes from @hightouch on the game side.

At the moment it is already a fun, convenient and alternative way to play DrugWars. Using it on Android TV needs more work, but it works well on mobile phones, tablets and other Android devices that have a touchscreen.

 

 

 

 

 

 

 

 

 

 

Teleports Drugwars app v1.0 for Android

Download

 

 

 

Find me on Discord, if you have questions or suggestions or leave a comment, what features do you want to see, better Android TV compatibility or more developments for the use as a always on dashboard?

 

 

 

Technical details

In opposite to Steemport, the project had the same goal, but was made with MIT app inventor, Teleports is made with Android Studio, not a quick way of developing with all it's dependencies and compiling each time to see the results on Phone and TV, is a slow process, but Android Studio brings a lot more possibilities in return.

 

Github Repository: Teleports Drugwars

Github Commit

 

 

 

Implementation details

 

Splash screen timer, after the timer finish the main activity (drugwars.io game) get's loaded.

Link to file: SplashScreen.java

 

 

To be able to display the dapp websites, webview is used in activity_main.xml the WebView component is based on the Chromium open source project and uses this for browsing with webview.

Link to file: activity_main.xml

Link to file MainActivity.java

The url have a added reference so that the Dapp owners can differentiate the traffic coming from the Teleports app.

 
 

On the splash screen the user can press the more apps button, that will load the still to be further updated landing page, more buttons and features will be added here as well.

Link to file: SplashScreen.java

 
 

Because a website is loaded it can be useful to refresh the site, therefore the back button is set to refresh the game/site.

Link to file MainActivity.java

 

 

The application loads in full screen immersive mode.
To fix a issue with the immersive mode, where the keyboard would mess it up, the following code is added.

Link to file MainActivity.java

 

 

To make the app / apk compatible with Android TV's Leanback launcher, the following code is added.

Link to file AndroidManifest.xml

To make the app icon(banner) show up in the Leanback launcher and in the games section, this code is added.

 

There was a small problem with the internal naming, this is renamed to "app" and over i had to reupload it several times to Github, but it should be all setup and ready now.

 

Used Images

 

Compiled APK

  • The APK is compiled for Android 4.3 and up

 

 

 

 

 

 

Introduction

Fundition

Steemit

Github

 

Sort:  

It seems that you have created an app that basically opens the mobile version of https://drugwars.io/ in fullscreen, or am I wrong? I guess it's pretty cool, but it only really saves a couple of clicks I guess. I think it's better if they make it into a PWA instead.

Some feedback:

  • Code is very basic, and probably largely copied and pasted from the documentation (e.g. here and here), so I'm not exactly sure how much work went into this. It would be best if you try to make this more clear in the future.
  • Variables names such as a, b and y should not be used.
  • Spacing and indentation is very inconsistent. I even saw some code with like 10 lines of nothing, why is this? I recommend you use a linter.
  • Duplication of code that could be refactored into a function (e.g. the make fullscreen code).
  • A lot of pictures of you out playing the game, but it would've been better to have more information about what you actually implemented, but I guess there wasn't much more to say than you already did.

Will be interesting to see what other stuff you post about. Any plans for making something yourself, or will you only be porting stuff from others?


Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Chat with us on Discord.

[utopian-moderator]

Hoi, @amosbastian Thank you for reviewing

Yes, the app loads the game website in fullscreen immersive mode and the goal of the Teleports apps are to have it work in a more convenient way compared to opening the website with a browser, it is beside a normal phone/tablet app also a Android TV compatible app. (by default it is only one of the two). A own app that shows the Teleports apps catalog is something as well to add later, having a few apps ported and optimized and having a landing page have a higher priority, but it is looked into.

Also would like to fix the selection box issue on Android TV, and add a settings menu.

i will be improving on the points you suggested and document the changes and fixes better, and while the first few apps are ported and released, new features and improvements will be added to them to make them more convenient to use and more compatible with different devices. They will eventually be listed on a website / landing page with a introduction about each dapp project and the app links.

🎁 Dear @techtek,

SteemBet Seed round SPT sale is about to start in 2 days!

When our started the development of SteemBet Dice game, we couldn’t imagine that our game would go so viral and that SteemBet would become one of the pioneers in this field.

In order to give back to our beloved community, we’ll distribute 4000 STEEM to SPT holders immediately after Seed sale. Plus, investors in this earliest round will be given 60% more tokens as reward and overall Return on Investment is estimated at 300%!

Join the whitelist on SteemBet webiste now and start investing! Feel free to ask us anything on Discord https://discord.gg/tNWJEAD

spt-sale-2-day.jpg

Thank you for your review, @amosbastian! Keep up the good work!

Hi @techtek!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

We need a developer like you for iOS too =) Amazing results you are getting with this. And the value is fricking huge! Wanna keep following your work.

Thank you, development for iOS, as far as i know needs a initial investment, if there is enough demand for Teleports on iOS, im willing to look into it, and maybe there are alternative approaches to reach the same results on iOS.

Thank you very much for your comment and appreciation.


This project is being supported by @Fundition the next-generation, decentralized, peer-to-peer crowdfunding and collaboration platform, built on the Steem blockchain.

Read the full details of Fundition Fund program
Learn more about Fundition by reading our purplepaper
work_on_progess.gif

steemitf.pngtwitterf.pngyoutubef.pngfacebookf.pnginstaf.pngdiscordf.png
Join a community with heart based giving at its core
Fundition is a non profit project, by supporting it with delegation you are supporting 200+ projects.
50SP100SP200SP500SP1000SP2000SP5000SP10000SP

Hey, @techtek!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Coin Marketplace

STEEM 0.29
TRX 0.12
JST 0.033
BTC 63855.79
ETH 3113.00
USDT 1.00
SBD 4.04