## 关于我

|||||

|--|--|--|--|

|姓名|于风洁|出生日期|1997-7|

|籍贯|山东潍坊|项目经验|3年|

|毕业院校|齐鲁工业大学|毕业时间|2019|

电话: *

邮箱: *@163.com

**技能信息**

## 作品集

[GLSL ? https://www.shadertoy.com/user/yufengjie/sortlove](https://www.shadertoy.com/user/yufengjie/sortlove)

[CodePen ? https://codepen.io/Megalovania](https://codepen.io/Megalovania)

[个人网站 ? https://yufengjie97.github.io/nova/#/](https://yufengjie97.github.io/nova/#/)

## ShowCase

**shader**

[哈尔移动城堡火精灵](https://www.shadertoy.com/view/WfK3Dc)

[2D魔眼](https://www.shadertoy.com/view/tfc3Ds)

[音频响应的分型距离场变换](https://www.shadertoy.com/view/3c3BWn)

[湍流](https://www.shadertoy.com/view/wcVczd)

**css**

[炉石卡片](https://yufengjie97.github.io/nova/#/css/hsCard)

[卡片墙](https://yufengjie97.github.io/nova/#/css/reverseCard)[死亡搁浅Loading动画](https://yufengjie97.github.io/nova-nuxt/css/deathloading)

[打字机](https://yufengjie97.github.io/nova-nuxt/css/typing)

[破碎图片](https://yufengjie97.github.io/nova-nuxt/css/crushpic)

[排序可视化](https://codepen.io/Megalovania/pen/ZEVdJmL)

**canvas**

[滤镜火焰](https://yufengjie97.github.io/nova-nuxt/pixi/fire)   [像素火焰](https://yufengjie97.github.io/nova-nuxt/pixi/fire2)   [catmullrom插值](https://yufengjie97.github.io/nova-nuxt/pixi/lightning)   [3D噪音](https://yufengjie97.github.io/nova-nuxt/pixi/noise)   [noise flow](https://yufengjie97.github.io/nova/#/canvas/flow)   [彩虹猫](https://yufengjie97.github.io/nova/#/canvas/nyan-cat)   [粒子生命模拟](https://yufengjie97.github.io/nova/#/canvas/particle-life)  

**svg**

[电路板](https://yufengjie97.github.io/nova/#/svg/circuit-board-2)

**phaser3**

[像素鸟](https://yufengjie97.github.io/learning-phaser/#/flappyBird)

**selenium爬虫**

[boss直聘爬虫](https://github.com/YuFengjie97/crawler_boss)

**浏览器扩展**

[historyPie仓库地址](https://github.com/YuFengjie97/HistoryPie)

[edge商店地址](https://microsoftedge.microsoft.com/addons/detail/%E5%8E%86%E5%8F%B2%E9%A5%BC%E5%9B%BE/offfcmemchbapmfboenpopcncnojdkpd?hlzh-CN)

## 项目经历

**虎式传媒**

时间: 2023.2-2023.9

部门: IEG 海外项目组

1. app 内嵌 h5， vant 组件二次封装，移动端适配，低版本 web-view 兼容，h5 页面与客户端状态通信

1. 异形屏顶部安全距离适配，通用页面容器逻辑优化与封装

1. 用户头像上传，图片裁剪组件封装

1.  扭蛋机活动小游戏，交互式扭蛋抽取动画。

1. ltl,rtl语言本地化

1. vite-plugin-pwa 本地化策略优化

1. css 转盘抽奖游戏

1. phaser3 赛车小游戏开发。赛车道路阻力模拟。车辆参数 canvas 雷达图绘制。mqtt 通讯，游戏进程与服务端同

步。

**北京纬创(美团)**

时间: 2021.8-2022.9

部门: 金服大前端项目组，无人车项目组

项目经历：

1. 车辆位置实时展示

腾讯地图 api无人车实时位置展示

1. 北京冬奥无人***

前端***原生组件二次封装

1. 金服体验数据大盘 echarts自定义图表，类elementUI组件库二次封装

1. 日常迭代开发

**济南山海图经**

时间: 2020.7-2021.5

职位: 前端开发

项目经历：

1. 山东省农业厅数据展示

openlayer2D 可交互式地图开发，地理位置信息（温度/湿度）要素展示/交互， echarts 可视化数据。使用阿里的

地域 json 文件通过选择地区图层进行高亮展示

1. 政府党建大屏数据平台

自定义图表组件， elementUI组件二次封装 ，UI 组件开发， echarts 可视化数据

1. python爬虫高程信息, python后端接口

python 爬虫爬取ASTER地图高程信息（2W+）， python flask 后端路由，转换坐标信息爬取文件 & 坐标转换