galacean / galacean.github.io

Source code of website, documentation and examples included.
https://galacean.antgroup.com/
MIT License
74 stars 47 forks source link

Playground 整体调整计划 #570

Open JujieX opened 1 year ago

JujieX commented 1 year ago

分类

benchmark 基准

增加 Engine.stats, 显示基准数据

playground 功能示例

能够简单清晰的展示特定功能点

example 效果示例

显示引擎水平的综合示例

主要改造点

拆分文件

因为重复代码多,主题不明确,每个拆成index.ts / material.ts / loader.ts 等几个,示例主要代码放在index中,其他几个代码片段可以重复使用

整体风貌改造

1.换用PBR材质,材质颜色有色板 2.增加阴影,或者改变背景素材 3.替换素材,包括 glTF / spine / lottie

playground 功能示例 结构调整

见详细调整计划 #571

playground 功能示例

1.增加特定功能点的简要说明 2.教程文档中能够点击直接跳转到相关实例 3.除主要功能点外增加tag, 如animation中案例用glTF展示,tag可标 animation glTF

增加 example 效果示例

  1. 迁入flappy bird, 跳一跳,示例demo
  2. 迁入综合viewport
  3. 增加新的案例
MrKou47 commented 1 year ago

这个 tag 的设计挺好的,这样对playground分类更清晰,用户也更方便查看某一类的playground。