H5案例分享：60秒幫你擺脫朋友圈
公共點評出品的h5案例，
60秒幫你解脫伴侶圈，這么火的h5怎么可以錯過呢，木疙瘩什么不會，此刻來介紹建造經驗。
東西/原料
- mugeda
方式/步調
- 1
如圖，建造一個扭轉的加載元件、添加布景圖，在第一頁形當作一個加載頁
- 2
為第二頁添加相關素材，同時為“承諾就點這”添加“點擊跳轉下一頁”行為
- 3
新建第三頁，分層導入原先設置好的圖片朋分素材
- 4
新建圖層，同理分層導入別的一份圖片的朋分素材
- 5
將素材移動至如下位置
- 6
為所有圖層插入幀→插入關頭幀動畫，在幀數的四分之一部門插入關頭幀
- 7
在關頭幀上移動圖片素材如下
- 8
同理別離在幀數的四分之二、四分之三、最后部門插入關頭幀，別離移動素材位置使其呈現出擺布交叉的動畫結果
- 9
別離為每一個關頭幀添加“淡入淡出”結果，使其圖片活動時呈現出短暫擱淺結果
- 10
新建圖層，添加兩個矩形別離為舞臺外的矩形添加一個“呈現即暫停”行為、為按鈕位置上的矩形添加“點擊即播放”行為，并調整透明度為“0”同時在該圖層第二幀添加一個空白幀
- 11
在特定位置添加按時器，設置按時器相關屬性，為其定名為“DI”
- 12
新建圖層，添加布景圖、文字、文本框等素材，為文本框定名為“fen”選中該圖層所有素材，組合，為組定名為“tishi”，將其移動至舞臺之外
- 13
新建圖層，添加一個矩形使其籠蓋舞臺，設置透明度為“0”添加一個文本框，定名為“fen2”為透明矩形添加六個行為：
屬性節制→設置按時器→觸發前提：點擊→設置參數按時器名稱：DI設置狀況：暫停記時器
- 14
屬性節制→改變元素屬性→觸發前提：點擊→設置參數元素名稱：tishi元素屬性：左賦值體例：用設置的值替代現有值取值：0
- 15
屬性節制→改變元素屬性→觸發前提：點擊→設置參數元素名稱：fen2元素屬性：文本取值賦值體例：用設置的值替代現有值取值：~~（60- {{DI}}）
- 16
屬性節制→改變元素屬性→觸發前提：點擊→設置參數元素名稱：fen元素屬性：文本取值賦值體例：用設置的值替代現有值取值：0 {{fen2}}）執行前提：查抄元素狀況元素名稱：DI考查屬性：文本取值邏輯前提：年夜于等于參考值：51
- 17
屬性節制→改變元素屬性→觸發前提：點擊→設置參數元素名稱：fen元素屬性：文本取值賦值體例：用設置的值替代現有值取值：~~（60- {{DI}}）執行前提：查抄元素狀況元素名稱：DI考查屬性：文本取值邏輯前提：小于參考值：51
- 18
動畫播放節制→跳轉到幀并遏制→觸發前提：點擊→設置參數幀號:1
- 19
同時設置別的兩個行為1.為“承諾就點這”按鈕添加一個“點擊重置按時器”行為
- 20
為“tishi”組合添加一個“點擊改變‘左’值為‘1000’”的行為，使其點擊移至舞臺外
- 21
最后，添加兩個陀螺儀，別離為其定名為“X”“Y”，別離設置類型為“繞X軸扭轉角” “繞Y軸扭轉角”
- 22
將原先設置的透明矩形的行為都復制在“X”陀螺儀上，點竄觸發前提為“屬性改變”，同時點竄參數設置，具體點竄可官網視頻。
- 發表于 2018-08-13 00:00
- 閱讀 ( 971 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章