最近除了做業務,也在嘗試學習h5和移動端,在這個過程中,學到了很多,利用h5和canvas做了一個愛心魚的小游戲。點這里去玩一下 PS: 貌似有點閃屏,親測多刷新兩下就好了==。代碼在本地跑都不會閃,放到博客里就閃了,我也不知道為什么。。。回頭我再看看是什么問題。 另外,我把代碼 ...
好久沒寫博客了,因為過年后一直在學游戲制作方面的知識。學得差不多后又花了 個月時間做了個作品出來,現在正拿着這個作品找工作。 作品地址:https: betasu.github.io Crimonland new 這個游戲差不多有 行代碼,實現了基本的游戲引擎 碰撞檢測並基於canvas繪制。等回過頭來看自己前面寫的很多東西已經記不清了,為了鞏固一下學過的知識並給有需要的朋友一些幫助,在此記錄下 ...
2016-07-18 21:39 0 2011 推薦指數:
最近除了做業務,也在嘗試學習h5和移動端,在這個過程中,學到了很多,利用h5和canvas做了一個愛心魚的小游戲。點這里去玩一下 PS: 貌似有點閃屏,親測多刷新兩下就好了==。代碼在本地跑都不會閃,放到博客里就閃了,我也不知道為什么。。。回頭我再看看是什么問題。 另外,我把代碼 ...
去年在電影院看過的電影,印象最深刻的,算是電影《你的名字》了,而且被其中的畫面深深吸引了,尤其是隕石划過天空的場景,太美啦!所以想着哪天做一個canvas的流星效果。最近剛好看到油管上的一個視頻,作者的主頁就是隕石墜落的粒子效果為背景,雖然沒有《你的名字》中那么寫實,但也是很漂亮了,效果大概長 ...
作為一個新人懷着激動而緊張的心情寫了第一篇帖子還請大家多多支持,小弟在次拜謝。 馴鹿拉聖誕老人動畫效果圖如下 html如下: "><di ...
昨天在家看電視時,退出的時候發現了一個彈窗效果,整個背景模糊,覺得這樣的效果好炫,要比純色加透明度高大上好多,連續試了幾個界面,最終確定效果由css實現的,於是今天一大早來到公司便趕緊搜索了一下,雖然兼容性奇差,但是一個css屬性就可以搞定。瞬間感覺自己知道的真是太 ...
很多時候,我們需要一些炫酷的動畫效果,讓頁面更加吸引用戶的眼球,現有比較好用的JS動畫庫有:velocity和GSAP(支持falsh和js)。今天這里主要學習的是velocity配合css3動畫,快速打造屬於你的專題頁面。 PS:發現各種炫酷的效果都是由這些簡單的動作 ...
如何制作炫酷的熱力圖 來自:http://mp.weixin.qq.com/s/s85vBmTv1GdzozQMWjY6xA 2017-11-07 ArcGIS帶你飛 飛言飛語 Attention “熱力圖”是描述趨勢變化強力武器,可以將報告內容瞬間 ...
canvas實現動畫主要是靠設置定時器(setinterval())和定時清除畫布里的元素實現,canvas動畫上手很簡單,今天可以自己動手來實現一個酷炫氣泡效果。 氣泡炸裂效果(類似水面波紋) 代碼如下: 氣泡上升效果 代碼如下: ...
聲明:本文為原創文章,如需轉載,請注明來源WAxes,謝謝! 我記得很早之前就看過這個DEMO,是岑安大大博客里看到的: 就是這個數字時鍾,當時覺得這個創意不錯,但是也沒去折騰。直到昨天同事又在網上看到這個案例,他覺得很酷炫,就跑過來問我,這個是怎么實現的,然后我大概想了 ...