原创 LayaBox引擎源碼閱讀筆記(五、從圖集加載到紋理的使用理解)

-前言- 在H5遊戲上實現的紋理圖像數據源都是Image對象。我們在正常遊戲開發的時候,是無需關係圖集的打包過程及Laya是如何解析圖集的。只有閒得慌纔會去看吧~ -正文- 圖集打包過程 Laya是按照文件夾進行圖集打包的,每次我們在發佈

原创 使用Laya開發微信小遊戲時無法使用位圖字體解決方案

-前言- 依照Laya官方提供的位圖字體使用方案時,在本地是可以正常使用的。當發佈到微信小遊戲上就沒法使用。經過查找是缺少解析xml的庫。 -正文- 方案1:引入xml解析庫 缺少什麼我們就引入什麼,我們引入官方提供的js庫 //

原创 LayaBox引擎源碼閱讀筆記(二、從入口函數開始學習)

上篇博客已經把Laya整個框架梳理了一遍,本編博客我們就開始從Laya的入口學起。   如果我們需要跑起來我們的工程,首先需要將工程編譯,Laya默認採用的是Gulp進行編譯,配置文件寫在了gulpfile.js 如果有同學對於Gulp感

原创 Unity開發UGUI模塊開發經驗之ScrollView的使用及優化

-前言- 已經好久沒有寫博客了。最近開始了Unity的開發工作,一開始都是做做UI寫寫邏輯,目前主要任務就是摸透Unity UI的模塊開發。本章就來了解下最近用得筆記多的ScrollView功能。 在Unity中ScrollView功能是

原创 Unity座標轉換UI與屏幕座標之間的轉換

-前言- 在我們的日常開發中經常會遇到各種座標的轉換,其中可以大致分爲兩類。 1.將3D世界座標轉換到UI座標中 2.UI座標之間的轉換 這一切的座標都轉換都是通過RectTransform、Camera及Unity座標轉換工具類Rect

原创 使用VsCode開發Lua插件推薦(Lua)

在我看來能夠跳轉的Lua插件就是好插件,今天推薦的一款插件就是這麼一款。 通過Vscode插件搜索Lua (Lua Language Server coded by Lua),支持跳轉定義、查詢引用、代碼檢查、高亮等。 下載好後即可使用

原创 Windows指定Python版本啓動Python腳本

1.通過環境變量設置默認Python版本 這種方式適用於在程序中啓用進程方式調用Python腳本,程序會調用默認Python版本。 設置方式:控制面板->系統和安全->系統->高級系統設置->環境變量 如果同時存在Python3及Pyth

原创 Gulp在Mac與Windows上使用的區別

-前言- 在寫自己的個人網站用到了Gulp,因爲會切換Windows與Mac操作系統,發現了其中的一些坑,就此分享也做一下記錄。 -正文- 原文鏈接: Gulp在Mac與Windows上使用的區別. 目前我自己使用的是Gulp4。

原创 LayaBox2D使用自定義Shader的方法

-前言- 之前也寫過一篇關於Laya2D自定義Shader的博客。不過那篇博客侷限性太大,是完全獨立於Laya框架下獨自更新的。不能通過Laya的添加層級關係,設置座標等。所以這次Shader方案是基於Laya的運行框架下的。 -

原创 擴展Laya查找未被使用的資源,一鍵刪除項目中未引用資源功能(功能開發)

-前言- 不知道你知不知道Laya有一個查找未被使用的資源功能,在UI編輯器狀態下按F4彈出,不過這個功能實在雞肋,只能查找在page中引用過的資源,但是我們正常開發下很多資源是在代碼中,或者配置到配置檔中的,所以需要根據自己的需求更改。

原创 理解Base64編碼及實現編解碼Base64

-前言- 上前幾篇博客做圖集分解的時候Image對象生成的時候,不是使用的直接用二進制數據生成的圖像數據,而是使用的轉化後的base64數據來生成的。本片博客就讓我們來了解下Base64及寫一個編解碼器。 -正文- base64編碼格式是

原创 JavaScript原生實現圖集分解並下載功能教程(二、實現圖集切割及下載)

-前言- 上篇我們把文件上傳的Html文件寫好了,也把基本的讀取圖片數據寫完了,本篇就具體如何實現分解來詳解。 完整項目地址:https://github.com/dengxuhui/ImagePackerWeb 如果想直接使用該功能的同

原创 JavaScript原生實現圖集分解並下載功能教程(一、UI文件及文件上傳)

-前言- 最近一直在着手研究3D方面的知識,正在研究real-time rendering這本書,書確實挺厚的還是全英文,可能3D渲染方面的博文要拖一拖了。不過在圖形渲染分支上,關於之前Laya的圖集方面代碼看了很多遍,我還是覺得自己能實

原创 JavaScript原生實現圖集分解並下載功能教程(三、使用JSZip壓縮並下載分解好的碎圖)

-前言- 上一章我們使用了<a>標籤的純原生方法下載分解好的圖集,雖然功能能夠實現,不過下載下來的碎圖不能在一個文件夾下,很蛋疼,因此本篇博客我們使用先壓縮成zip的方式再下載下來。 如果沒看過前兩篇博客的同學也可以移步看看這個功能的具體

原创 LayaBox2.0使用自定義Shader(WebGL)踩坑系列

-前言- 因爲工作需要,要在遊戲中自定義Shader,去翻論壇的時候發現2.0已經沒有官方支持自定義Shader了。 只好研究研究自定義Shader如何實現。這個方法會涉及修改laya.core.js中源代碼。如果對Laya2D渲染感興趣