微信小遊戲基礎(二)
好處:可以提高程式碼的複用性
使用關鍵字extends,extends的意思是擴充套件
class People{
constructor(name){
this.name = name;
}
eat(){
console.log("我能吃");
}
run(){
console.log("我能跑");
}
}
class Son extends People(){
}
var son = new Son("張三");
son.eat();
子類繼承了父類的屬性和方法,但由於沒有部署程式碼,所以這兩個類完全一樣
注:子類必須在構造方法中呼叫supper方法,否則建立物件會報錯。這是由於子類沒有自己的this物件,而是繼承父類的this物件,然後對其進行加工,如果不呼叫supper,子類就達不到this物件,如果子類沒有構造方法,這個方法會被預設新增
相關推薦
微信小遊戲基礎(二)
好處:可以提高程式碼的複用性 使用關鍵字extends,extends的意思是擴充套件 class People{ constructor(name){ this.name = name; } eat(){ console.log("我能吃"); } run
【微信小遊戲】(一)小遊戲開發調試--關於找不到app.json入口文件
com png info alt 微信開發者 遊戲 進入 http 找不到 經了解發現 小程序必須要有app.json 小遊戲必須的文件只有2個 game.js 小遊戲入口文件 game.json 小遊戲配置文件 所以不是工程文件缺失,解決方案如下: 進入微信開發者工具
微信小遊戲開發(11)-檔案系統
檔案系統 檔案系統是小程式提供的一套以小程式和使用者維度隔離的儲存以及一套響應的管理介面。通過wx.getFilesSystemManager()可以獲取到全域性唯一的檔案管理器,所有檔案管理操作通過FileSystemManager來呼叫。 ··· var fs = wx.getF
微信小遊戲開發(10)-音訊播放
小遊戲內只有一種音訊播放的方式,即使用InnerAudioContext來播放。 使用InnerAudioContext播放 通過wx.createInnerAudioContext()介面可以建立一個音訊例項innerAudioContext,通過這個例項可以播放音訊。 ···
微信小遊戲開發(8)-模組化
模組化 小程式提供了CommonJS風格的模組API,可以通過module.expotrs和exports匯出模組,通過require引入模組。 我們在根目錄下新建資料夾src,再在src中新建資料夾util,在util中新建module.js。 |----src | |---
微信小遊戲開發(6)-Adapter
Adapter 小遊戲的執行環境在IOS上是JavaScriptCore,在Android上是V8,都是沒有BOM和DOM的執行環境,沒有全域性的document和window物件。 但通過呼叫微信官方提供的Adapter後,就可以呼叫BOM和DOM的方法了。 所謂的Adapter是一
微信小遊戲開發(5)-全域性物件和檔案限制類型
一、全域性物件 window物件是瀏覽器環境下的全域性物件。 小遊戲執行環境中沒有BOM API,因此沒有window物件。 但是小遊戲提供了全域性物件GameGlobal,所有全域性定義的變數都是GameGlobal的屬性。 console.log(GameGlobal.set
微信小遊戲開發(4)-動畫和觸控事件
一、動畫 在JavaScript中,一般通過setInterval、setTimeout、requestAnimationFrame來實現動畫效果。 微信小遊戲對這些API提供了支援: setInterval() setTimeout() requestAnimationFr
微信小遊戲開發(3)
一、wx API 我們只能用JavaScript來編寫小遊戲。 小遊戲的執行環境是一個綁定了一些方法的JavaScript VM。不同於瀏覽器,這個執行環境沒有BOM和DOM API,只有wx API。 接下來我們將介紹如何用wx API 來完成建立畫布、繪製圖形、顯示圖片的基礎功能。
微信小遊戲開發(2)
一、檔案結構 在上一節中,我們已經看到了小程式開發的介面。在介面中的中間部分,為檔案結構區域: 可以看到該專案中有: audio資料夾:用來存放音訊檔案; images資料夾:用來存放圖片檔案; js資料夾:用來存放指令碼檔案; .game.js檔案; .game.json
微信小遊戲開發(1)
一、安裝開發工具 前往開發者工具下載頁面,網址:https://developers.weixin.qq.com/minigame/dev/devtools/download.html,根據自己的作業系統下載對應的安裝包進行安裝。 二、建立小遊戲專案 1、開啟微信開發者工具,選擇小程式
微信小遊戲開發(9)- 分包載入
隨著小遊戲的玩法越來越豐富,開發者對於擴大包大小的需求越來越強烈,所以微信推出了小遊戲分包載入這一個功能。 所謂的分包載入,即把遊戲內容按照一定的規則拆分成幾個包,在首次啟動時先下載必要的包,這個必要的包我們稱為【主包】,開發者可以在主包內觸發其他分包的下載,
微信小遊戲學習(一)
新建專案選擇小程式專案,選擇程式碼存放的硬碟路徑,並輸入 AppId。你可以前往 小遊戲註冊 通過註冊小遊戲帳號來獲得 AppId,也可以使用無 AppId 的體驗模式。給你的專案起一個好聽的名字,最後,勾選“建立遊戲快速啟動模板”(注意:你要選擇一個空的目錄才會有這個選項)
微信小程式筆記(二)
整理資料 第三方元件庫 ZanUI這個是老版的,新版的現在是vant-weapp,現在來看這兩個可以互補。 wux-weapp這個沒用過,但是光看效果功能比上面的多。 weui-wxss微信官方的UI庫,瞭解下就行。因為上面三個隨便選一個,基本也就用不到它了
微信小遊戲開發(7)-支援情況和執行環境
一、支援情況 基本上所有基於HTML5的遊戲引擎都是依賴於瀏覽器環境提供的BOM和DOM API,但是小程式是一個不同於瀏覽器的JavaScript執行環境,沒有BOM和DOM API。因此如果要在小遊戲中使用引擎,需要對引擎進行改造。 目前,Cocos,E
微信小遊戲教程(三) 新手教程
開發環境 下面是我的工具截圖,大家一定要下載好對應的版本呀! Eg’ret Launcher版本正確! 引擎版本正確! 微信開發者工具安裝好了! 1、使用Egret Wing建立自己的專案。 2、把剛才專案變成微信小遊戲的專
微信小程式開發(二)圖片上傳+服務端接收
上次介紹了小程式開發中的微信登入。文章: 微信小程式開發(一) 微信登入流程, 這次介紹下小程式當中常用的圖片上傳。 前幾天做了圖片上傳功能,被坑了一下。接下來我們來看一下微信的上傳api。 這裡的filePath就是圖片的儲存路徑,型別居然是個
微信小程式把玩(二十三)modal元件
modal彈出框常用在提示一些資訊比如:退出應用,清楚快取,修改資料提交時一些提示等等。 常用屬性: wxml <!--監聽button點選事件--> <button b
微信小程式把玩(二十七)audio元件
音訊播放已經封裝的很好!只需配合屬性設定即可! (method和data配合使用) 主要屬性: wxml <audio action="{{action}}"
微信小程式把玩(二十八)image元件
image元件也是一個程式不可缺少的,可以這樣說一個app中image元件隨處可以看到,一般 image有兩種載入方式第一種是網路圖片第二種是本地圖片資源,都用src屬性去指定。 重點屬性: