HelloZeroNet/ZeroNet

ZeroNet GUI is not Usable Without 3D Acceleration

Open

#1,194 建立於 2017年11月27日

在 GitHub 查看
 (4 留言) (0 反應) (0 負責人)JavaScript (18,200 star) (2,245 fork)batch import
bughelp wanted

描述

Environment:

  • ZeroNet version: 0.6.0 (rev. 3146)
  • Operating system: Raspbian & openSUSE Linux
  • Web browser: Chromium (Google Chrome)
  • Tor status: disabled
  • Opened port: yes

The problem:

The 3D globe at the zite settings panel depends on 3D support(probably WebGL), but the WebGL, GPU support, is not available at all browsers and that makes the ZeroNet much less portable.

Steps to reproduce:

  1. Open the ZeroNet GUI in some non-standard browser, like http://www.midori-browser.org/ or https://rekonq.kde.org/ or https://konqueror.org/

  2. Try to open the zite settings panel by sliding the zero icon.

Observed Results:

Either the zite does not load at all or the zite loads, but the settings panel is empty, blank.

Wishes:

The JavaScript of the ZeroNet GUI should first check, whether 3D/GPU-s are supported and load the 3D Earth only, if the WebGL/GPU support is available. If the 3D acceleration is not available, the classical 2D "World map" with color-coded height might be used, the way geography related paper-books used to depict mountain range heights on maps.

http://vterrain.org/Elevation/NOAA_Globe_680.jpg (archival copy: https://archive.fo/QFJ6k )

貢獻者指南

技術棧
javascript
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Basic JavaScriptWebGL detection knowledgeCanvas 2D APIBrowser compatibility
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60
研究方向
Investigate the ZeroNet GUI source code, likely in the 'src/Ui' directory, to locate the settings panel and the 3D globe component. Implement a WebGL feature detection using a try catch on canvas.getContext('webgl'). If WebGL is unavailable, conditionally render a 2D world map using Canvas 2D or an image overlay. Review the issue comments for any additional context or suggested approaches.