可交互照片墙效果的实现方法、装置及存储介质制造方法及图纸

本发明专利技术公开了可交互照片墙效果的实现方法、装置及存储介质，应用在交互效果实现领域，其技术方案要点是：创建缓存区并将多张图片添加指针后加载在其中，同时生成一个用于泳道以及匹配泳道大小的预制件，并对多张图片分别创建圆形碰撞器，随后泳道开始产生位移，并通过预制件对图片进行展示，在图片被外部交互动作激活时，该图片及其圆形碰撞器的边界同步动态放大，在该图片与其他图片的碰撞器接触时，该图片的圆形碰撞器将其他图片抓取至其边缘，具有的技术效果是：通过对多张图片添加指针可以实现对图片的实时加载，大大降低了内存的占用率，提升程序的运行速度，通过动态的改变被抓取图片的中心点，可以有效避免被抓取的图片挡住大图。住大图。住大图。

【技术实现步骤摘要】
可交互照片墙效果的实现方法、装置及存储介质


[0001]本专利技术涉及交互式效果实现领域，特别涉及可交互照片墙效果的实现方法、装置及存储介质。

技术介绍

[0002]照片墙是一种通过电子显示器对照片或者视频进行展示设备，随着电子化的快速发展，功能日益强大的照片墙设备开始进入人们的视野，并且可以满足不同人群的所需效果。
[0003]传统的照片墙通常静态的对图片进行展示，并通过设置的时间定时对不同的图片进行刷新，实现展示不同的信息流，因此，此类照片墙智能作为信息的输出设备，不能实现根据需求显示某些特定的图片或者视频，因此在这种需求下，常用的动态照片墙系统开始被开发并使用，现有的程序在加载图片时大多以在刚运行时统一加载进内存里，随后自动生成预制件排序，当预制件为视频时，会先加载视频并且截取第一帧作为图片，在加载图片时，统一加载图片时对硬件的要求过高，需要很高的显存和很高的内存，否则图片还没完全加载完程序就崩溃。即使显存和内存满足要求了，图片过多过大的情况下还会延长图片加载的速度，对于硬盘又是一种压力，在加载视频时,需要把每个视频都先加载打开之后并且截取第一帧的画面来作为封面，当视频数量过多时会大大降低加载速度，以及程序运行速度。

技术实现思路

