AppleTVParallaxIcons:新Apple TV 3D视差图标的FramerJS实现

时间:2024-05-18 11:03:44
【文件属性】:

文件名称:AppleTVParallaxIcons:新Apple TV 3D视差图标的FramerJS实现

文件大小:1.19MB

文件格式:ZIP

更新时间:2024-05-18 11:03:44

JavaScript

AppleTV视差图标 新的Apple TV 3D视差图标的FramerJS实现。 我创建了它,以便可以使用深度值并使用FramerJS进行练习。 例子 指示 只需编辑index.html或任何示例文件以指向您自己的图像即可。 您需要提供bgLayer.png,topLayer.png和middleLayer.png。 为了简化起见,我将其保留为3层。 尺寸应为514x828。 苹果的资源 Apple提供了用于生成和预览这些图标的资源,请查看 ,但是,它需要Mac,并且不允许您使用深度值。 学分 原始原型由制造,并由进行了修改和修改,以使图像加载更加容易。 其中一个示例中使用的收件箱图标提供。 所有其他图形和草图文件提供


【文件预览】:
AppleTVParallaxIcons-master
----index.html(2KB)
----example_medium_new.html(2KB)
----images()
--------MediumNew()
--------GoogleMaps()
--------Inbox()
--------Amazon()
--------Medium()
----example_inbox.html(2KB)
----app.js(36B)
----example_medium.html(2KB)
----example_amazon.html(2KB)
----README.md(1KB)
----example_googleMaps.html(2KB)
----app.coffee(2KB)
----framer()
--------framer.init.js(3KB)
--------framer.js.map(836KB)
--------framer.generated.js(23KB)
--------images()
--------coffee-script.js(156KB)
--------backups()
--------config.json(152B)
--------framer.modules.js(2KB)
--------version(1B)
--------mirror.css(4KB)
--------style.css(1008B)
--------framer.js(660KB)
----sketch()
--------assets_medium_example.sketch(152KB)
--------assets_amazon_example.sketch(224KB)
--------assets_medium_new_example.sketch(80KB)
--------assets_inbox_example.sketch(96KB)
--------assets_googlemaps_example.sketch(160KB)

网友评论