一种HTML5网页动画的精准定位动画帧方法与流程

技术特征：
1.一种html5网页动画的精准定位动画帧方法 ,其特征在于，包括：初始化传入的参数，通过初始化传入参数将默认参数替换覆盖，得到config配置；通过资源管理器加载所需要的资源，加载完成后由所述资源管理器发出资源完成事件；所述资源完成事件由应用处理端接收，并通知文字渲染器开始初始化创建显示对象；所述文字渲染器初始化时间轴，为每个元素分配各自范围内的动画及状态；渲染界面通过gsap.时间轴改变每个元素的属性，由pixi引擎重绘界面，产生一帧新的画面。2.根据权利要求1所述的一种html5网页动画的精准定位动画帧方法，其特征在于，每个动画模板自带编目属性控件，外部渲染时，可根据动画模板的编目属性渲染出不同的属性修改组件。3.根据权利要求1所述的一种html5网页动画的精准定位动画帧方法，其特征在于：所述通过资源管理器加载所需要的资源，加载完成后由所述资源管理器发出资源完成事件，所述资源包括图片、json和文本。4.根据权利要求1所述的一种html5网页动画的精准定位动画帧方法，其特征在：所述文字渲染器初始化创建显示对象完成后，动画编辑器加载动画编目属性；动画编辑器加载动画编目属性，并渲染对应的控件；编目属性至针对自身模板进行改变。5.根据权利要求4所述的一种html5网页动画的精准定位动画帧方法，其特征在于，动画编辑器加载动画编目属性包括：动画文字属性改变，通过动画编辑器调用动画的setconfing方法，传入文字属性，所述文字即时被渲染。6.根据权利要求5所述的一种html5网页动画的精准定位动画帧方法，其特征在于：动画编辑器加载动画编目属性还包括：动画文本改变，通过动画编辑器调用动画类的setcontent方法，传入新文本，动画重新创建新的文本，清空旧文本并添加新的元素。7.根据权利要求5所述的一种html5网页动画的精准定位动画帧方法，其特征在于，动画编辑器加载动画编目属性还包括：动画时长改变，通过动画编辑器调用动画类setduration方法，传入时长，将重新初始化时间轴，当前动画时长改变新的时长。8.根据权利要求5所述的一种html5网页动画的精准定位动画帧方法，其特征在于，动画编辑器加载动画编目属性包括：动画高宽改变，通过动画编辑器调用动画类resizepreset方法，传入高宽，实现显示大小转换，所述高宽可支持0-8192数值。9.根据权利要求5所述的一种html5网页动画的精准定位动画帧方法，其特征在于，动画编辑器加载动画编目属性包括：动画的变换改变，动画编辑器通过自由变换组件得到变换参数，通过动画编辑器调用settransfrom方法，改变动画主体的位置、角度及大小。10.根据权利要求1所述的一种html5网页动画的精准定位动画帧方法，其特征在于：所述文字渲染器初始化时间轴，为每个元素分配各自范围内的动画及状态，包括：设置入动画时长和出动画时长，动画编辑器调用动画的 setinanimduration 和动画的 setoutanimduration方法，传入新的入时长和出时长，改变动画显示速度。11.根据权利要求1所述的一种html5网页动画的精准定位动画帧方法，其特征在于，所
述文字渲染器初始化时间轴，为每个元素分配各自范围内的动画及状态还包括：定位动画在某一时间点，动画编辑器调用动画的seek方法，传入时间点，将自动定位到该时间点的画面，定位时间精确到三位小数。12.根据权利要求11所述的一种html5网页动画的精准定位动画帧方法，其特征在于，所述定位动画在某一时间点，若动画编辑器反复调用seek方法，则会出现播放或倒播。

技术总结
本发明公开了一种HTML5网页动画的精准定位动画帧方法，包括：初始化传入的参数，通过初始化传入参数将默认参数替换覆盖；通过资源管理器加载所需要的资源发出资源完成事件；应用处理器接收资源完成事件，并通知文字渲染器创建显示对象；文字渲染器初始化时间轴，为每个元素分配自己范围内的动画及状态；渲染界面通过时间轴改变每个元素的属性，pixi引擎重绘界面，产生一帧新的画面；解决动画在调整时长、数据、颜色、文字、字体等属性时，用户能即时看到动画的改变；每个动画模板具备自带的编目属性控件，对于外部渲染时，可跟据动画模板的编目属性渲染出不同的属性修改组件。属性渲染出不同的属性修改组件。属性渲染出不同的属性修改组件。


技术研发人员：唐尚海 宋崢 朱江 刘盾 颜涛 代林东 漆坤元 黄信云
受保护的技术使用者：成都华栖云科技有限公司
技术研发日：2022.11.24
技术公布日：2022/12/30