一笔一画：让照片在浏览器里变成手绘动画
上传图片，看轮廓、排线与阴影逐笔成形。支持石墨和彩色铅笔、进度回放，以及 PNG 和纯矢量 SVG 导出。
3 分鐘
javascript
20 篇文章
把一张照片逐层画出来：可上传图片的古典油画动画
最近做了一个小小的浏览器绘画实验：上传一张照片，程序便会模仿古典绘画的工作顺序，让画面从空白底色中一层层显现出来。 它并不是真的懂得怎样画画，也不是生成一张新的 AI 图片，而是把原图处理成六个视觉阶段，再用许多带方向和透明度的笔触逐步揭开。这样看起来，就像有人正拿着画笔在画布上工作。 在
2 分鐘
學習的原則以及入微
持續多日的練眼，有了一定的進步，目前已經能看到字號8。 字號8即使正常視力者也看得比較費力，現在隻要凝神一看，便能浮現出清晰的小字，並不是代表已經可以扔掉眼鏡了，因為這種狀態應是神識的作用，而非眼的物理結構發生變化。 躺在床上看天花板的視力表，凝神看之，可以看到第五行，正常看，也已從
2 分鐘
練耳力以及爐火關
前幾日整了練眼力程序。今天再介紹一個練耳力的鏈接。 為何要常練眼耳，因眼耳口乃是外三寶。 《周易參同契》有雲：耳目口三寶，閉塞勿發揚。《黃帝陰符經》：性有巧拙，可以伏藏，九竅之邪，在乎三要，可以動靜。元朝王道淵注解：“凡遇邪攻九竅，便當運三要以複之。夫惟三要，有內三要，有外三要。內之
5 分鐘
兒子的售後服務-練眼力2.1、《童趣》以及假知關
兒子完成生成隨機大寫字符後，我覺得功能還不錯，10紐幣的報酬低了一點，故此又提出一個簡單的job offer。 要求可以選擇小寫字母、數字、特殊字符組合生成一個隨機字符串，開價20紐幣。 兒子欣然接受，半個小時的工作就完成了，歡喜的拿到報酬。 應用過程中，又覺得不太完善，因為用戶選擇的結
4 分鐘
練眼力2.0以及妝飾關
兒子完成練眼力javascript小程序後，運行了幾天。 感覺有一個比較大的缺點，就是如果知道是什麼文字了，意識會幹擾自己的眼力觀察，從而得不到客觀的數據。 基於此，我又提出20紐幣的job offer給12歲的兒子，要求隨機產生數個字母，如此可較準確的得到練眼力的進度。 他磨了兩天完成
3 分鐘
兒子實現的練眼javascript小程序以及虛度關
練習了幾天扔掉眼鏡計劃，眼力有了一些進步，以前躺在床上看天花板的視力表，擠眉弄眼也隻能看到第二行，今天擠眉弄眼甚至能看到第五行了。 雖然仍然在近視人員範疇，但羅馬不是一天建成的，如果能持續進步，那就繼續下去。 前幾天通過練眼，想起一個idea，就是通過網站小程序來持續改進，計劃是定製
3 分鐘
兒子首個獨立完成的編程任務-javascript holiday以及任性關
兒子首個獨立完成的編程任務-javascript holiday 這段時間學go語言比較懈怠，好多天沒有學新的。 兒子school holiday期間，給他布置了三個任務，前兩個我給了很大的提示。 第三個基本都是他獨立完成，昨天完成了，樂滋滋的拿了報酬，給他的好朋友買了聖誕節禮物。 因我需要一個簡單 …
4 分鐘
反反廣告插件簡易實現以及詭詐關
反反廣告插件? 是的，標題沒有打錯。 IT man的寫法應該加個括號，反（反廣告插件）。 昨天提到了廣告，多年以前對廣告很感興趣，看過好些部經典的寫廣告書籍，如《影響力》、《百萬美元信》等，前幾個月到美帝一遊，看到路邊的招牌，也感覺是個廣告之國。 廣告對市場經濟高速發展起到了一定的作用。不過
6 分鐘
歐盟cookie法律簡易應對以及患難關
昨天在Hugo w3 simple模板裏用簡單的代碼實現了基於歐盟cookie法律的瀏覽條提示。 這個cookie law已經存在好幾年了，具體解釋google第一條結果就有一個網站cookielaw.org 其網站是英文的，簡單翻譯來說： Cookie Law Cookie法是一項隱私立法，要求網 …
6 分鐘
共享條自適應設計以及冷熱關
之前寫個一個小帖子來介紹怎麼做左側共享條，我設計這個Hugo模板也采用了同樣的設計。 前兩天有一位國際友人在github上open了一個issue，說是需要修改一下這個共享條的自適應。因為我當時很簡單的處理了一下，當屏幕寬度小於1024px時，自動取消固定在左側的屬性，就放在屏幕下
4 分鐘
滑屏進度條實現以及誇揚關
經過一個網站，看到滑屏的時候有個進度條提示，似乎挺有效果。記得w3school曾經講過這個。 稍加修改，做在我這個模板裏麵。 滑屏進度條實現 先設置css .progress-container { display:none; position: fixed; top: 0; z-index: 1; …
3 分鐘