Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

支持项目画面模板与编辑器预览适配

Open
#3,452 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
25/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
typescript
Domain
frontend, game-dev

Research direction

Open PR #3480 and its Vercel preview, then visit /docs/game-size-preview to inspect the current editor behavior. Verify the three default sizes, portrait and landscape layouts, resizable code area, adaptive panels, and unchanged aspect ratios in preview, run, and fullscreen.

Written by the indexing model from the issue text.

Description

目标

创建项目时提供横屏、竖屏等多个默认画面尺寸。编辑器根据项目的画面方向调整布局,保证横屏和竖屏项目都能获得合适的编辑与预览体验。

需求

  • 第一版提供横屏 16:9、横屏 4:3、竖屏 620 × 900 三种默认尺寸。
  • 编辑器适配横屏和竖屏项目,合理安排代码区、预览区及精灵/舞台面板。
  • 编辑器预览、运行和全屏均保持项目画面比例,精灵和背景不变形。
  • 支持拖动调整代码区域宽度,其他区域根据剩余空间自适应。
  • 可用宽度不足时,调整竖屏项目的面板排列,保证主要功能可用。

相关 Issue

  • #3522:运行时控制台与精灵/舞台导航也涉及编辑器的整体布局和空间分配,需要与横竖屏适配、面板排列及宽度调整方案统一考虑。
Dominant language
TypeScript
Stars
70
Forks
59
Avg merge
2d 3h
Merged PRs (30d)
47

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from goplus/builder

All issues in goplus/builder

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.