@polygonjs/polygonjs
Version:
node-based WebGL 3D engine https://polygonjs.com
194 lines (176 loc) • 6.23 kB
text/typescript
// /**
// * Imports a mapbox tile.
// *
// * @remarks
// * Note that this node requires a mapbox account.
// */
// import {
// DataTexture,
// LinearFilter,
// RGBAFormat,
// // UnsignedByteType,
// // UnsignedIntType,
// FloatType,
// } from 'three';
// import {TypedCopNode} from './_Base';
// import {CoreMapboxUtils} from '../../../core/thirdParty/Mapbox/Utils';
// import {CoreImage} from '../../../core/Image';
// import {Poly} from '../../Poly';
// import {NodeParamsConfig, ParamConfig} from '../utils/params/ParamsConfig';
// import {MAPBOX_TOKEN_MISSING_ERROR_MESSAGE} from '../../poly/thirdParty/Mapbox';
// import {isBooleanTrue} from '../../../core/Type';
// import {TypeAssert} from '../../poly/Assert';
// export enum TileType {
// ELEVATION = 'elevation',
// SATELLITE = 'satellite',
// }
// const TILE_TYPES = [TileType.ELEVATION, TileType.SATELLITE];
// // export enum TileRes {
// // LOW = 256,
// // HIGH = 512,
// // }
// const ROOT_URL = 'https://api.mapbox.com/v4';
// class MapboxTileCopParamsConfig extends NodeParamsConfig {
// /** @param type of tile (elevation or satellite) */
// type = ParamConfig.INTEGER(TILE_TYPES.indexOf(TileType.SATELLITE), {
// menu: {
// entries: TILE_TYPES.map((m) => ({
// name: m,
// value: TILE_TYPES.indexOf(m),
// })),
// },
// });
// /** @param longitude */
// longitude = ParamConfig.FLOAT(0, {
// range: [-360, 360],
// });
// /** @param latitude */
// latitude = ParamConfig.FLOAT(0, {
// range: [-180, 180],
// });
// /** @param zoom value */
// zoom = ParamConfig.INTEGER(12, {
// range: [1, 24],
// rangeLocked: [true, true],
// });
// /** @param highres */
// highres = ParamConfig.BOOLEAN(1);
// }
// const ParamsConfig = new MapboxTileCopParamsConfig();
// export class MapboxTileCopNode extends TypedCopNode<MapboxTileCopParamsConfig> {
// override paramsConfig = ParamsConfig;
// static override type() {
// return 'mapboxTile';
// }
// override async cook() {
// const token = await Poly.thirdParty.mapbox().token();
// if (!token) {
// this.states.error.set(MAPBOX_TOKEN_MISSING_ERROR_MESSAGE);
// return;
// }
// const texture = await this._createAndFillTexture(token);
// if (texture) {
// // not sure why .needsUpdate is required
// // since the textures are new on every cook,
// // but it is!
// texture.needsUpdate = true;
// this.setTexture(texture);
// }
// }
// private async _createAndFillTexture(token: string) {
// const type = TILE_TYPES[this.pv.type];
// switch (type) {
// case TileType.ELEVATION: {
// return await this._cookForElevation(token);
// }
// case TileType.SATELLITE: {
// return await this._cookForSatellite(token);
// return;
// }
// }
// TypeAssert.unreachable(type);
// }
// private async _cookForElevation(token: string) {
// const url = await this._url('mapbox.terrain-rgb', token);
// const image_data_rgba = await CoreImage.data_from_url(url);
// if (!image_data_rgba) {
// this.states.error.set('invalid image');
// return;
// }
// const data_rgba = image_data_rgba.data;
// const bufferSize = 4 * image_data_rgba.width * image_data_rgba.height;
// const texture = this._createTexture(TileType.ELEVATION, image_data_rgba.width, image_data_rgba.height);
// const dest_data = texture.image.data;
// let elevation: number, R: number, G: number, B: number;
// for (let i = 0; i < bufferSize; i += 4) {
// R = data_rgba[i + 0];
// G = data_rgba[i + 1];
// B = data_rgba[i + 2];
// elevation = /*-10000 +*/ ((R * 256 * 256 + G * 256 + B) * 0.1) / (256 * 256);
// dest_data[i + 0] = elevation;
// dest_data[i + 1] = elevation;
// dest_data[i + 2] = elevation;
// }
// // }
// return texture;
// }
// private async _cookForSatellite(token: string) {
// const url = await this._url('mapbox.satellite', token);
// const image_data_rgba = await CoreImage.data_from_url(url);
// if (!image_data_rgba) {
// this.states.error.set('invalid image');
// return;
// }
// const w = image_data_rgba.width;
// const h = image_data_rgba.height;
// const texture = this._createTexture(TileType.SATELLITE, w, h);
// const data_rgba = image_data_rgba.data;
// const bufferSize = 4 * w * h;
// const dest_data = texture.image.data;
// for (let i = 0; i < bufferSize; i += 4) {
// dest_data[i + 0] = data_rgba[i + 0];
// dest_data[i + 1] = data_rgba[i + 1];
// dest_data[i + 2] = data_rgba[i + 2];
// }
// return texture;
// }
// private async _url(endpoint: string, token: string) {
// const tileNumber = CoreMapboxUtils.lnglatToTileNumber(this.pv.latitude, this.pv.longitude, this.pv.zoom);
// const x = tileNumber.x;
// const y = tileNumber.y;
// const z = this.pv.zoom;
// const res = isBooleanTrue(this.pv.highres) ? '@2x' : '';
// return `${ROOT_URL}/${endpoint}/${z}/${x}/${y}${res}.pngraw?access_token=${token}`;
// }
// private _createTexture(type: TileType, width: number, height: number) {
// const texture = this._createTextureForType(type, width, height);
// texture.minFilter = LinearFilter;
// texture.magFilter = LinearFilter;
// texture.flipY = true; // necessary otherwise the texture is misplaced
// return texture;
// }
// private _createTextureForType(type: TileType, width: number, height: number) {
// switch (type) {
// case TileType.ELEVATION: {
// return this._createTextureElevation(width, height);
// }
// case TileType.SATELLITE: {
// return this._createTextureSatellite(width, height);
// }
// }
// TypeAssert.unreachable(type);
// }
// private _createTextureSatellite(width: number, height: number) {
// const texture = new DataTexture(new Uint8Array(4 * width * height), width, height);
// texture.image.data.fill(255);
// return texture;
// }
// private _createTextureElevation(width: number, height: number) {
// const texture = new DataTexture(new Float32Array(4 * width * height), width, height, RGBAFormat, FloatType);
// texture.image.data.fill(1);
// return texture;
// }
// // private _convert_color(R:number,G:number,B:number,a:number){
// // return [R/255, G/255, B/255]
// // }
// }