GithubHelp home page GithubHelp logo

Multilingual support about flatris HOT 5 OPEN

skidding avatar skidding commented on August 11, 2024
Multilingual support

from flatris.

Comments (5)

ovidiuch avatar ovidiuch commented on August 11, 2024

Good ideas!

from flatris.

gaowanliang avatar gaowanliang commented on August 11, 2024

You can go here to check my Chinese version, but if you want to make Chinese version, you need to change the display of some words, such as "Ready" in Chinese, which corresponds to "准备" or "已准备". Using "准备" alone generally has certain ambiguity, so I use "已准备". But if you use "已准备", the text display will be very strange.
image32eda9c9ec44d3be.png
This is because the text size you set here is 1.5em (as if, I forgot),you need to adjust the font size to 0.8em, and at the same time, you need to split "已" and "准备" with "<br />",and also need to adjust the percentage of absolute positioning "top" value.
image2e7a7a9566155f26.png
For example, a sentence in English may be in order to be smooth in Chinese , need two or more sentences. But it's easy to solve. I'm preparing for the exam recently, and I didn't look at your code carefully. If necessary, I can participate in some work.

PS:One of them is translated as "中文汉化由高玩梁制作". This sentence does not correspond to the original sentence. This sentence means that this Chinese version is provided by me (/▽\). There is also this sentence: "如果对手中途离开,TA的方块会卡住,回来了就会继续,你可以通过这个来确定要不要继续和TA玩", which is to show that the shadow of the opponent will stagnate when he is offline.I hope you can pay attention to it. The other sentences basically correspond to the original one by one.

from flatris.

ovidiuch avatar ovidiuch commented on August 11, 2024

You can go here to check my Chinese version

Very nice, do you also have a live demo deployed somewhere?

This is because the text size you set here is 1.5em (as if, I forgot),you need to adjust the font size to 0.8em

I see. It makes sense, because the English texts I chose are meant to fit the design perfectly. But this thinking doesn't scale easily to multiple language. Given that Flatris has limited text, however, I think we can design a language map where we define the value and font size for each text label. This way we continue to fit the texts very nicely in the design. Not sure if the font size should be defined for each text label, or globally for a language.

which is to show that the shadow of the opponent will stagnate when he is offline.I hope you can pay attention to it

Yeah this is a good idea but a separate issue. To simplify we should split this issue into two and handle them separately.

from flatris.

gaowanliang avatar gaowanliang commented on August 11, 2024

I've divided the issue into two parts.

For the Chinese version of the online demo, you can see it here

from flatris.

ovidiuch avatar ovidiuch commented on August 11, 2024

Hehe, I don't know Chinese but the homepage looks cooler than the English one! 😆

from flatris.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.