New work-in-progress client

20 views
Skip to first unread message

Martin Bruse

unread,
Mar 12, 2020, 2:37:07 PM3/12/20
to diplic...@googlegroups.com, diplicity-talk
Hey everyone!

The last week me and tttppp have been working on a new client for Diplicity.

It will be a pure web client, possible to use from a desktop browser, or a mobile phone, or even distributed as a pure WebView-app.

It's _far_ from finished, but I thought I'd throw out a teaser and see what people think: https://dipact.appspot.com

Also, if anyone having experience with building HTML/JavaScript apps, in particular React and Material-UI, wants to lend a hand we'd surely be very grateful. And you'd get the chance to influence the features of the next gen client!

Best,
Martin

Joren

unread,
Mar 12, 2020, 2:41:24 PM3/12/20
to diplicity-dev
If I can help in designing the UI I would love to.
I'm an interaction designer but would love the practice towards visual design; at least that would help with some baseline while building the front end, versus no fixed design ^_^

Martin Bruse

unread,
Mar 12, 2020, 2:45:42 PM3/12/20
to diplic...@googlegroups.com
I am very intersted in help from experienced interaction designers!

If you ALSO want to help with design all the better.

Some meta info:

The code is at http://github.com/zond/dipact, we have a dev channel at our Discord server at https://discord.gg/QETtwGR.

Let me know how you want to help!

On Thu, Mar 12, 2020, 19:41 Joren <j.br...@gmail.com> wrote:
If I can help in designing the UI I would love to.
I'm an interaction designer but would love the practice towards visual design; at least that would help with some baseline while building the front end, versus no fixed design ^_^

--
You received this message because you are subscribed to the Google Groups "diplicity-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to diplicity-de...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/diplicity-dev/a611b88d-a6a6-4a12-a977-288dcfa0d8b9%40googlegroups.com.

Joren

unread,
Mar 15, 2020, 3:05:44 AM3/15/20
to diplicity-dev
I can help in what way you think is helpful.

In my normal workflow I work either waterfall where I build and test a prototype to cut into stories, or I "design in browser" together with Front End.

I think a mixture between this would work. Could you invite me to the Dev channel? I just joined the discord, my username is my Chinese name (白尤恩), that I use for online purposes.

Gabe

unread,
Mar 15, 2020, 4:18:53 AM3/15/20
to diplic...@googlegroups.com, diplicity-talk
Hi Martin, I am interested in helping with this, it's been a while since I worked on any JavaScript projects though I have Been playing with a bit of typescript.
It costs very little to write your code in typescript rather than js and has many benefits.

I have plenty of time at the moment and I'm keen to help so let's get into it

Gabriel

--
You received this message because you are subscribed to the Google Groups "diplicity-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to diplicity-de...@googlegroups.com.

Martin Bruse

unread,
Mar 15, 2020, 4:22:47 AM3/15/20
to diplic...@googlegroups.com
Hey Joren,

You are welcome to either create a suggested waterfall design for the app (or parts of the app), or you can help by adding mockups (or functional elements, of course, if you want!) in the code.

I think I invited you to the dev channel, check that it works?

--
You received this message because you are subscribed to the Google Groups "diplicity-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to diplicity-de...@googlegroups.com.

Martin Bruse

unread,
Mar 15, 2020, 4:25:55 AM3/15/20
to diplic...@googlegroups.com, diplicity-talk
Hey Gabe,

Nice to hear from you again!

The best way to get into it is if you start coding and sending pull requests, so that sounds great :)

Regarding TypeScript, we are already transpiling all code from Babel JS to regular JS (on the fly in the dev mode, and before deploying for the prod mode). I'm not too keen on complicating that process more, so explain more if you want anything to change...

Gabe

