genshin-world 3.7.0

package/dist/style.css

@@ -0,0 +1,215 @@
+
+/* Laid out on the game's 1920 by 1080 unit screen, scaled to fit the window's height or its width, whichever is less, as the game's interface is */
+.startup-loading[data-v-073287fc] {
+  position: absolute;
+  inset: 0;
+  container-type: size;
+  background: #fff;
+}
+
+/* The row is as wide as its marks, so the lit row's clip is a share of the row rather than of the screen */
+.marks[data-v-073287fc] {
+  --unit: min(100cqh / 1080, 100cqw / 1920);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: flex;
+  gap: calc(var(--unit) * 4.875);
+  translate: -50% -50%;
+  /* The marks fade in as the screen starts, and out once loading completes */
+  animation: marks-fade-in-073287fc calc(var(--v454a2798) * 1ms) linear;
+}
+.complete[data-v-073287fc] {
+  opacity: 0;
+  transition: opacity calc(var(--v454a2798) * 1ms) linear;
+}
+@keyframes marks-fade-in-073287fc {
+from {
+    opacity: 0;
+}
+}
+.mark[data-v-073287fc] {
+  width: calc(var(--unit) * 72);
+  height: calc(var(--unit) * 72);
+  fill: #f4f4f4;
+}
+.lit .mark[data-v-073287fc] {
+  fill: #666;
+}
+
+.ornament-divider[data-v-350b6469] {
+  position: relative;
+  height: calc(var(--unit) * 30);
+  fill: #d7d7d7;
+}
+.ornament-divider[data-v-350b6469]::before {
+  position: absolute;
+  top: 50%;
+  right: calc(var(--unit) * 4);
+  left: calc(var(--unit) * 4);
+  height: calc(var(--unit) * 3);
+  background: #d7d7d7;
+  content: "";
+  translate: 0 -50%;
+}
+.end[data-v-350b6469] {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: calc(var(--unit) * 30);
+  height: calc(var(--unit) * 21);
+  translate: 0 -50%;
+}
+.right[data-v-350b6469] {
+  right: 0;
+  left: auto;
+  scale: -1 1;
+}
+.middle[data-v-350b6469] {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: calc(var(--unit) * 45);
+  height: calc(var(--unit) * 30);
+  translate: -50% 0;
+}
+
+/* Laid out on the game's 1920 by 1080 unit screen, scaled to fit the window's height or its width, whichever is less, as the game's interface is. Measured
+   From the English client's notice and held against the Japanese one's at 60 frames: the divider spans the screen's
+   Width less 190 units a side and the text 20 units inside it, so a wider screen sets the notice in fewer lines. The
+   Sizes are the ones that score best against the English client's notice in Signika (heading 58 units, text 40.5), since
+   Its letters are proportioned apart from the game's own face. The text's grey is the Japanese recording's, which the English
+   Picture's text agrees with; the English heading is near black, darker than the Japanese one's */
+.health-notice[data-v-fa0b9dd7] {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  container-type: size;
+  background: #fff;
+  font-family: var(--v6ea45b08);
+}
+.block[data-v-fa0b9dd7] {
+  --unit: min(100cqh / 1080, 100cqw / 1920);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: calc(100cqw - var(--unit) * 380);
+  text-align: center;
+}
+.title[data-v-fa0b9dd7] {
+  margin: 0;
+  color: #1d1d1d;
+  font-size: calc(var(--unit) * 58);
+  font-weight: 600;
+  line-height: calc(var(--unit) * 60);
+}
+.divider[data-v-fa0b9dd7] {
+  align-self: stretch;
+  margin-top: calc(var(--unit) * 14.5);
+}
+.paragraph[data-v-fa0b9dd7] {
+  max-width: calc(100cqw - var(--unit) * 420);
+  margin: calc(var(--unit) * 12.5) 0 0;
+  color: #656565;
+  font-size: calc(var(--unit) * 40.5);
+  font-weight: 600;
+  line-height: calc(var(--unit) * 48.36);
+}
+
+/* A blank line between paragraphs, as the notice sets them */
+.paragraph + .paragraph[data-v-fa0b9dd7] {
+  margin-top: calc(var(--unit) * 48.36);
+}
+
+/* Laid out on the game's 1920 by 1080 unit screen, scaled to fit the window's height or its width, whichever is less, as the game's interface is */
+.publisher-splash[data-v-fde78ea4] {
+  position: absolute;
+  inset: 0;
+  container-type: size;
+  background: #fff;
+}
+.logo[data-v-fde78ea4] {
+  --unit: min(100cqh / 1080, 100cqw / 1920);
+  position: absolute;
+  top: calc(var(--unit) * 465.47);
+  left: calc(50% - var(--unit) * 443.43);
+  width: calc(var(--unit) * 887.7);
+  height: calc(var(--unit) * 155.7);
+}
+.letters[data-v-fde78ea4] {
+  position: absolute;
+  inset: 0;
+  fill: #000;
+}
+.ring-box[data-v-fde78ea4] {
+  position: absolute;
+  top: var(--v04c5d2bf);
+  left: var(--d81e8846);
+  width: var(--v2a78e6a0);
+  height: var(--v53df0f7d);
+}
+
+/* The logo's glow is its ring blurred by 8 of its units at half opacity; a filter on the masked element itself would
+   Blur the colours before the mask cuts them, so it sits on a wrapper */
+.glow[data-v-fde78ea4] {
+  filter: blur(calc(var(--unit) * 6.1));
+  opacity: 0.5;
+}
+.ring[data-v-fde78ea4] {
+  width: 100%;
+  height: 100%;
+  background: conic-gradient(
+    #9cf4ff 0deg,
+    #acfeff 15deg,
+    #c1f6ff 30deg,
+    #9bf6ff 45deg,
+    #d6e3fe 60deg,
+    #fbbbf1 75deg,
+    #f5b3f0 90deg,
+    #b39efb 105deg,
+    #a79fff 120deg,
+    #b0a9ff 135deg,
+    #a7aaff 150deg,
+    #93adff 165deg,
+    #81b0ff 180deg,
+    #7bb1ff 195deg,
+    #7ab1ff 210deg,
+    #7ab1ff 315deg,
+    #7db8ff 330deg,
+    #8bd6ff 345deg,
+    #9cf4ff 360deg
+  );
+  mask: var(--d81dba7c) center / 100% 100% no-repeat;
+}
+
+/* Laid out on the game's 1920 by 1080 unit screen, scaled to fit the window's height or its width, whichever is less, as the game's interface is */
+.title-splash[data-v-f6484a1d] {
+  position: absolute;
+  inset: 0;
+  container-type: size;
+  background: #fff;
+}
+
+/* Its box placed so its ink sits where the English client's does: 590 units wide, 420 down, a hair left of centre,
+   In the flat grey the game draws its title in on the splash */
+.logo[data-v-f6484a1d] {
+  --unit: min(100cqh / 1080, 100cqw / 1920);
+  position: absolute;
+  top: calc(50% - var(--unit) * 129.55);
+  left: calc(50% - var(--unit) * 306.9);
+  width: calc(var(--unit) * 611.4);
+  aspect-ratio: 3840 / 1453;
+  fill: #333;
+}
+
+.splash-sequence[data-v-5365cce4] {
+  position: absolute;
+  inset: 0;
+  background: #fff;
+}
+.stage[data-v-5365cce4] {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+}

