277 lines
10 KiB
JavaScript
277 lines
10 KiB
JavaScript
/* eslint-disable no-param-reassign */
|
||
/* eslint-disable no-restricted-properties */
|
||
/* eslint-disable no-plusplus */
|
||
import canvasContext from './canvas-context';
|
||
const downloadedTextures = {};
|
||
const downloadingTextures = {};
|
||
const downloadFailedTextures = {};
|
||
let hasCheckSupportedExtensions = false;
|
||
|
||
if (typeof window !== 'undefined' && window.indexedDB) {
|
||
Object.defineProperty(window, 'indexedDB', {
|
||
get() {
|
||
return undefined;
|
||
},
|
||
set() { },
|
||
enumerable: true,
|
||
configurable: true,
|
||
});
|
||
}
|
||
const PotList = [1, 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096];
|
||
const UseDXT5 = '$UseDXT5$';
|
||
const pngPath = GameGlobal.unityNamespace.unityColorSpace && GameGlobal.unityNamespace.unityColorSpace === 'Linear' ? 'lpng' : 'png';
|
||
let isStopDownloadTexture = false;
|
||
const cachedDownloadTask = [];
|
||
wx.stopDownloadTexture = function () {
|
||
isStopDownloadTexture = true;
|
||
};
|
||
wx.starDownloadTexture = function () {
|
||
isStopDownloadTexture = false;
|
||
while (cachedDownloadTask.length > 0) {
|
||
const task = cachedDownloadTask.shift();
|
||
if (task) {
|
||
mod.WXDownloadTexture(task.path, task.width, task.height, task.callback, task.limitType);
|
||
}
|
||
}
|
||
};
|
||
const mod = {
|
||
getSupportedExtensions() {
|
||
if (hasCheckSupportedExtensions) {
|
||
return GameGlobal.TextureCompressedFormat;
|
||
}
|
||
const list = canvas
|
||
.getContext(GameGlobal.managerConfig.contextConfig.contextType === 2 ? 'webgl2' : 'webgl')
|
||
.getSupportedExtensions();
|
||
const noneLimitSupportedTextures = ['']; // 兜底采用png
|
||
GameGlobal.TextureCompressedFormat = '';
|
||
if (list.indexOf('WEBGL_compressed_texture_s3tc') !== -1 && UseDXT5) {
|
||
GameGlobal.TextureCompressedFormat = 'dds';
|
||
}
|
||
if (list.indexOf('WEBGL_compressed_texture_pvrtc') !== -1) {
|
||
GameGlobal.TexturePVRTCSupported = true;
|
||
GameGlobal.TextureCompressedFormat = 'pvr';
|
||
}
|
||
if (list.indexOf('WEBGL_compressed_texture_etc') !== -1) {
|
||
GameGlobal.TextureEtc2Supported = true;
|
||
noneLimitSupportedTextures.push('etc2');
|
||
GameGlobal.TextureCompressedFormat = 'etc2';
|
||
}
|
||
if (list.indexOf('WEBGL_compressed_texture_astc') !== -1) {
|
||
noneLimitSupportedTextures.push('astc');
|
||
GameGlobal.TextureCompressedFormat = 'astc';
|
||
}
|
||
hasCheckSupportedExtensions = true;
|
||
GameGlobal.NoneLimitSupportedTexture = noneLimitSupportedTextures.pop();
|
||
return GameGlobal.TextureCompressedFormat;
|
||
},
|
||
getRemoteImageFile(path, width, height, limitType) {
|
||
let textureFormat = GameGlobal.TextureCompressedFormat;
|
||
if (textureFormat && limitType) {
|
||
textureFormat = GameGlobal.NoneLimitSupportedTexture;
|
||
}
|
||
if (!textureFormat
|
||
|| (textureFormat === 'pvr' && (width !== height || PotList.indexOf(width) === -1))
|
||
|| (textureFormat === 'dds' && (width % 4 !== 0 || height % 4 !== 0))) {
|
||
mod.downloadFile(path, width, height);
|
||
}
|
||
else {
|
||
mod.requestFile(path, width, height, textureFormat, limitType);
|
||
}
|
||
},
|
||
reTryRemoteImageFile(path, width, height, limitType = false) {
|
||
const cid = path;
|
||
if (!downloadFailedTextures[cid]) {
|
||
downloadFailedTextures[cid] = {
|
||
count: 0,
|
||
path,
|
||
width,
|
||
height,
|
||
limitType,
|
||
};
|
||
}
|
||
if (downloadFailedTextures[cid].count > 4) {
|
||
return;
|
||
}
|
||
setTimeout(() => {
|
||
mod.getRemoteImageFile(path, width, height, limitType);
|
||
}, Math.pow(2, downloadFailedTextures[cid].count) * 250);
|
||
downloadFailedTextures[cid].count++;
|
||
},
|
||
requestFile(path, width, height, format, limitType) {
|
||
const cid = path;
|
||
const url = `${GameGlobal.manager.assetPath.replace(/\/$/, '')}/Textures/${format}/${width}/${path}.txt`;
|
||
const xmlhttp = new GameGlobal.unityNamespace.UnityLoader.UnityCache.XMLHttpRequest();
|
||
xmlhttp.responseType = 'arraybuffer';
|
||
xmlhttp.open('GET', url, true);
|
||
xmlhttp.onload = function () {
|
||
const res = xmlhttp;
|
||
if (res.status === 200) {
|
||
downloadedTextures[cid] = {
|
||
data: res.response,
|
||
tmpFile: '',
|
||
};
|
||
downloadingTextures[cid].forEach(v => v());
|
||
delete downloadingTextures[cid];
|
||
delete downloadFailedTextures[cid];
|
||
delete downloadedTextures[cid].data;
|
||
}
|
||
else {
|
||
// err("压缩纹理下载失败！url:"+url);
|
||
mod.reTryRemoteImageFile(path, width, height, limitType);
|
||
}
|
||
};
|
||
xmlhttp.onerror = function () {
|
||
// err("压缩纹理下载失败！url:"+url);
|
||
mod.reTryRemoteImageFile(path, width, height, limitType);
|
||
};
|
||
xmlhttp.setRequestHeader('wechatminigame-skipclean', '1');
|
||
xmlhttp.send(null);
|
||
},
|
||
callbackPngFile(path, cid) {
|
||
const image = wx.createImage();
|
||
image.crossOrigin = '';
|
||
image.src = path;
|
||
image.onload = function () {
|
||
downloadedTextures[cid] = {
|
||
data: image,
|
||
tmpFile: '',
|
||
};
|
||
downloadingTextures[cid].forEach(v => v());
|
||
delete downloadingTextures[cid];
|
||
delete downloadFailedTextures[cid];
|
||
delete downloadedTextures[cid];
|
||
};
|
||
},
|
||
downloadFile(path, width, height) {
|
||
const url = `${GameGlobal.manager.assetPath.replace(/\/$/, '')}/Textures/${pngPath}/${width}/${path}.png`;
|
||
const cid = path;
|
||
const cache = GameGlobal.manager.getCachePath(url);
|
||
if (cache) {
|
||
mod.callbackPngFile(cache, cid);
|
||
}
|
||
else {
|
||
if (GameGlobal.unityNamespace.needCacheTextures) {
|
||
const xmlhttp = new GameGlobal.unityNamespace.UnityLoader.UnityCache.XMLHttpRequest();
|
||
xmlhttp.responseType = 'arraybuffer';
|
||
xmlhttp.open('GET', url, true);
|
||
xmlhttp.onsave = function (path) {
|
||
mod.callbackPngFile(path, cid);
|
||
};
|
||
xmlhttp.onerror = function () {
|
||
mod.reTryRemoteImageFile(path, width, height);
|
||
};
|
||
xmlhttp.setRequestHeader('wechatminigame-skipclean', '1');
|
||
xmlhttp.send(null);
|
||
}
|
||
else {
|
||
const image = wx.createImage();
|
||
image.crossOrigin = '';
|
||
image.src = url;
|
||
image.onload = function () {
|
||
downloadedTextures[cid] = {
|
||
data: image,
|
||
tmpFile: '',
|
||
};
|
||
downloadingTextures[cid].forEach(v => v());
|
||
delete downloadingTextures[cid];
|
||
delete downloadFailedTextures[cid];
|
||
delete downloadedTextures[cid];
|
||
};
|
||
image.onerror = function () {
|
||
mod.reTryRemoteImageFile(path, width, height);
|
||
};
|
||
}
|
||
}
|
||
},
|
||
WXDownloadTexture(path, width, height, callback, limitType = false) {
|
||
const width4m = width % 4;
|
||
if (width4m !== 0) {
|
||
width += 4 - width4m;
|
||
}
|
||
if (!hasCheckSupportedExtensions) {
|
||
mod.getSupportedExtensions();
|
||
}
|
||
const cid = path;
|
||
if (!cid) { // 可能由于瘦身资源发起的下载此处将直接忽略
|
||
return;
|
||
}
|
||
/*
|
||
if(downloadedTextures[cid]){
|
||
if(downloadedTextures[cid].data){
|
||
callback();
|
||
}else{
|
||
mod.readFile(id,type,callback,width,height);
|
||
}
|
||
}else */
|
||
if (isStopDownloadTexture) {
|
||
cachedDownloadTask.push({
|
||
path,
|
||
width,
|
||
height,
|
||
callback,
|
||
limitType,
|
||
});
|
||
return;
|
||
}
|
||
if (downloadingTextures[cid]) {
|
||
downloadingTextures[cid].push(callback);
|
||
}
|
||
else {
|
||
downloadingTextures[cid] = [callback];
|
||
mod.getRemoteImageFile(path, width, height, limitType);
|
||
}
|
||
},
|
||
};
|
||
GameGlobal.DownloadedTextures = downloadedTextures;
|
||
GameGlobal.TextureCompressedFormat = ''; // 支持的压缩格式
|
||
GameGlobal.ParalleLDownloadTexture = function (filename) {
|
||
filename = filename.replace(GameGlobal.managerConfig.DATA_CDN, '').replace(/^\//, '');
|
||
filename = `/${filename}`;
|
||
if (GameGlobal.TEXTURE_BUNDLES[filename]) {
|
||
GameGlobal.TEXTURE_BUNDLES[filename].forEach((v) => {
|
||
const f = GameGlobal.TextureCompressedFormat;
|
||
if (!f) {
|
||
const p = `${GameGlobal.manager.assetPath}/Textures/png/${v.w}/${v.p}.png`;
|
||
const image = wx.createImage();
|
||
image.crossOrigin = '';
|
||
image.src = p;
|
||
}
|
||
else if (f !== 'pvr') {
|
||
const http = new GameGlobal.unityNamespace.UnityLoader.UnityCache.XMLHttpRequest();
|
||
const p = `${GameGlobal.manager.assetPath}/Textures/${f}/${v.w}/${v.p}.txt`;
|
||
http.open('GET', p, true);
|
||
http.responseType = 'arraybuffer';
|
||
http.setRequestHeader('wechatminigame-skipclean', '1');
|
||
http.send();
|
||
}
|
||
});
|
||
}
|
||
};
|
||
export default {
|
||
WXDownloadTexture: mod.WXDownloadTexture,
|
||
};
|
||
canvasContext.addCreatedListener(() => {
|
||
if (GameGlobal.USED_TEXTURE_COMPRESSION) {
|
||
mod.getSupportedExtensions();
|
||
if (GameGlobal.TextureCompressedFormat === '' || GameGlobal.TextureCompressedFormat === 'pvr') {
|
||
const { platform } = wx.getDeviceInfo();
|
||
if (platform === 'ios') {
|
||
wx.showModal({
|
||
title: '提示',
|
||
content: '当前操作系统版本过低，建议您升级至最新版本。',
|
||
});
|
||
}
|
||
}
|
||
}
|
||
wx.onNetworkStatusChange((res) => {
|
||
if (res.isConnected) {
|
||
Object.keys(downloadFailedTextures).forEach((key) => {
|
||
const v = downloadFailedTextures[key];
|
||
if (v.count > 4) {
|
||
mod.getRemoteImageFile(v.path, v.width, v.height, v.limitType);
|
||
}
|
||
});
|
||
}
|
||
});
|
||
});
|