◀ VibeCruiser

destijl compass

A free puzzle game — play it in your browser, no install. 几何构成 3D — three.js 三维尺规作图游戏:11 关、三维圆规、自动求交、星级评价,中英双语,零依赖。A 3D straightedge-and-compass construction game in three.js: 11 levels, a 3D compass, automatic intersections, star rating, bilingual.

by @fanquanpp · fanquanpp/destijl-compass on GitHubLANG JavaScript★ 1HOSTED ON FANQUANPP.GITHUB.IOUPDATED 10 Oct 2026

Vote and save it — continue with GitHub or sign in free

Made this, @fanquanpp? See how many people played it → or use email

Best with a keyboard. Controls: 点 Point 1: 在桌面空白处放置自由点 · drop a free point on the table

▶ Play full screen ▲ Vote with GitHub ▲ Vote with email

GitHub asks to share your profile and email with us. We never post anything.

Open the live demo Source on GitHub

From the README

用圆规与直尺,构造蒙德里安的秩序。 Straightedge and compass, in Mondrian's order.

一个用 three.js 写的三维尺规作图游戏:把经典的尺规作图搬到蒙德里安式的三维制图台上。 A 3D straightedge-and-compass construction game built with three.js, staged on a De Stijl drafting table.

自动求交 — 任意两条线段、圆或球相交时,交点 / 交线会自动生成并保持联动:

拖动画布上的自由点,整张构造图会实时重算。球 ∩ 球得到圆、圆 ∩ 桌面得到点,这就是把二维作图延伸到三维的钥匙。

视角 — 可以 360° 自由旋转:拖动旋转,滚轮缩放,右键平移,F 回到本关默认视角。

每一关的判定都是几何关系判定,不绑定特定作法:任何满足题目关系的构造都会通过。 Every check tests the geometric relation, not a particular method.

Read the full README on GitHub →

Built something like this? Submit your vibe — free account, takes a minute. How listing works.

More like this

Made this?

Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.

Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.

On VibeCruiser

How listing, the badge and claiming work →