我正在开展一个学校项目,我们正在开发一个带有A-Frame框架的互动故事。这个想法是访问你的老房子,并记住好时光。所以我们在天空实体中使用360°图像,我们在现在和过去之间切换这些图像。
我在切换图像时正在进行转换,但我可以开发的唯一一个好的转换就是简单的淡化到黑色...我的想法是在这里得到类似于CSS Mask Transition的东西:https://tympanus.net/Tutorials/CSSMaskTransition/
是否有可能获得类似的结果? 如果没有,你能想到我能做的好转换吗?
您知道,我不习惯网络开发,我们只有3天的时间来完成这种体验,而且我对A-Frame框架完全陌生(我已经为它工作了3天了只)。
非常感谢你的时间,祝你有愉快的一天!
奥古斯丁。
答案 0 :(得分:1)
类似的转换将非常复杂地实现,我认为在几天内没有太多的图形体验是不可能的。您很可能需要编写自己的着色器来更改每个像素的Alpha值。或者你可以创建一个alpha地图GIF或视频,然后使用它来控制纹理的alpha值。
A-Frame有一个用于在360张图像之间转换的示例。为了获得更好的性能,您可以使用一个图像,淡化为黑色,换出图像,然后淡出:https://github.com/aframevr/360-image-gallery-boilerplate