奇舞團出品 spritejs入門

2021-09-11 13:23:40 字數 1060 閱讀 8169

乙個應用可以有多個場景,每個場景可以有多個圖層,每個圖層上可以有多個元素

// 匯出你要用到的物件

const = window.spritejs;

// 初始化場景scene,它不是canvas,只是乙個用來包裹canvas的div元素

this.scene = new scene('#mycanvas', );

// 建立背景圖層layer,這個就是真正意義上的canvas了

this.bglayer = this.scene.layer('bg'); // bg 只是圖層的別名,可以理解為canvas的id

複製**

// 1.建立sprite

const s = new sprite('');

// 2.設定屬性,精靈的屬性等同於css3的樣式,很好理解

s.attr();

// 3.新增到圖層

// 4.建立動畫

s.animate([

, // 先運動到 100,100 位置

// 再縮小到 0.2 0.2

], )

複製**

// 先移動到 100,100

await s.animate([

], ).finished;

// 停頓2s後,縮小到 0.2 0.2

await s.animate([

], ).finished;

複製**

// 預載入

await

this.scenne.preload(

, ,

)// 使用

const s = new sprite('s'); // 這個時候可以使用id來取到

複製**

spritejs算是乙個新秀,它在api方面高度吻合css3,降低了開發者的理解成本。本次分享沒有涉及到事件,畢竟在動畫上也用不到事件。體驗下來,在動畫上看來還不錯,至於能否進行更深入的遊戲開發,期待···

奇舞 安全演算法與數學基礎 筆記

xss cross site script 跨站指令碼攻擊 在頁面中一些可輸入的地方進行注入script 攻擊 做轉碼處理 1 在儲存到資料庫的時候進行轉碼 2 在頁面展示的的時候進行轉碼 比如把 用轉移字元替換掉 在一些情況下必須輸入特殊標籤 進行標籤過濾 1 白名單過濾 比如 p標籤 div 標...

奇舞週刊第 388 期 探索微前端的場景極限

下面先一起看下本期週刊 摘要 吧 探索微前端的場景極限 本文主要介紹總結了一些基於 qiankun 的微前端應用場景與實踐。flexbox 布局中不為人知的細節 那些與 ie 相伴的日子 好久沒有看到 ie 相容的東西了,如今,即便是連微軟公司自己都放棄了更新 ie,但一眾 web 開發者們為了部分...

稱愛奇藝擅播301場廣場舞 久久互動索賠100萬

來自海淀法院訊息,因認為愛奇藝未經許可擅自 其享有資訊網路傳播權的 最親的人 九妹唱情歌 等 301 首廣場舞作品,北京久久互動文化傳媒 將其訴至法院,要求停止侵權 賠程式設計客棧禮道歉,賠償經濟損失及合理支出共計100.3 萬元。原告久久互動公司訴稱,其合法擁有廣場舞蹈家楊藝的 最親的人 九妹唱情...