unread,
Mar 15, 2020, 8:04:45 AM3/15/20
to diplic...@googlegroups.com
Basically its the same process you already use except you write typescript that is transpiled to vanilla js.  ts is a superset of js so it has all the benefits of ES6, modules etc.  It also brings static typing, interfaces and a few other things that make the code more scaleable and maintainable.  Another major benefit is that as it is strongly typed and the ts compiler works with your editor (vs code or atom or whatever)  it gives you useful intellisense as you type and many bugs are shifted from run time or compile time to write time.

here is a nice short article that expands on the above

I would love to send a pr, im guessing I will find the repo in your github account? (nevermind I just saw the link in this thread above)
and for the purpose of developing is there a test-server set up that we can code against?  
frankly the main thing that has kept me from contributing code to diplicity in the past has been the difficulty I have had in getting and keeping the server running.


 

Martin Bruse

unread,
Mar 15, 2020, 2:17:59 PM3/15/20
to diplic...@googlegroups.com
Interesting. I also see (https://iamturns.com/typescript-babel/) that you can combine babel and typescript. I will try that out.

Regarding deployment:

Every branch on the repo gets deployed automatically to my server, under the name [branch-name]-dot-dipact.appspot.com, otherwise you need to follow the instructions in the repo README.

Martin Bruse

unread,
Mar 25, 2020, 10:29:11 AM3/25/20
to diplic...@googlegroups.com, diplicity-talk
The new client is still far from ready, but now it actually supports everything strictly necessary for playing: Joining/leaving games, seeing/creating orders, and receiving/sending messages.

I encourage anyone wanting to try playing on a non-Android client to test https://dipact.appspot.com/. We welcomd suggestions, bug reports, and (in particular) patches!

Best,
Martin

Alejandro Rinaldi

unread,
Mar 27, 2020, 12:28:12 PM3/27/20
to diplicity-dev
Hi there. 
I have tried the new client in my notebook and android phone. It looks really interesting to have a web-based frontend. 
I manage to login, open my game and see the map. 
But I was not able to set order.
in the phone ever time I touch a SC, I only manage to move the map a little. In one occasion a BUILD option shows up. But nothing else happens after that. But I can't repeat it never again.
In the web in my notebook, similar, but now I can control when I click a SC the BUILD menu shows up. After I click it nothing happens. 

try it in Chrome and Edge

good job!
Thanks!
Alejandro

Martin Bruse

unread,
Mar 27, 2020, 1:38:09 PM3/27/20
to diplic...@googlegroups.com
Aah, I thought I finished the order input, but I forgot the implement build orders :D

--
You received this message because you are subscribed to the Google Groups "diplicity-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to diplicity-de...@googlegroups.com.

Alejandro Rinaldi

unread,
Mar 27, 2020, 8:45:43 PM3/27/20
to diplicity-dev
I have checked and in the notebook works fine! build army, fleet and cancel!!
in the phone, it keeps the same way.


sorry I post in the 2 forums. I just notice that there where 2
To unsubscribe from this group and stop receiving emails from it, send an email to diplic...@googlegroups.com.

Martin Bruse

unread,
Mar 28, 2020, 3:18:15 AM3/28/20
to diplic...@googlegroups.com
Did you reload the page in the phone?

To unsubscribe from this group and stop receiving emails from it, send an email to diplicity-de...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/diplicity-dev/17d9993b-79a5-48ef-a8c3-a3b4da94a320%40googlegroups.com.

Martin Bruse

unread,
Apr 7, 2020, 10:19:49 AM4/7/20
to diplic...@googlegroups.com, diplicity-talk
The new client is getting steadily prettier and more powerful.

You can now do everything necessary to play the game at https://dipact.appspot.com.

Exceptions, that we are working on fixing, include:

- See user stats.
- Pick custom colors.
- Ban/mute abusive players (bans/mutes created in the Android client are in effect in dipact as well though).

We welcome testing, reviews, and bug reports!

On Thu, Mar 12, 2020, 19:36 Martin Bruse <zond...@gmail.com> wrote:
Reply all
Reply to author
Forward
0 new messages