原创 用canvas實現圖片濾鏡效果詳解之視頻效果
這是一個很有意思的特效，模擬攝像機拍攝電視屏幕畫面時出現點狀顆粒的效果。顆粒的大小通過變換矩陣實現，可以任意調節，有興趣研究的朋友可以嘗試更多的效果，代碼沒有經過優化，只是一個粗糙的Demo，大家可以自行改進。1.獲取圖像數據123456i
2019-02-22 15:12:45
原创 基於Html5的愛情主題網站–表白神器(第二版)
第二版在第一版的基礎上增加了一個動態3D的白雲效果背景，鼠標懸浮在頁面上雲朵會向屏幕Z軸方向運動，在第一人稱視角看來向着雲朵方向前進的，由此形成一個僞3D效果。有點繞，直接看demo就能理解了。3D白雲效果是基於threejs框架做的。介紹
2019-02-22 15:12:44
原创 用canvas實現圖片濾鏡效果詳解之灰度效果
for ( var x = 0; x < canvasData.width; x++) { for ( var y = 0; y < canvasData.height; y++) { // Index of the pixel in th
2019-02-22 15:12:44
2
原创 一個基於WebGL的仿真3D水池有逼真的水波紋效果
最近在研究WebGL，看到國外很多高手做的很多超炫的3D效果，無比羨慕。忍不住把效果趴下來研究，下面介紹一個逼真的游泳池中浮動小球的效果。效果非常絢麗，功能強大。示例可切換觀察水池的視角，不同視角考慮到了光線從不同角度折射和反射的影響，所以
2019-02-22 15:12:43
2
原创 Ajaxload動態加載動畫生成工具的實現（ajaxload的本地移植）
前言前段時間看到一個國外的網站，在線生成ajax loading動畫。覺得很實用，於是動起了移植到自己網站的念頭（一直以來的習慣，看到好的工具總想着移植到本地好好研究）。根據以往移植的經驗最終把 這個工具移植到自己網站上了，生成圖片的核心還
2019-02-22 15:08:25
原创 通過javascript把圖片轉化爲字符畫
1.獲取上傳圖片對象數據Javascript無法直接獲取本地上傳的圖片的數據，html5可以解決這一問題 。html5裏面的FileReader interface可以把圖片對象的數據讀到內存，然後通過接口的進度事件（Progress Ev
2019-02-22 15:08:20
原创 如何用css3實現風車效果
前面講過css3可以替代很多js實現的效果，其實很多時候純css3甚至可以替代圖片，直接用css3就可以畫出一些簡單的圖片。雖然css3畫出來的圖片效果可能不如直接用圖片的好，實現起來也比較複雜，最麻煩的是兼容性問題，不如圖片來得直接實用。
2019-02-22 15:08:20
原创 基於Html5的愛情主題網站–表白神器
介紹一個基於基於Html5的愛情主題，文字採用打字機效果，逐字打印，並帶有鍵盤敲擊聲音。在chrome,safari,firefox,IE10下都有效，chrome下效果最佳。要注意的是safari下不支持audio標籤屬性沒有聲音效果（暫
2019-02-22 15:08:17
原创 純CSS3帶動畫效果導航菜單
隨着互聯網的發展，網頁能表現的東西越來越多。由最開始單純的文字和鏈接構成的網頁，到後來的表格佈局，再到div+css模式，現在發展到了html+css3。網頁能表達的東西越來越多，css3興起已經很多年了，不多由於國內網站要求對IE的兼容，
2019-02-22 15:08:17
原创 一些純css3寫的公司logo
隨着對css3瞭解得越深入，越來越發現了css3的強大。css3不但能完成一些基本的特效如圓角陰影等，還能借助動畫技術實現一些複雜的動畫，能替代很多以前js才能完成的工作，css3的作用還不止於此，甚至一些複雜的圖片也能通過css3實現，沒
2019-02-22 15:08:17
原创 純css做的安卓開機動畫
隨着css3的發展，越來越多的負責絢麗的效果可以由純css來完成了。用css3實現的動畫效果絲毫不必js實現的遜色，而且瀏覽器對css渲染的速度遠比js快，大多數時候css的體積也不js小。其中css3中的動畫效果可以實現流暢而強大的動畫效
2019-02-22 15:08:17
原创 用canvas實現圖片濾鏡效果
1.灰度效果圖片過濾效果之灰度效果算法及原理：.299 * r + .587 * g + .114 * b;2.油畫效果算法及原理：用當前點四周一定範圍內任意一點的顏色來替代當前點顏色，最常用的是隨機的採用相鄰點進行替代。3.連環畫效果圖片
2019-02-22 15:08:16
2
原创 用canvas實現圖片濾鏡效果詳解之視頻效果
這是一個很有意思的特效，模擬攝像機拍攝電視屏幕畫面時出現點狀顆粒的效果。顆粒的大小通過變換矩陣實現，可以任意調節，有興趣研究的朋友可以嘗試更多的效果，代碼沒有經過優化，只是一個粗糙的Demo，大家可以自行改進。1.獲取圖像數據123456i
2018-09-12 05:56:20
原创 通過javascript把圖片轉化爲字符畫
1.獲取上傳圖片對象數據Javascript無法直接獲取本地上傳的圖片的數據，html5可以解決這一問題 。html5裏面的FileReader interface可以把圖片對象的數據讀到內存，然後通過接口的進度事件（Progress Ev
2018-09-12 05:56:20
2