果圖
各位朋友,大家早上好!
今天給大家帶來的是,canva 粒子數字變換實例動畫特效源碼
大家可以按自己的意愿,進行修改!例如改成倒計時、生日標題。。。
由于源碼比較長,大家可以收藏以后觀看!
或者有想文件版源碼的可以HTNL5前端技術群:581549454
廢話不多說,上源碼!
body { background: #003; text-align: center; font-family: "trebuchet ms" }
canvas { left: 50%; position: absolute; top: 50%; margin-top: -150px; margin-left: -300px; }
#gui { background: rgba(0, 60, 60, 0.5); padding: 4px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
label { color: #0aa; font-size: 11px; max-width: 60px; display: inline-block; vertical-align:middle }
select { background: rgba(0, 0, 0, 0.5); color: #0ff; border-radius: 7px; border: 0; padding: 2px; font-size: 13px }
option { background: #012; }
.copy { position: absolute; bottom: 16px; right: 16px; color: #228 }
a { color: #259 }
/*
original script by Rishabh
additions by Rezoner: blur, pulsation, quality, blinking, arc/rect, trembling, background adjusting
*/
/* play with these values */
BLUR = false;
PULSATION = true;
PULSATION_PERIOD = 500;
PARTICLE_RADIUS = 5;
/* disable blur before using blink */
BLINK = false;
GLOBAL_PULSATION = false;
QUALITY = 2; /* 0 - 5 */
/* set false if you prefer rectangles */
ARC = true;
/* trembling + blur = fun */
TREMBLING = 0; /* 0 - infinity */
FANCY_FONT = "arial";
BACKGROUND = "#003";
BLENDING = true;
/* if empty the text will be a random number */
TEXT = "";
/* ------------------ */
var ENCODE_DATA = ["BLUR", "BLENDING", "GLOBAL_PULSATION", "TEXT", "TREMBLING", "ARC", "PULSATION_PERIOD", "PARTICLE_RADIUS", "PULSATION", "BLINK"];
var GET = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
GET[key] = value;
});
人認為現在市面上不用編寫代碼就能輕松制作生成 h5 頁面的工具都是一些噱頭,其大致都是套用現成的模板,替換里面的文字或者圖片,作為一個開發者使用類似網站這些功能根本不能真正意義上達到自己想要的效果,目前這類工具以邀請函、生日卡、企業宣傳等為主,以下是一些我了解到的網站僅做參考
1、戰鼓
這個網站部分免費 沒有登錄時候可以進入制作頁面 但是具體使用還是要登錄后使用 頁面可自由操作的比較多 但是大多都是聚焦在文字、圖片的修改,使用起來還是比較簡單
2、八圖
八圖網也是部分免費 和上面戰鼓不同的是 需要登錄后才能進入制作頁面 能夠DIY 的東西略多 多了一個特效功能 使用起來制作過程比較簡單
3、歡慶網
制作頁面和功能和戰鼓差不多 登錄后才能制作這個功能也是一毛一樣 在此就不過多的介紹了
4、兔展
這個網站目前在同類網站中知名度較高 模板也比較多 但是大多都是收費的 幾十塊錢一個模板收費不等 需要購買后才能進入制作頁面
總結:其實這類網站現在還是很多 但是都是大同小異 套用模板 如果真正想要比較特別的還是自己寫出來的比較實在沒有局限性 而且也許在這些制作上就會花一天兩天去改還是比較耗費時間 但是寫出來的東西并不是獨一無二 所以個人還是認為自己學習自己寫比較好 畢竟是自己的東西 再丑也是親生的對吧。
?來源:千鋒web前端
到新春佳節,在這個中國傳統節日里,大家似乎已經習慣了短信群發,不光費錢,對方收到也不會太在意——大家都是群發,看都懶得看。雖然有了免費的微信,不過還是少了一些誠意,今年過節怎么送祝福?當然是要送上自己的特別定制款。
用HTML5頁面送祝福
MAKA
平臺:iOS/Android
收費情況:免費
MAKA本是一款HTML5頁面制作工具,而制作過程非常簡單,幾乎全程都采用模塊化操作,你只需要通過簡單的點擊、拖放等操作,就可以完成整個HTML5頁面——而且不僅僅是生硬的圖片,還有動畫特效的喲!你可別不信,用這樣制作精美的頁面來送祝福,相信對方一定會很感動的。
不過,在制作之前,我建議大家先學習一下:在“熱門”欄目中,選擇右上角的分類,選中節日祝賀(當然,這里還有許多商業案例、婚禮邀請函等,都可以使用),就可以看到許多別人的作品了。
點擊它們就可以查看,而且這些頁面都不光是簡單的圖文排列,幾乎每個頁面都有動畫效果,感覺是不是很棒呢?不過,我相信你現在更想自己制作屬于自己的節日祝福頁面吧!別著急,點擊底部的“鉛筆”按鈕就可以開工了!
接下來,你可以新增N張空白頁面,然后在其中添加模板頁面,建議別做太多頁,對方看著也累。在這里可以對每個頁面進行配色、元素移動/縮放、添加音樂、設置超鏈接等操作,如果你對其中的元素不滿意,還可以更換為自己的圖片——讓自己的照片出現在頁面中,最后制作完成的祝福頁面就不會像辛辛苦苦編輯的短信那么容易就被“偷走”了。
既然是HTML5頁面,訪問這個頁面的人并不是被動接受,而是可以和作者互動的。除了前面提到的點擊跳轉或者其他動畫效果,最棒的是可以添加表單頁面,也就是說,訪問者可以在頁面中填寫內容(比如節日祝福),你甚至可以專門制作一個互動抽獎頁面,讓其他人留下自己的祝福,最后從后臺統計數據,自己選一個幸運的人兒,送上新春禮品(當然,MAKA目前不具備隨機抽獎功能,如果要抽獎,只能人工抽了)。
做好了節日祝福,當然要分享出去,MAKA支持微博、微信、QQ以及鏈接、二維碼等方式,基本覆蓋常用的社交平臺了,有了這樣獨特的拜年方式,相信收到祝福的人一定會很開心的。
熱門區有許多其他用戶制作的模板,可以借鑒一下
逐一制作每一個頁面,然后就可以發給朋友了
視頻拜年才親切
小偶
平臺:Android/iOS
收費情況:免費
其實這是一款照片增強工具,你可以導入自己或朋友的照片,然后會自動根據你的臉型生成3D卡通人物,你還可以給這個人物化妝、換衣服,接下來選擇一個場景,就可以在小偶舞臺盡情表演了。在這個春節,當然是要選擇拜年或者紅包拿來等場景,還可以自己錄音,真是太好玩了。
用視頻給朋友拜年,就算遠在天邊也能看到
送祝福、猜燈謎
福來運轉
這是一款集合了賀卡制作、節日短信、節日壁紙等諸多功能的綜合性APP。進入APP就可以聽到充滿節日氣氛的音樂,讓人心情愉悅。另外,最有趣的要數“過大年猜猜看”,也就是猜燈謎,有許多有趣的題目等著大家來挑戰哦!
內置了許多節日相關功能
傳統短信就用它
節日祝福大師
最后,回歸傳統,仍然有許多人是需要文字版短信祝福的,對于這部分人,我們推薦大家使用《節日祝福大師》這款APP。簡單直接,選擇喜歡的文字,然后通過短信或者微信發出即可,甚至不用你復制粘貼,一切都幫你做好了!當然,除了春節,還內置了許多其他節日、生日祝福短信,隨時可用。
就算是轉發祝福,也要選一條大家都沒用過的
好玩手游
2016年,我們的好玩手游欄目也迎來了全新改版。我們將在這里深度體驗精品之作。歡迎游戲達人投稿,分享經驗;酒香也怕巷子深,如果你是游戲開發者,也可以向我們推薦你的作品,讓更多人看到你們的作品。
微博:機智貓官微
微信:techmiao
超酷的手勢格斗游戲
功夫熊貓3
平臺:Android/iOS
收費情況:免費(有內購)
《功夫熊貓3》將于本周5(1月29日)正式上映,由夢工廠授權,網易聯合開發的同名正版手游也正式上線了!作為一個熊貓迷,自然是要體驗一番的。
這款游戲和電影一樣,由成龍、楊冪、周杰倫等大牌明星加盟配音,再加上原滋原味的場景,代入感非常強。首先要提到的是游戲模式,主線劇情自然不必多說,許多電影里的劇情和動畫CG都得到很好地還原,所以建議大家千萬別跳過劇情,每一關的過場動畫都是很精彩的!而且周杰倫為電影創作的主題曲《Try》也會在游戲中首播,可千萬不要錯過了。
和多數動作游戲不同的是,《功夫熊貓3》并不要求太高的操作技巧,不用追求連招,打得爽才是最重要的——是的,游戲畫面非常棒,除了幾乎達到電影級別的過場CG(甚至可以說是劇透了),游戲場景也是制作得非常精美,引人入勝。
接下來說說操作,《功夫熊貓3》可以快速在兩種操作模式中切換,一是傳統的左側移動按鈕+右側技能按鈕,快速上手沒有任何問題,而另一種就是新穎的手勢操作了。點擊屏幕移動,滑動則可以讓主角快速翻滾躲避障礙和BOSS技能,值得一提的是每個人物都有自己獨特的大招,比如阿寶的蘿卜風暴就是像機關槍一樣快速丟蘿卜,玩家需要猛烈點擊屏幕,點得越快就傷害越高,而悍嬌虎的大招則是斬魔決,用虎爪快速攻擊敵人,玩家的手指必須快速在BOSS身上滑動(請自行腦補風靡全球的切西瓜游戲),不同的操作方式讓玩家新鮮感十足。
和大多數RPG游戲一樣,我們需要升級裝備、技能等,《功夫熊貓3》沒有復雜的天賦樹,只要有錢就多升級技能,總是沒錯的,不用糾結學哪個技能,玩起來很輕松。而在打斗過程中,時不時地會出現“斬”的提示,那是發現了敵人的弱點,趕快點擊它,將敵人秒殺吧!
在這款游戲中,不光可以隨時切換阿寶和悍嬌虎,還可以召喚仙鶴、烏龜大師、金猴等熟悉的角色作為戰斗寵物,有了它們的幫忙,過關將會輕松不少。如果你玩膩了劇情模式,還有比武(PVP)和有趣的活動在等著大家,可不是只有固定的關卡哦!
看到“斬”,一定要趕快把它秒殺
每個主角都有自己獨特的絕招
*請認真填寫需求信息,我們會在24小時內與您取得聯系。