intro-cnf.pages.dev Open in urlscan Pro
188.114.96.3 Public Scan

Back to summary
URL:
https://intro-cnf.pages.dev/
Submission: On June 27 via api (June 27th 2024, 8:34:42 am UTC) from US — Scanned from NL
Form analysis
0 forms found in the DOM

Text Content

第零话
云游君
自
我、介绍
西历2024年6月27日
Link Start

企画 · 原作
YunYouYang
杨睿
西历 1997 年

1997

Enter fullscreenGo to previous slideGo to next slideShow slide overviewSwitch to
dark mode theme

Show drawing toolbar

Presenter ModeShow info
Adjust settings

1 / 22
Draw with stylusDraw a lineDraw an arrowDraw an ellipseDraw a rectangleErase

Adjust stroke width
Set brush color

Set brush color

Set brush color

Set brush color

Set brush color

Set brush color

Set brush color


UndoRedoDelete

Pin drawing
第零话
云游君
自
我、介绍
西历2024年6月27日
Link Start

1
企画 · 原作
YunYouYang
杨睿
西历 1997 年

1997

2

标签

👋 我叫「杨睿」(yunyouyang) ，网名「云游君」，也可以叫我 yunyou（云游）。

☁️贴几个标签：

二次元开源爱好者蚂蚁庄园Yak Shaver死宅A(P)I
Caller喜欢实践乐于分享好白日做梦动画Web整活兴趣使然的开发者外冷内热优柔寡断擅长睡觉科幻路痴饮食适合出家乒乓球惹到我算你踢到棉花了西瓜养鸡强迫症
3


目录

我的轨迹与工作经历与其他的业余探索实践。

云飘零半生，…



 1. 自我介绍

 2. 目录

 3. 工作历程

 4. 探索实践

 5. 蚂蚁前端体系

 6. Yak Shaver 与开源
    
    1. Element Plus
    
    2. Valaxy
    
    3. ADV.JS
    
    4. Vtuber
    
    5. 整活儿
    
    6. 其他一些业余小项目

 7. 未来想法规划

 8. 参考

 9. Thanks

4


工作历程


 * 2022 年 6 月毕业于中国传媒大学，计算机应用技术（数字娱乐与动画技术方向）。
 * 2022 年 7 月就职于蚂蚁集团支付宝体验技术部，公益前端开发（实习 2021.7 - 2021.9）
   * 2021.7 - 2021.9，（实习）蚂蚁森林周年活动及应用动画效果开发。
   * 2022.7 - 2024.5，蚂蚁庄园/Demo 游戏开发与架构升级，Galacean、Tiny/Pixi 互动生态工具开发建设。
   * 2023.6 - 2023.9，亚运开幕式互动项目开发支持。

蚂蚁森林徽章互动
蚂蚁庄园首页
蚂蚁庄园别墅小屋
可交互的 3D 公仔
为乡村老人送年夜饭
AI 小鸡日记
亚运线下互动
5


探索实践

> 训练森林/小鸡做菜 LoRA 提供设计/皮肤参考，协助设计师搭建 小鸡 3D XL LoRA 训练（效果很好，But 没存图）。

森林皮肤
小鸡做菜

小云 LoRA
嵌入脚本远程调试
编辑器式 DevTools
脚本工作流（压缩并上传预览 Spine）
6


蚂蚁前端体系

 * 基础组件库、框架开源，业务相关内源
 * 技术栈强约束、收拢唯一性（有利有弊）
 * 发布、测试流程平台化，灰度流程、卡点多
 * 数字马力、外包化


基建


 * 雨燕（Web）：发布、监控、灰度、CI、CDN 平台
 * tnpm：内部 npm 镜像 + 类 yarn 包管理器
   * （遗老）不如 pnpm（但雨燕仅支持 tnpm）
 * Backery（Web）: GUI Mock 切换工具
 * OneAPI（Web）: 接口联调生成工具
 * AntMan（客户端）: 支付宝 RPC 调试工具
 * Tacos（客户端）：支付宝客户端、模拟器版本管理

技术栈


 * 三条鱼（React）
   * Big Fish：中后台应用
     * Ant Design + Umi + Valtio
   * Small Fish：移动端应用
     * Ant Design Mobile + Webpack + Zustand
     * 所有站内应用请求均走 RPC
     * 互动 2D：Tiny.JS/Pixi.JS，3D：Galacean
     * 动画：Lottie、Spine、Mars(Galacean Effects)
     * Shader: Unity Shader 移植至 Galacean
   * Mini Fish：小程序
     * Webpack/Mako
     * 2D：优先走内部 H5（Tiny.JS）
     * 3D：Galacean Mini Adapter + GLSL Loader

7


YAK SHAVER 与开源

Yak Shaving: 剪牦牛毛，当你在进行一个工作时，发现另一个工作还没有完成，你便先去解决那个工作，在进行那个工作时，你又发现另一个工作…
如此往复，让你偏离了原本本该完成的工作，最终却也什么都没有完成。



> 你今天打算写篇博客，觉得现有的工具都不太行，花了一个月自己写了个静态网站生成器，最后生成器也没写完，写博客的事情却也忘了。


 * 发现问题
 * 解决问题
 * 点到为止
 * 完善项目


开源爱好者


> 兴趣使然的开发者

GitHub: YunYouJun（云游君）

Element Plus Maintainer, Contribute to Valaxy, ADV.JS…, and more.

pixi-painter（AI 画板）、color-dust（色彩提取）、vtuber（VRM 模型编辑/加载器）、unplugin-glsl（通用 GLSL
Loader）、nnrm、mirai-ts、web-resume、vitesse-h5、vitesse-webext、wc-github-corners…

