原创 3D遊戲數學基礎中的計算原理及幾何意義(一、矩陣)

-前言- 在3D開發中,矩陣的運算是極爲頻繁的,幾乎任何關於3D場景中的對象運算都會用到矩陣的知識。 -正文- 在我們日常遊戲開發中使用到的矩陣多爲方針(行數等於列數),通常爲2x2、3x3、4x4的方陣。 下面列舉一個一般的3x3方陣:

原创 JavaScript讀取指定目錄下所有文件路徑並輸入(代碼片段)

const fs = require("fs"); const path = require("path"); /** * 讀取指定路徑下的所有文件路徑並賦值到out中 * @param {string} parentPat

原创 JavaScript通過百度OCR實現圖像文字識別及常見錯誤解釋

-前言- 在日常工作難免會遇到將美術圖中的文字提取標識出來,接下來我們就講一講OCR及通過百度OCR識別我們自己的美術圖中的資源。 -正文- OCR是圖像文字識別技術,應用場景非常的廣,百度OCR技術說是基於人工智能的OCR,普通場景識別

原创 Node開發及Gulp使用

-前言- Node是一個基於Chrome V8引擎的JavaScript代碼運行環境,讓我們脫離瀏覽器也可以運行我們js代碼。 我們都知道JavaScript是由ECMAScript、DOM、BOM組成,Node.js則由ECMAScri

原创 3D遊戲數學基礎中的計算原理及幾何意義(一、向量)

-前言- 在進一步瀏覽Laya3D源代碼之前,讓我們先補一補關於3D遊戲開發的數學基礎知識,並去了解爲什麼要這麼去運算,這樣更加友好的讓我們去解讀引擎的源代碼實現。 -正文- 向量點乘 現在已知兩個向量分別是、,向量的結果是一個標量等於a

原创 探究Laya關於TypeScript多個版本的編譯問題

-前言- 隨着Laya版本迭代,現在已經到了2.x,每個版本除了修復固定的bug,也增加了很多特性。我們單獨看看Laya對於項目工程的編譯也不斷進行的演變。接下來就從1.x到2.x看看Laya對於編譯的變化。 -正文- 1.x編譯方式 L

原创 LayaBox引擎3D源碼閱讀(二、關於Camera渲染的研究)

-前言- 攝像機在3D引擎充當着眼睛的作用,能看到什麼不能看到什麼,都是Camera中的屬性所決定。因此我打算首先研究Camera中的一部分代碼,以此來研究Laya在3D渲染方面的知識。 本文只去瞭解Camera在幀渲染過程中做了什麼,具

原创 LayaBox引擎3D源碼閱讀(一、從繼承鏈開始學習)

-前言- 習慣2D開發的同學,在轉到3D遊戲開發的時候,始終會有所不適,首先最難讓人不習慣的就是,空間的轉換沒辦法那麼快的就轉換過來。另一個始終是分不清紋理,材質,網格,貼圖這些名詞之間到底什麼關係。 -正文- 不管3D遊戲還是2D遊戲,

原创 LayaAir設置代碼窗口新建不覆蓋當前頁籤

首先找到文件——>首選項——>用戶設置 在默認設置裏面找到下面設置: "workbench.editor.enablePreview": true //修改爲 "workbench.editor.enablePreview": fals

原创 LayaBox引擎源碼閱讀筆記(四、文本渲染原理相關)

-前言- 在此之前不是很清楚一般H5引擎是如何實現文本渲染的,正好LayaBox源碼就放在那裏,不如一起來研究研究是如何實現的。 -正文- 首先文本有兩種設置內容的方式,第一種是調用changeText,第二種是直接賦值text屬性。他們

原创 H5遊戲框架設計

-前言- **以下內容均是個人的一些小想法** -正文- 當我們寫出了一套自己的遊戲框架之後,我們就能在以後每次開發新項目的時候,快速複用以往的經驗積累。一個框架的好處就是複用性,在開發一個新項目的時候,能快速專注於新遊戲的業務邏輯。我們

原创 談談小遊戲加載優化及資源分配

-前言- 小遊戲之所以稱爲小遊戲,首先它的資源量就被限制在一個很小的區間,在微信及QQ小遊戲上包大小有4M要求,即使使用分包也只能擴展到8M的大小,這與我們一般的APP遊戲的資源兩級是不能比的。不過隨着小遊戲的發展,我們可以將資源放到CD

原创 針對小遊戲中PNG、JPG壓縮工具優化(nodejs)

-前言- 博主目前還是主力使用Laya進行遊戲開發,隨着項目擴大,資源量增加,發佈愈發的緩慢。究其根本還是問題出在了圖片壓縮問題上,實在受不了準備將壓縮流程剝離出來,在自己想壓縮的時候再執行命令壓縮也不遲。 -正文- 首先來說一說爲什麼圖

原创 LayaBox2.4配置VsCode編譯及運行環境

-前言- Laya2.4取消了內置VsCode編輯器,現在代碼編輯需要在單獨的代碼編輯器裏面寫,推薦使用VsCode。發現不少同學無法運行啓動調試了。這篇博客就是講述如何配置編譯及調試環境。 -正文- 添加VsCode啓動文件 以前啓動文

原创 LayaBox2.2.0beta4版本TS項目無法斷點問題

-前言- 今天把LayaBox升級到了2.2.0beta4,發現新建TS項目無法斷點了,老項目仍然可以斷點。這就讓人很頭疼。不過這個現象也比較好定位。應該是項目的設置的問題。 -正文- 看了項目配置發現,新版本Laya轉出JS升級到了es