FloatBlog

OSM Editor Plan

Fri, 24 Jan 2025 12:31:12 GMT

Previously, in this post, I mentioned that I would continue improving the modules. Here, I’ll outline the overall technical plan.

Goals and Approach

Let me summarize the general idea. Let’s assume that buildings and roads are fixed for now—after all, this is a public transport editor, and I currently lack the resources to handle an all-purpose editor.

We can introduce the concept of “editing mode,” starting with defining a public transport editing mode. Logically (even though the underlying implementation involves editing roads), this mode will operate on the existing paths and buildings, adding new information instead of modifying existing ones. Here’s what we need to achieve:

Create new public transport routes:
- Manually select or create some stops to form a route consisting only of stops.
- Manually select paths in sequence to define the route. This might involve drawing operations, such as flexible selection via mouse dragging. Bidirectional routes might need additional handling.
- Automatically generate routes based on stops. I haven’t figured out how to implement this yet.
- Modify route metadata, including names, operators, etc.
Edit existing routes:
- Add, delete, or reorder stops.
- Extend, shrink, delete, or reconnect paths.
- Modify route metadata, including names, operators, etc.
Delete routes:
- Direct deletion will suffice for now. In the future, we might consider merging routes.

The above covers single-route operations.

OSM 编辑器计划

Fri, 24 Jan 2025 12:31:12 GMT

上次在动态里面提到了我需要接下来会继续完善模块。这里我会写下总体的技术规划。

实现目标与思路

大致把思路理一下吧。我们先假设建筑物和道路是固定的——毕竟这是公交编辑器，大而全的编辑器我暂时无力驾驭。

那么我们假设引入编辑模式的概念，先定义一个公交编辑模式，在逻辑上（虽然底层实现会对道路进行编辑操作）是在现有的路径和建筑的的基础上进行操作，是一个新增新信息而不是修改的过程。我们需要实现以下功能：

新建公交线路。需要的操作为：
- 手动选择或者新建一些站点，得到纯站点公交线路
- 手动按顺序选择一定的路径，得到公交线路。这里可能需要用到一些绘制的操作，即通过鼠标指定控制点等方式灵活选择。可能需要处理：双向公交。
- 自动按照站点生成公交线路。暂时还没想好怎么实现
- 对线路元信息的修改，包括名字，运营单位等等
编辑公交线路。即对于已经存在的公交进行编辑
- 对站点进行新增，删除，重新排序
- 对路径进行拓展，收缩，删除和重新连接。
- 对线路元信息的修改，包括名字，运营单位等等
删除公交线路
- 直接删除即可，后续可能会考虑拼接线路的需求

以上对于单条线路而言的。

Blog Refactoring Notes

Wed, 01 Jan 2025 08:23:54 GMT

(AI generated)

First post of 2025!

Let me briefly share what I worked on today.

Refactoring the Blog

Maintaining the Theme

The theme used in this blog has been out of maintenance since 2022, as the original author stopped updating it. Many of the new features, like the Giscus commenting system, CC License, and Busuanzi statistics, were added by me. However, I never had the time to properly create a new repository for maintaining this theme. Instead, I awkwardly dumped the raw theme files directly into the themes folder, sitting alongside blog posts in the same repository. Most of these new features were implemented through rough “monkey patching” of the original files rather than following the proper Hexo theme standards to configure and expose interfaces.

博客重构记

Wed, 01 Jan 2025 08:23:54 GMT

2025 年第一篇 post ！

大概讲下今天做了点什么吧。

重构博客

维护主题

这个博客使用的主题早在 2022 年原作者就已经停止维护了，很多新功能都是我新加进去的，比如 giscus 评论系统，CC License 和 busuanzi 数据统计。但是我一直没空去下定决心重开一个仓库来维护这个主题，而是用一种很别扭的方式直接把纯文件放在 themes 文件夹里面，和博客文章一起挤在一个仓库。毕竟这些功能我很多只是在源文件里面做了一些粗暴的 monkey patch，而没有按照 hexo 主题的标准来进行合适的配置和暴露接口。

我的博客这样尴尬的状态持续了接近两年，直到今天我决定改变这个现状，因为在此期间 hexo 经过了很多的迭代，许多的 API 都需要重新修改，包括原来的依赖包含 C++ 二进制的 node-sass 的 sass render 已经将依赖更新到 dart-sass，并进行了很多 breaking change。

OpenStreetMap Public Transport Relation Editor Based on Modern Frontend Tech Stack - Weekly Report#4

Sun, 15 Sep 2024 12:22:38 GMT

(AI generated)
This report is also two weeks late. Actually, in terms of real progress, the project is nearly complete. However, I’ll sync the progress to when this report should have been published.

Project Progress

Filter and Collection

Completed the filter part, filtering the originally requested OSM bbox data into collections such as public transport and highway.

Considering that the editor primarily serves public transport, there’s no need to focus too much on editing building information and other data. The main focus is on highway and public transport. After referencing the OSM wiki, I wrote filters that use tag information to filter and categorize data.

For filtered data that needs to be displayed and edited, established a feature tree structure to maintain the tree relationships of OSM data, facilitating display and editing.