[0004]本专利技术的目的是提供可交互照片墙效果的实现方法及其存储设备，其优点是实现可交互式效果的同时，在实现过程中减少了程序对硬件的依赖，提升程序运行效率。
[0005]本专利技术的上述技术目的是通过以下技术方案得以实现的：可交互照片墙效果的实现方法，其特征在于，包括以下步骤：S1：在存储器中创建缓存区，将存储器中待展示的图片和视频的第一帧图片加载存入缓存区；S2：处理器创建生成一个用于限制图片显示和移动的泳道，同时生成用于对图片进行加载和显示的预制件，预制件的大小与泳道的大小一致；S3：将所述缓存区中的多张图片赋值给所述预制件，并根据所述泳道的大小调整每张图片的大小；S4：将多张调整大小后的图片沿所述泳道排列，并对多张图片分别创建圆形碰撞器，随后泳道开始产生位移，并通过预制件对图片进行展示；S5：在赋值到预制件的单个图片受到激活时，该图片及其圆形碰撞器的边界同步动态放大，在该图片与其他图片的碰撞器接触时，该图片的圆形碰撞器将其他图片抓取至其边缘；S6：被抓取的图片根据交互算法进行位移，以实现多张图片在激活后进行动画交
互。
[0006]通过上述技术方案，将待显示的图片统一加载至缓存区，在需要进行显示时，赋值过程更快，以此实现实时加载图片，避免程序爆内存，提升程序运行速度，同时设置的泳道和预制件可以规范图片的显示位置，便于对多张图片进行管理和后续的图片赋值，并且在进行图片展示时，通过泳道带动预制件位移，无需处理器遍历所有预制件的每一帧进行坐标监控，通过检测泳道的位移即可，大大减少了每帧遍历的次数，减少了CPU的压力，在被激活图片与其他图片的碰撞器接触时，通过抓取向量控制其他图片与被激活图片之间的位置关系，替代了原有的直接修改坐标，可以有效避免发生图片之间互相遮挡的情况，同时可以实现动态的运动效果。
[0007]本专利技术进一步设置为：将加载入缓存区的图片转换成字节流，并对每个字节流的头部顺序添加指针，对一张图片赋值至预制件后，下一张加载当前图片指针+1的图片。
[0008]通过上述技术方案，可以实现识别指针以实现对不同图片的赋值和过滤，同时可以对图片进行顺序加载，避免了重复赋值和显示。
[0009]本专利技术进一步设置为：所述泳道以行或列中的一种形式设置，在将图片赋值给预制件后，保持图片的原始长宽比率，缩放至以泳道行的高或列的宽为最大值的大小，并且自动排列下去，并记录好排列的总高度或宽度，当总高度或宽度超过行的宽或列的高时，停止新的图片对预制件继续赋值。
[0010]通过上述技术方案，可以规范图片的显示大小，通过在泳道使用预制件对图片进行显示，可以有效避免大小比例不同的图片造成资源的浪费或者无法显示完全的问题。
[0011]本专利技术进一步设置为：所述泳道开始位移时，当其左右或上下边界的预制件超出了屏幕范围后，预制件自动销毁，并且释放掉图片在内存中的占用量，随后重新生成预制件并加载图片。
[0012]通过上述技术方案，配合图片的字节流指针，可以实现对图片随用随加载，大大降低了内存的使用量。
[0013]本专利技术进一步设置为：S6中所述的交互算法的实现方式为：被抓取图片的抓取方向为圆形碰撞器的原点朝向被抓取图片碰撞器原点的方向，长度为圆形碰撞器的半径，以产生一个抓取向量，被抓取图片朝着抓取向量以线性差值的方式进行位移。
[0014]本专利技术进一步设置为：被抓取图片的中心点跟随抓取向量长度的变化而变化，以实现被抓取图片与被激活图片之间的同步动画，同时不会产生互相的遮挡。
[0015]通过上述技术方案，抓取向量可以保证被碰撞图片与被激活图片之间的距离和运动方向，在实现动态位移的同时，多张图片之间不会产生互相遮挡的情况。
[0016]本专利技术进一步设置为：所述缓存区中划分有临时区，多个视频的第一帧图片存入临时区中，在需要加载视频时，优先查找其在临时区中是否存在第一帧图片，若存在，则直接将该图片赋值至预制件，若不存在，则加载视频并截取图片，存入临时区，然后赋值至预制件。
[0017]通过上述技术方案，由于视频的文件较大，若每次加载图片时都对视频进行读取和加载，会大大降低运行速度，因此，采用实现将视频的第一帧截取并存入临时区，可以在加载视频时通过检索临时区即可完成对视频的查找，即使临时区中不存在视频的第一帧图片，再对该视频进行加载，截取后的图片会加载入临时区中，在后续的读取中也会提高运行
效率。
[0018]本专利技术进一步设置为：一种电子装置，包括处理器、存储器和显示屏，以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行时实现上述的可交互照片墙效果的实现方法，所述处理器用于通过计算机程序加载存储器中的图片及视频，并通过显示屏进行展示，所述处理器用于通过计算机程序加载存储器中的图片及视频，并通过显示屏进行展示。
[0019]本专利技术进一步设置为：一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时以实现可交互照片墙效果的实现方法。
[0020]综上所述，本专利技术具有以下有益效果：1.通过对多张图片添加指针可以实现对图片的实时加载，大大降低了内存的占用率，提升程序的运行速度；2.加载视频时，会保存视频首帧图片为临时文件，当再次访问这个视频时直接读取这个临时文件，而不需要再加载一次视频；3.通过动态的改变被抓取图片的中心点，可以有效避免被抓取的图片挡住大图。
附图说明
[0021]图1是本实施例可交互式照片墙效果的实现流程；图2是本实施例中泳道和预制件加载图片的流程图；图3是本实施例中将多张图片顺序赋值至预制件的流程图；图4是本实施例中抓取向量生成示意图；图5是本实施例中被抓取图片的运动方式示意图；图6是本实施例中电子装置结构示意图。
具体本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.可交互照片墙效果的实现方法，其特征在于，包括以下步骤：S1：在存储器中创建缓存区，将存储器中待展示的图片和视频的第一帧图片加载存入缓存区；S2：处理器创建生成一个用于限制图片显示和移动的泳道，同时生成用于对图片进行加载和显示的预制件，预制件的大小与泳道的大小一致；S3：将所述缓存区中的多张图片赋值给所述预制件，并根据所述泳道的大小调整每张图片的大小；S4：将多张调整大小后的图片沿所述泳道排列，并对多张图片分别创建圆形碰撞器，随后泳道开始产生位移，并通过预制件对图片进行展示；S5：在赋值到预制件的单个图片受到激活时，该图片及其圆形碰撞器的边界同步动态放大，在该图片与其他图片的碰撞器接触时，该图片的圆形碰撞器将其他图片抓取至其边缘；S6：被抓取的图片根据交互算法进行位移，以实现多张图片在激活后进行动画交互。2.根据权利要求1所述的可交互照片墙效果的实现方法，其特征在于，将加载入缓存区的图片转换成字节流，并对每个字节流的头部顺序添加指针，对一张图片赋值至预制件后，下一张加载当前图片指针+1的图片。3.根据权利要求1所述的可交互照片墙效果的实现方法，其特征在于，所述泳道以行或列中的一种形式设置，在将图片赋值给预制件后，保持图片的原始长宽比率，缩放至以泳道行的高或列的宽为最大值的大小，并且自动排列下去，并记录好排列的总高度或宽度，当总高度或宽度超过行的宽或列的高时，停止新的图片对预制件继续赋值。4.根据权利要求1所述的可交互照片墙效果的实现方法，其特征在于，所述泳道开始位移时，当其左右或上下边界的预制件超...

【专利技术属性】
技术研发人员：杨振，
申请(专利权)人：苏州黑火石科技有限公司，
类型：发明
国别省市：