多倍圖的適配在前端開發還是比較常見的,像在 Retina 屏幕,一般會使用二倍圖從而讓圖片保持清晰,而在開發幀動畫中使用的圖片實際上同樣需要做這樣的適配處理。gka 提供一鍵式的制作多倍圖幀動畫的方式。
gka 是一款簡單的、高效的幀動畫生成工具,圖片處理工具。
官方文檔:https://gka.js.org
Github:https://github.com/gkajs/gka
多倍圖的適配在前端開發還是比較常見的,像在 Retina 屏幕,一般會使用二倍圖從而讓圖片保持清晰,而在開發幀動畫中使用的圖片實際上同樣需要做這樣的適配處理。gka 提供一鍵式的制作多倍圖幀動畫的方式。
gka 是一款簡單的、高效的幀動畫生成工具,圖片處理工具。
官方文檔:https://gka.js.org
Github:https://github.com/gkajs/gka
最近幾個月一直有些事情沒有想通,但可幸的是,有些問題的答案逐漸開始明朗起來了。好久沒寫文章,籍此獻上一篇短文。
當初準備畢業的時候,其實并沒有想過要當前端工程師,畢竟當時基本都是全棧(PHP + jQuery)。但由于并不是科班出身(大學讀 Business),自信心不足,以及機緣巧合,就成為了一名前端工程師。
選擇這份職業,其實也領略到它所擁有的魅力,更快捷的開發方式,更緊貼時代的發展,跨端的兼容等等,可以算是享受了前端這幾年飛速發展的紅利。但工作三年之后,也逐漸發現只是圍繞前端來發展,有很大的局限性。
大約是有那么兩件事觸動到我吧。
在現在表情包橫行的年代,相信大家對表情動圖已經不陌生了,這些動圖通常就是我們使用的 gif 圖(比如下圖)。所謂動圖就是會動的圖片,而其會動的原理跟動畫、影視劇一樣,通過連續播放圖片讓我們從視覺感官上認為圖片會動。那么 gif 圖片又是如何將動圖中的每一幀存儲下來的呢,這下就需要我們動起刀子,解剖一下 gif 圖。
gif 圖本身無需過多介紹,相信這個星球上的人類基本上沒有沒接觸過的吧。但是從專業的角度上來介紹的話,gif 圖是一種基于 LZW 算法的 8 位連續色調的無損壓縮格式,某種程度上來說和 png 圖的格式有點相似(索引、無損壓縮等)。其中 LZW 算法上一種壓縮算法,需要注意的是 gif 使用的 LZW 算法并不是原本的 LZW 算法,而是經過稍微改造后的 LZW 算法。
近期在弄富文本編輯器相關的內容,其中項目中使用了 Quill Editor(后面簡稱 Quill)。Quill 自稱是一個現代化強大的富文本編輯器,它與其它富文本編輯器(例如 UEditor)不同的地方在于,過去的編輯器操作的數據和展現給用戶的視圖層是同一份 HTML/DOM,HTML 是樹狀結構,顯然樹狀結構不如線性結構好處理,而 Quill 內部就是通過使用線性結構的方式使操作富文本編輯器變得簡單,而且數據層和視圖層是分離的,這讓 Quill 對現在很流行的 React、Vue 或者 Angular 都能很好的支持。下面我簡單介紹下 Quill 的使用:
最近業務比較忙,但是我們追求 3D 世界的腳步不能停下來~某天在路上看到一輛輛飛馳而過的汽車,想到要不要弄一個賽車類的游戲
沒有再用原生,而是使用了 threejs,畢竟大點的 3D 項目,再用原生就是自己給自己找麻煩了……
本文從 0 到 1 講解了這個游戲的開發過程,其中沒有專門的介紹 webgl 和 threejs,沒有基礎的同學可以結合 threejs 文檔一起看,或者先學習一下 webgl 的基礎知識~
游戲地址如下:
CreateJS 是基于 HTML5 開發的一套模塊化的庫和工具,用于快捷地開發基于 HTML5 的游戲、動畫和交互應用。
gka 為 createjs 開發定制模板 gka-tpl-createjs ,僅需一行命令,優化圖片資源,生成雪碧圖及 createjs 動畫文件。關于 gka 更多了解,請點擊 https://github.com/gkajs/gka
每年一度的 AlloyTeam Conf 大會即將于 2017 年 10 月 29 日在深圳盛大舉行!屆時,騰訊明星前端團隊 AlloyTeam 講師會到場,將一年來業界前沿技術,成熟技術實踐,頂尖解決方案,全方位的呈現給所有到場的開發者。
往屆 AC 大會,匯聚了 AlloyTeam 在業內最為知名,最具實力的前端工程師,如圖形動畫界網紅專家當耐特,iPresst 兩位作者 老教授 和 何駿,AlloyImage 作者 dorsywang, 知名技術博主呂小鳴,webpack 中文社區負責人李成熙等等。
主辦方騰訊 AlloyTeam,國內最卓越的前端團隊之一,團隊成員在業內各技術領域,如圖形動畫處理、前端工程化、性能優化等方面都有許多優秀的實踐以及技術貢獻。多年來也推出了許多業內稱道的技術產品,如 iPresst, AlloyTouch, AlloyImage 等等。本次大會,不僅有干貨滿滿的分享,深入的技術交流,也可能會有新的技術產品驚艷發布哦!
錯過了這次大會,你就會與業界最前沿技術知識和最專業技術方案失之交臂。
印記中文的成立主要是為了協助社區更好地翻譯與部署文檔。最近聯合騰訊云一起設計了一套有效提升訪問速度及降低流量消耗成本的方案,即 COS 對象存儲服務 及 CDN 加速方案。本文主要描述方案大體的實現過程,如果你是技術文檔的管理者,苦于沒有優秀的文檔部署方案,可以聯系印記中文 (docschina),我們會提供接入服務。如果你遇到性能問題,我們也可以提供免費的技術咨詢服務
** QQ 群:492361223 **
也可以關注我們的公眾號:
ESLint 是一個應用廣泛的 JavaScript 代碼檢查工具。本文主要介紹由 AlloyTeam 總結的 ESLint 配置,以及應用 ESLint 配置時的一些經驗和工具。
我們依據以下三條原則,研讀了 ESLint 所有的配置項,定制出了心目中「完美」的 ESLint 配置。
英文技術文檔看不懂?看印記中文就夠了!
學習技術的時候,苦于找不到好的中文文檔?現在不用擔心了,印記中文能幫你解決技術文檔的難題!我們專注于做最權威,質量最高的技術文檔翻譯社區。
進入官方網站:www.docschina.org
Copyright © 2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粵ICP備15071938號-2