8


ELEMENT PLUS

Element UI (Vue 3)

--------------------------------------------------------------------------------

 * 使用量最高的 Vue 3 组件库
 * Composition API
 * Fully TypeScript
 * 自定义主题
 * 示例/Admin 模板丰富 vite-starter / nuxt-starter


Core Team Maintainer

学生时代的 Yak Shaving，做各类项目开发，顺便主动参与上游的一些问题修复，后加入团队。




9


VALAXY




> 支持页面/配置热重载的静态博客框架

写博客的 Yak Shaving

 * 大量工程实践的 MonoRepo（构建、自动化）
 * 极致的热更新 1000x Faster than Before/Hexo
 * User/Developer 文档、脚手架、示例模板
 * 另一种国际化方案 css-i18n How to realize CSS i18n?
 * 插件系统（无需编译）、主题系统（组件级覆盖继承）
 * DevTools（全局站点地图…）
 * Unit Test/E2E (Of Course)


10


ADV.JS

(Unreleased) 面向未来与前端的 ADV 文字冒险游戏引擎

> 使用 JavaScript/TypeScript 与极少学习成本的 AdvScript 像写小说一样制作你的文字冒险游戏。

 * 📝 文本驱动 — 类 Markdown 的 AdvScript 语法，像写小说一样制作 ADV 游戏
 * ✏️ 内置脚本 — 内嵌 JavaScript/TypeScript，零迁移学习成本，尝试 Meta 的无限可能
 * 🎨 灵活多彩 — 继承或覆盖布局，任意自定义你的 UI 主题
 * 🔥 热更新 — 你的剧本脚本的改变可以即刻反应到你的游戏中
 * 📦 3D 扩展 — 通过插件提供 3D 能力（BabylonJS+VRM）探索动态立绘的可能性
 * 🔧 脚手架 — 完备的脚手架工具包，一行命令新建游戏开发模版
 * 📤 跨平台 — 导出单页应用、或一个跨平台客户端
 * 📊 图形编辑器（Todo）— 可视化的编辑器与资源管理
   * @advjs/gui: Yak Shaving, 编辑器 GUI



最初想做来改编自己业余写的小说，立绘与动画是视觉小说的重要组成部分，AI 时代的到来似乎使其更有可能性了。 而最近在 B 站上看一些爽文改编的视频，常规的流程是
AE，也有是否能自动化构建成视频的想法。




11
12
13
14
15


整活儿

一个冷笑话，在我不知情的情况下，成为了我访问量最高的项目。

 * 🕐 随时随地打开空调
 * 📱 便携
 * 🔋 低功耗（使用 CSS 而非 Canvas 绘制）
 * 🔊 静音
 * 🎮 操作简单
 * 🔧 安装便捷

与腾讯的渊源

 * 第一次投递实习，面试时面试官问我写没写过 React，我拿出了这个多年前的 Demo 项目……


16

疫情期间的产物

> 用有限的食材组合出可能的选择


 * ✅ 达成接受人民日报采访成就
 * ✖ 但只学会了做手抓饼和方便面

17

　　　　自我风采

自 　　　　　　　　　 我
言 　　　　口　　　　 行
自 　　　口　口　　　 我
语 　　口　我　口　　 素
自 　　　口　口　　　 我
成 　　　　口　　　　 精
才 　　　　　　　　　 彩


　　　　入职感受

无 　　　　口　　　　 周
会 　　　口　口　　　 报
无 　　口　好　口　　 不
忧 　　　口　口　　　 劳
虑 　　　　口　　　　 神


18


其他一些业余小项目


 * 学习实践
 * 为了有趣
 * Yak Shaving
 * 为了无意义的生活、为了有幻想的未来
 * 为了改变世界
 * 为了有一天自我介绍可以这么放上

> 但凡人能想象到的事物，必定有人能将它实现。 ——儒勒·凡尔纳

19


未来想法规划

> 希望能成为一个有趣的人。
> 希望能创作出可以成为他人回忆的事物。


十六年前写的「20 年后的我」
 * 没有成为博士
 * 没有越野赛车
 * 没有美少女助手
 * 来公司蹭免费早餐
 * 没有获诺贝尔奖
 * 没有改变世界

--------------------------------------------------------------------------------

 * 有了许多平替
 * 也有了许多其他的愿望


20


参考

 * Slidev - Presentation Slides for Developers: https://sli.dev
 * EVA 新世纪福音战士：https://www.bilibili.com/bangumi/media/md1635
 * EVA 字体: https://mojimo.jp/eva/ （平替）Noto Serif SC/TC 字体:
   https://fonts.google.com/noto
 * 关于 Yak Shaving: https://antfu.me/posts/about-yak-shaving-zh
 * CivitAI 小云 LoRA: https://civitai.com/models/228669/xiaoyun
 * GitHub (YunYouJun): https://github.com/YunYouJun
 * Element Plus: https://element-plus.org/
 * Valaxy: https://valaxy.site/
 * ADV.JS: https://advjs.org/
 * Vtuber: https://github.com/YunYouJun/vtuber
 * 小空调： https://ac.yunyoujun.cn/
 * 今天来做菜: https://cook.yunyoujun.cn/
 * AI 春联: https://ai-sfc.yunyoujun.cn/
 * 其他项目: https://sponsors.yunyoujun.cn/projects

21


THANKS

- 完 -
22
intro-cnf.pages.dev Open in urlscan Pro 188.114.96.3 Public Scan

Form analysis 0 forms found in the DOM

Text Content

intro-cnf.pages.dev Open in urlscan Pro
188.114.96.3 Public Scan

Form analysis
0 forms found in the DOM
