恒生——寻常问道实习记录（三）

前言：

7月上旬和中旬主要是在对公司一些老的场景模板的一些bug进行修改，一方面是熟悉公司业务，对公司业务的代码进行熟悉，为后续编写新项目做铺垫，另一方面也是提升了自己阅读代码和修改代码的能力。
由于老模板代码修改的过程中来了新的项目，所以在修改老模板代码的同时，也开始了新项目的编写，这三周也就没有时间记录，今天新项目我负责的场景编写基本完成，记录下这三周所学。

---

老代码bug修改部分：

主要：对公司编写的文字、图片组件进行熟悉，并学会如何使用，熟悉如何往服务器放置或修改json数据，往oss中传场景中所需要的图片。

---

新项目场景编写：

公司项目主要为数据短视频，根据客户要求，ui做出视频，前端根据视频做出相同演出效果的通用模板（可以更改视频中出现的文字、图片，可以调节文字图片的位置和样式）

编写场景时遇到的几个问题：

• 由于公司用的文字组件，文字中的颜色样式通过数据库的json数据（无法实现渐变色）赋予，所以当文字颜色需要使用渐变色时，会与数据库中规定的初始颜色冲突，导致渐变色无法实现。需要对公司文字样式组件部分进行更改，添加逻辑；
• 同上一个问题，由于文字的颜色是通过数据库给的，所以当该文字有变色的动画效果时，变更的颜色会和数据库给的颜色冲突，导致无法显示，从而变色的动画效果无法实现。需要对公司文字样式组件部分进行更改，添加逻辑；
• 折线图、文字、图标随它们的图片背景左移进入到中心然后放大的动效，内容（折线图、文字、图标）部分的放大因为是随着图片背景，所以带有位移效果，需要单独写一个放大的动效。

问题部分的解决在后续单独写一篇笔记

总结：

学习了公司项目制作新场景的流程：
1、根据ui和产品给的原型，先生成场景所需的文本样式和图片样式的json数据，将json数据传入数据库；
2、将需要使用的图片传入oss；
3、根据ui的效果视频，对文字、图片、图表等元素的动效进行切割（动画的时间，动画的类型）；
4、编写场景，将文字、图片、图表放入场景中，微调位置，根据视频安排好层次，防止被覆盖；
5、依据之前做好的动效拆分，给文字、图片、图表加上动效。