package/dist/terrainTileWorker.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/terrainTileWorker.js

@@ -0,0 +1,18 @@
+import { n as getWindriseHeight, t as writeWindriseColor } from "./writeWindriseColor-COtmALzZ.js";
+import { computeTerrainTile } from "genshin-engine";
+//#region src/workers/terrainTile.worker.ts
+self.addEventListener("message", (event) => {
+	const terrainTile = computeTerrainTile({
+		...event.data,
+		getHeight: getWindriseHeight,
+		writeColor: writeWindriseColor
+	});
+	const { coarsePositions, colors, normals, positions } = terrainTile;
+	self.postMessage(terrainTile, { transfer: [
+		coarsePositions.buffer,
+		colors.buffer,
+		normals.buffer,
+		positions.buffer
+	] });
+});
+//#endregion

package/dist/writeWindriseColor-COtmALzZ.js

@@ -0,0 +1,249 @@
+import { createSimplexNoise } from "genshin-engine";
+import { Color, Vector2 } from "three";
+//#region src/services/windrise/constants.ts
+const WINDRISE_TERRAIN_OPTIONS = {
+	cellsPerSide: 32,
+	finestRange: 48,
+	finestTileSize: 16,
+	levelCount: 6,
+	maxHeight: 60,
+	minHeight: -10,
+	morphShare: .3
+};
+const WINDRISE_SEED = 0;
+const KNOLL_HEIGHT = 9;
+const KNOLL_RADIUS = 40;
+const RIM_HEIGHT = 38;
+const RIM_START_RADIUS = 110;
+const RIM_END_RADIUS = 230;
+const DETAIL_HEIGHT = 1.4;
+const DETAIL_SCALE = 45;
+const EAST_OPENING = .85;
+const LAKE_CENTER_X = 300;
+const LAKE_CENTER_Z = 40;
+const LAKE_RADIUS = 150;
+const LAKE_DEPTH = 14;
+const WATER_LEVEL = -3;
+const WATER_SHALLOW_COLOR = 6280136;
+const WATER_DEEP_COLOR = 1925032;
+const WATER_DEEP_DEPTH = 6;
+const WATER_FOAM_DEPTH = .6;
+const WATER_CAUSTIC_STRENGTH = .35;
+const UNDERWATER_FOG_COLOR = 2062982;
+const UNDERWATER_FOG_DENSITY = .08;
+const SUN_DISTANCE = 120;
+const RIM_STRENGTH = .55;
+const GRASS_LIGHT_COLOR = 10408026;
+const GRASS_DARK_COLOR = 6266427;
+const ROCK_COLOR = 10261638;
+const BARK_COLOR = 7031347;
+const LEAF_COLOR = 7319103;
+const STONE_COLOR = 14275265;
+const ROCK_SLOPE = .3;
+const WINDRISE_RAMP_OPTIONS = {
+	resolution: 64,
+	softness: .08,
+	terminator: .52
+};
+const FOG_DENSITY = .0024;
+const FOG_HEIGHT_FALLOFF = .02;
+const FOG_START_DISTANCE = 60;
+const SHADOW_MAX_FAR = 320;
+const GODRAYS_SHADOW_MAP_SIZE = 1024;
+const GODRAYS_HALF_EXTENT = 160;
+const WINDRISE_GRADE_OPTIONS = {
+	contrast: 1.06,
+	highlightTint: [
+		.03,
+		.015,
+		-.015
+	],
+	saturation: 1.12,
+	shadowTint: [
+		-.01,
+		0,
+		.04
+	],
+	size: 32
+};
+const WINDRISE_START_MINUTES = 900;
+const SUN_TILT = .45;
+const CLOUD_COVERAGE = .42;
+const WIND_DIRECTION = new Vector2(.94, .34).normalize();
+const WIND_STRENGTH = .3;
+const WIND_GUST_STRENGTH = .45;
+const WIND_GUST_WIDTH = 30;
+const WIND_GUST_SPEED = 7;
+const GRASS_BLADE_HEIGHT = .5;
+const GRASS_BLADE_WIDTH = .08;
+const NEAR_GRASS_RING = {
+	cellsPerSide: 256,
+	fadeEnd: 38,
+	fadeStart: 28,
+	innerRadius: 0,
+	scale: 1,
+	spacing: .3
+};
+const MIDDLE_GRASS_RING = {
+	cellsPerSide: 192,
+	fadeEnd: 76,
+	fadeStart: 56,
+	innerRadius: 30,
+	scale: 1.7,
+	spacing: .8
+};
+const WINDRISE_SKY_KEYFRAMES = [
+	{
+		cloudLitColor: new Color(3953288),
+		cloudShadeColor: new Color(1911372),
+		hemisphereGroundColor: new Color(1714730),
+		hemisphereIntensity: .7,
+		hemisphereSkyColor: new Color(2901112),
+		horizonColor: new Color(2046056),
+		lightColor: new Color(9414911),
+		lightIntensity: .45,
+		minutes: 0,
+		starIntensity: 1,
+		zenithColor: new Color(727610)
+	},
+	{
+		cloudLitColor: new Color(6974104),
+		cloudShadeColor: new Color(3028064),
+		hemisphereGroundColor: new Color(2240554),
+		hemisphereIntensity: .65,
+		hemisphereSkyColor: new Color(3690114),
+		horizonColor: new Color(5921418),
+		lightColor: new Color(9414911),
+		lightIntensity: .3,
+		minutes: 300,
+		starIntensity: .6,
+		zenithColor: new Color(1912158)
+	},
+	{
+		cloudLitColor: new Color(16763048),
+		cloudShadeColor: new Color(9075360),
+		hemisphereGroundColor: new Color(4872762),
+		hemisphereIntensity: .8,
+		hemisphereSkyColor: new Color(8031420),
+		horizonColor: new Color(15903114),
+		lightColor: new Color(16756864),
+		lightIntensity: .05,
+		minutes: 360,
+		starIntensity: .1,
+		zenithColor: new Color(4876968)
+	},
+	{
+		cloudLitColor: new Color(16770252),
+		cloudShadeColor: new Color(11049144),
+		hemisphereGroundColor: new Color(6978116),
+		hemisphereIntensity: 1,
+		hemisphereSkyColor: new Color(10139872),
+		horizonColor: new Color(16764832),
+		lightColor: new Color(16763024),
+		lightIntensity: 1.4,
+		minutes: 420,
+		starIntensity: 0,
+		zenithColor: new Color(6987480)
+	},
+	{
+		cloudLitColor: new Color(16777215),
+		cloudShadeColor: new Color(12110050),
+		hemisphereGroundColor: new Color(6127418),
+		hemisphereIntensity: 1.3,
+		hemisphereSkyColor: new Color(9357567),
+		horizonColor: new Color(13625599),
+		lightColor: new Color(16774888),
+		lightIntensity: 2.8,
+		minutes: 720,
+		starIntensity: 0,
+		zenithColor: new Color(4165606)
+	},
+	{
+		cloudLitColor: new Color(16777215),
+		cloudShadeColor: new Color(12372706),
+		hemisphereGroundColor: new Color(6127418),
+		hemisphereIntensity: 1.3,
+		hemisphereSkyColor: new Color(9357567),
+		horizonColor: new Color(13625599),
+		lightColor: new Color(16774368),
+		lightIntensity: 2.6,
+		minutes: 900,
+		starIntensity: 0,
+		zenithColor: new Color(5019884)
+	},
+	{
+		cloudLitColor: new Color(16765096),
+		cloudShadeColor: new Color(9074856),
+		hemisphereGroundColor: new Color(5922872),
+		hemisphereIntensity: 1.05,
+		hemisphereSkyColor: new Color(10130632),
+		horizonColor: new Color(16759416),
+		lightColor: new Color(16756326),
+		lightIntensity: 1.5,
+		minutes: 1020,
+		starIntensity: 0,
+		zenithColor: new Color(5929152)
+	},
+	{
+		cloudLitColor: new Color(15243944),
+		cloudShadeColor: new Color(5917320),
+		hemisphereGroundColor: new Color(3817522),
+		hemisphereIntensity: .8,
+		hemisphereSkyColor: new Color(6972584),
+		horizonColor: new Color(14256800),
+		lightColor: new Color(16747120),
+		lightIntensity: .05,
+		minutes: 1080,
+		starIntensity: .2,
+		zenithColor: new Color(3816582)
+	},
+	{
+		cloudLitColor: new Color(4872336),
+		cloudShadeColor: new Color(2239570),
+		hemisphereGroundColor: new Color(1977388),
+		hemisphereIntensity: .7,
+		hemisphereSkyColor: new Color(3425914),
+		horizonColor: new Color(3817336),
+		lightColor: new Color(9414911),
+		lightIntensity: .35,
+		minutes: 1140,
+		starIntensity: .8,
+		zenithColor: new Color(1450572)
+	}
+];
+//#endregion
+//#region src/services/windrise/getWindriseHeight.ts
+const noise$1 = createSimplexNoise(0);
+const smoothstep = (edge0, edge1, value) => {
+	const progress = Math.min(Math.max((value - edge0) / (edge1 - edge0), 0), 1);
+	return progress * progress * (3 - 2 * progress);
+};
+const getWindriseHeight = (x, z) => {
+	const radius = Math.hypot(x, z);
+	const knoll = 9 * Math.exp(-((radius / 40) ** 2));
+	const eastness = radius === 0 ? 0 : x / radius;
+	const opening = 1 - EAST_OPENING * smoothstep(.3, .9, eastness);
+	const rim = 38 * smoothstep(110, 230, radius) * opening;
+	const lakeDistance = Math.hypot(x - 300, z - 40);
+	const lake = 14 * (1 - smoothstep(60, 150, lakeDistance));
+	const detailFade = Math.min(radius / 40, 1);
+	return knoll + rim - lake + DETAIL_HEIGHT * detailFade * noise$1(x / 45, z / 45);
+};
+//#endregion
+//#region src/services/windrise/writeWindriseColor.ts
+const GRASS_PATCH_SCALE = 18;
+const noise = createSimplexNoise(1);
+const grassLight = new Color(GRASS_LIGHT_COLOR);
+const grassDark = new Color(GRASS_DARK_COLOR);
+const rock = new Color(ROCK_COLOR);
+const blended = new Color();
+const writeWindriseColor = (colors, offset, _height, slope, x, z) => {
+	const patch = (noise(x / GRASS_PATCH_SCALE, z / GRASS_PATCH_SCALE) + 1) / 2;
+	blended.lerpColors(grassDark, grassLight, patch);
+	if (slope > .3) blended.lerp(rock, Math.min((slope - ROCK_SLOPE) * 4, 1));
+	colors[offset] = blended.r;
+	colors[offset + 1] = blended.g;
+	colors[offset + 2] = blended.b;
+};
+//#endregion
+export { WIND_GUST_WIDTH as $, ROCK_COLOR as A, WATER_DEEP_DEPTH as B, LEAF_COLOR as C, RIM_HEIGHT as D, RIM_END_RADIUS as E, SUN_TILT as F, WINDRISE_RAMP_OPTIONS as G, WATER_LEVEL as H, UNDERWATER_FOG_COLOR as I, WINDRISE_START_MINUTES as J, WINDRISE_SEED as K, UNDERWATER_FOG_DENSITY as L, SHADOW_MAX_FAR as M, STONE_COLOR as N, RIM_START_RADIUS as O, SUN_DISTANCE as P, WIND_GUST_STRENGTH as Q, WATER_CAUSTIC_STRENGTH as R, LAKE_RADIUS as S, NEAR_GRASS_RING as T, WATER_SHALLOW_COLOR as U, WATER_FOAM_DEPTH as V, WINDRISE_GRADE_OPTIONS as W, WIND_DIRECTION as X, WINDRISE_TERRAIN_OPTIONS as Y, WIND_GUST_SPEED as Z, KNOLL_HEIGHT as _, DETAIL_HEIGHT as a, LAKE_CENTER_Z as b, FOG_DENSITY as c, GODRAYS_HALF_EXTENT as d, WIND_STRENGTH as et, GODRAYS_SHADOW_MAP_SIZE as f, GRASS_LIGHT_COLOR as g, GRASS_DARK_COLOR as h, CLOUD_COVERAGE as i, ROCK_SLOPE as j, RIM_STRENGTH as k, FOG_HEIGHT_FALLOFF as l, GRASS_BLADE_WIDTH as m, getWindriseHeight as n, DETAIL_SCALE as o, GRASS_BLADE_HEIGHT as p, WINDRISE_SKY_KEYFRAMES as q, BARK_COLOR as r, EAST_OPENING as s, writeWindriseColor as t, FOG_START_DISTANCE as u, KNOLL_RADIUS as v, MIDDLE_GRASS_RING as w, LAKE_DEPTH as x, LAKE_CENTER_X as y, WATER_DEEP_COLOR as z };

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "genshin-world",
+  "version": "3.7.0",
+  "description": "Genshin Impact's world as a fan recreation: the catalogue of regions and areas, each region's authored data, and the TresJS components that build it on genshin-engine.",
+  "keywords": [
+    "genshin-engine",
+    "open-world",
+    "three",
+    "threejs",
+    "tresjs",
+    "vue",
+    "webgpu"
+  ],
+  "homepage": "https://github.com/Esposter/Esposter/blob/main/packages/genshin-world#readme",
+  "bugs": {
+    "url": "https://github.com/Esposter/Esposter/issues"
+  },
+  "license": "Apache-2.0",
+  "author": "Jimmy Chen",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Esposter/Esposter.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "types": "dist/index.d.ts",
+  "imports": {
+    "#parity/*": "./parity/*.ts",
+    "#src/*": "./src/*.ts",
+    "#src/*.json": "./src/*.json",
+    "#src/*.vue": "./src/*.vue"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./terrainTileWorker": "./dist/terrainTileWorker.js",
+    "./package.json": "./package.json",
+    "./style.css": "./dist/style.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "parity": "vite --config parity/vite.config.ts --port 3002 --strictPort",
+    "test": "vitest",
+    "test:visual": "vitest --config vitest.browser.config.ts",
+    "typecheck": "vue-tsc"
+  },
+  "devDependencies": {
+    "@esposter/configuration": "3.7.0",
+    "@fontsource/signika": "^5.3.0",
+    "@tsdown/css": "^0.23.0",
+    "@types/node": "^26.6.3",
+    "@types/three": "^0.186.0",
+    "@vitest/browser-playwright": "^5.0.2",
+    "playwright": "^1.63.0",
+    "tsdown": "^0.23.0",
+    "vite": "^8.3.1",
+    "vitest": "^5.0.2",
+    "vitest-browser-vue": "^3.1.0",
+    "vue-tsc": "^3.3.11"
+  },
+  "peerDependencies": {
+    "@esposter/shared": "3.6.0",
+    "@tresjs/cientos": "^5.9.1",
+    "@tresjs/core": "^5.9.1",
+    "@vueuse/core": "^15.0.0",
+    "genshin-engine": "3.6.0",
+    "three": "^0.186.1",
+    "vue": "^3.5.43",
+    "zod": "^4.6.5"
+  },
+  "gitHead": "7fd06688d06adf6dafff4bd869cd7a33d8028688"
+}