基于现代前端技术栈的 OpenStreeMap 公共交通关系编辑器 —— 周报#4

Sun, 15 Sep 2024 12:22:38 GMT

这次的周报又多拖了两个星期。其实按照实际进度来说项目已经接近完成了。不过我会吧进度同步到这份周报该发布的时间。

项目进度

Filter and Collection

完成 filter 部分，将原始请求的 osm bbox 数据进行筛选，分为 public transport 和 highway 等 collection。

考虑到编辑器主要服务于公共交通，所以不需要过多关注建筑物等信息的编辑。主要关注 highway 和 public transport.在参考了 OSM wiki 之后编写了 filter, 利用 tag 信息来过滤数据，进行分类。

对于筛选后需要展示和编辑的数据，建立了 feature tree 的树形结构，维护 OSM 数据的树形关系，便于展示和编辑。

OpenStreetMap Public Transport Relation Editor Based on Modern Frontend Tech Stack - Weekly Report#3

Mon, 02 Sep 2024 08:37:32 GMT

(AI generated)

Unfortunately, this report is two weeks late, so I’ll be publishing two reports together (the next one is also being written).

Project Progress

As of when this report should have been published, I had completed the React restructuring and preliminarily determined the composition of the UI editing module.

Restructuring

Deciding to restructure after one month into the project, with half of it already written, was certainly not an easy decision. However, the original technical choices couldn’t support the project’s continued development—not that it was technically impossible, but it would require more time and the complexity would become unmanageable.

基于现代前端技术栈的 OpenStreeMap 公共交通关系编辑器 —— 周报#3

Mon, 02 Sep 2024 08:37:32 GMT

很遗憾这个周报欠了两个星期，所以这次会连着发两份周报（下一份也在写了）。

项目进度

截止本周报应该发布的时间，我已经完成了项目的 React 重构，并且初步确定了 UI 编辑模块的组成。

重构

在项目开始一个月，已经写了一半的情况下面重构，的确不是一个很容易做出的确定，但是原先的技术选型确实不能支持这个项目的继续开发了——倒不说说技术上不可行，但是需要更多的时间，而且复杂度会超出掌控。

原先的技术选型受到了 Rapid 项目的影响，这个项目采用了原生 ESM 来进行开发，而不是使用流行的前端框架。因为我这个项目也使用 PIXI.js 来进行地图的渲染，很多实现和设计都参考了 Rapid ，所以一开始也很自然的学起了它的技术选型。

OpenStreetMap Public Transport Relation Editor Based on Modern Frontend Tech Stack - Weekly Report#2

Mon, 05 Aug 2024 07:39:19 GMT

(AI generated)

It’s been over two weeks since the last report, so it’s time to sync up on current progress.

Project Progress

The core modules have been largely finalized, allowing us to enter the latter stage of development. Future work will mainly involve adding new features within the existing framework.

First, we got the rendering part working, though some details still need polishing, such as styles and controlling rendered elements. These will be addressed alongside future functionality to ensure styles align with editing logic.

Second, I wrote an OSM API module that wraps some OSM interfaces with Promises and parses returned XML into JS Objects for easier program use.

基于现代前端技术栈的 OpenStreeMap 公共交通关系编辑器 —— 周报#2

Mon, 05 Aug 2024 07:39:19 GMT

距离上一个周报已经过去两个多星期了，我也应该要同步当前的进度了。

项目进度

目前项目的核心模块已经基本固定下来，可以进入后半阶段的开发，接下来的工作基本上是在现有框架内添加新的功能。

首先是调通了渲染部分，不过还是有些细节缺少打磨，比如样式以及控制渲染的元素，这些会和之后的功能同步进行，确保样式和编辑逻辑贴和。

其次我写了个 OSM API 模块，用 Promise 打包了一些 OSM 的接口，将返回的 XML 解析成 JS Object , 方便在程序中调用。

接下来是编辑模块。主要包括操作逻辑部分和全局数据管理部分

OpenStreetMap Public Transport Relation Editor Based on Modern Frontend Tech Stack - Weekly Report#1

Thu, 18 Jul 2024 01:25:21 GMT

(AI generated)

Two weeks of development have passed quickly, and it’s time to write a bi-weekly report.

Project Progress

The project is still in early development stages. While there isn’t a usable prototype yet, we can already render some test data.

The rendering implementation has been largely determined, and testing shows we can render points and paths.

However, some features haven’t been implemented yet since other module interfaces aren’t fully defined. For example, highlighting path segments individually rather than selecting the entire path as in the iD editor. Polygon rendering also hasn’t been implemented yet as it requires the editing module interface.

基于现代前端技术栈的 OpenStreeMap 公共交通关系编辑器 —— 周报#1

Thu, 18 Jul 2024 01:25:21 GMT

很快开发就经过了两个星期，是时候写一篇双周报了。

项目进度

项目还在早期开发阶段，目前还没有可用的原型，不过已经可以渲染一些测试数据了。

目前基本上确定了渲染部分的实现，经过测试可以渲染点和路径。

