7.16 Update version 1.2
1. Share the latest self-written simulator
2. Fix black screen problem
7.9 Update version 1.1
1. Support more APIs and fix some problems
The following content is original, please indicate the source and author @GiveMeFive
Maybe everyone is very distressed. When the dial is developed, you can’t see what it looks like. You only know it after you install it;
Currently there is only an official watch simulator, and it is troublesome to install. It only supports the linux system, and persuaded countless people, including the author himself (it took three or four hours to get it right)
Therefore, the idea of making a homemade simulator was born spontaneously. Supports most of the dial controls, calling and rendering of applet interfaces, supports click events, and supports Timer functions.
If you encounter something that is not supported, please leave a message and adapt and upgrade when you see it.
The above is the preface, followed by the tutorial, the following tutorial is basically completed within 10 minutes
1. Unzip the attachment to get the following folder, pay attention to the decompression path can not have Chinese! 浏览附件13017
2. Click start.exe to open the service (actually the nginx service)
3. Open Google Chrome (preferably Google Chrome), enter http://127.0.0.1:8088/ in the address bar to enter, and open the following screen. If you can’t access it, check whether the decompression path contains Chinese, and whether port 8088 is already occupied 浏览附件13022 浏览附件13023
4. Ok, the emulator has been started, and the next step is to modify the dial. The dial files are in the following directory.
The files inside are the same as those extracted from the normal dial. But note that the decompressed pictures should be converted into normal png, and manually converted into tga format when packaging
See another post for the conversion tool. 浏览附件13019
5. Then, you can use any development tool to modify it, just refresh the browser after modification. Sometimes the browser has a cache, clear the cache and refresh.
For debugging, please use the F12 function of the browser to debug
Well, the above tutorial is over. Note below, if the path of the watch face file is not watchface/index.js, please modify the path address in the following file 浏览附件13020