不过由于其他模块的接口还没有完全确定，有部分功能没有实现。比如分线段高亮路径，而不是 iD 编辑器中默认选中整条路径的逻辑。还有多面体的渲染目前也没有实现，因为需要编辑模块的接口。

更新计划

OpenStreetMap Public Transport Relation Editor Based on Modern Frontend Tech Stack - Starting

Tue, 16 Jul 2024 13:04:54 GMT

(AI generated)

In this OSPP project, I will develop an OpenStreetMap public transport relation editor based on modern frontend technology stack. I hope to make some contributions to the OSM community.

Project Goals

The goal of this project is to develop a cross-platform editor using modern frontend technology stack. This editor should be easy to operate with intuitive interactions. During the project, we will collaborate with the OSM China community to ensure high standards in both interaction design and functionality implementation.

Project Implementation

Basic Project Framework

基于现代前端技术栈的 OpenStreeMap 公共交通关系编辑器 —— Starting

Tue, 16 Jul 2024 13:04:54 GMT

在这次 OSPP 当中我将会完成一个基于现代前端技术栈的 OpenStreeMap 公共交通关系编辑器。希望能为 OSM 社区做一些贡献。

项目目标

本项目的目标是使用现代前端技术栈开发一个跨平台的编辑器，该编辑器操作简便，交互直观。项目过程中将与 OSM 中国社区合作，确保在交互设计和功能实现上达到较高的标准。

项目实现

项目基本框架

项目可以大致分为地图渲染模块，路线编辑模块，以及 OSM API 模块

My Thoughts After Playing The Witcher 3

Wed, 25 Jan 2023 10:54:08 GMT

Before Starting

Last summer vacation, I noticed The Witcher 3 had a deep discount on GOG, so I bought it for just 30 yuan. I got stuck in some cave in Velen fighting stone statues because I was too inexperienced 😂. Combined with my dissatisfaction about failing to help properly at White Orchard, making wrong choices when reporting to the emperor, and other issues, I decided to start a new save file and do things right this time.

For a fresh start, I thought I’d make some minor adjustments to Geralt’s appearance. I figured it would be quick to export to Blender, make changes, and import back, but it turned into three whole days of mod development. Due to lack of documentation, I had to rely on tutorials and guesswork, setting up a virtual machine to install wcc_lite, WolvenKit, and various tools, dealing with endless packing and unpacking, importing and exporting. The model was done early, but it had no textures after importing. I tried everything repeatedly. Finally, I tried manually editing the w2mesh file to write in the texture path, but the game crashed. So I gave up.

Seems I underestimated the difficulty of game development!

Gameplay Notes

After that, it was a normal progression. Velen isn’t a nice place - I rushed through the main quest, and except for Keira’s quest, I probably won’t want to return. The monsters in the wilderness are psychologically disturbing, it rains constantly, and the atmosphere is very depressing, significantly affecting one’s mental state. No wonder the Baron’s family has so many problems. I saved Black Beauty early on, achieving an ending where only the Baron’s family survives, which seems fitting enough. I wonder how this countryside could be so different from White Orchard - must be because of the dense forest. My hometown has hills, and I’ve experienced mountain paths in real life, but I never imagined it could create such a depressing experience. The developers clearly put thought into this, though perhaps it’s too heavy a burden on players. Things started feeling more normal once I reached Novigrad.

我游玩《巫师 3》后的想法

Wed, 25 Jan 2023 10:54:08 GMT

开始之前

去年暑假看 GOG 上面的巫师 3 打骨折了就花了 30 抄底。玩到 Velen 困在内啥洞里面砍石像，因为太菜卡关了就没有玩下去😂。加上之前对自己没有搞好百果园的那个任务，以及乱选给皇帝汇报的事情等等让我很不满意。所以这次我重新开了一个存档，决定痛改前非。

这回为了有个新气象，我打算稍稍微调一些 Geralt 的外观，心里想着导出到 Blender 里面改完导入回去很快的吧，结果就写了整整三天的 Mod。因为缺少文档，全靠看教程瞎猜，开虚拟机装了个 wcc_lite WolvenKit 种种工具，整来整去各种打包解包导入导出。模型早早做好了，就是导入进去之后没有材质，翻来覆去地倒腾。最后一次手动改 w2mesh 文件把材质路径往里面写，加进去之后游戏崩了。遂放弃。

看来我还是低估了游戏开发的难度（

游玩随记

之后就是很正常的流程。Velen 真不是啥好地方，主线我都是赶紧打的，以后除了凯拉的任务估计也不想回来了。野外的怪物各种精神污染，还天天下雨，氛围很压抑，对人心理影响挺大的。也怪不得 Baron 家里这么多破事。提前救了 Black Beauty 达成了只有 Baron 一家存活的结局，想想也差不多吧。我寻思都是乡村，和百果园怎么相差这么多，想必是森林太密的缘故。我家乡的地形就是丘陵，走山路的体验我在现实当中也有，但是想不到可以给人这么压抑的体验，看来制作者在这方面还是比较用心的，只是给玩家太多负担了。到了 Novigrad 之后算是有点正常起来了。