@openmockup-studio/player 0.0.0-stage → 0.2.0

package/dist/device-monitor-BkXp8a-n.js

@@ -0,0 +1,366 @@
+import { t as e } from "./rolldown-runtime-CGnMp29N.js";
+import { A as t, H as n, I as r, L as i, M as a, P as o, W as s, Y as c, f as l, h as u, k as d, p as f, s as p, u as m, v as h, x as g } from "./three-o_76Nw0r.js";
+import { D as _, E as v, a as y, d as b, f as x, i as S, l as C, m as w, n as T, o as E, p as D, r as O, s as k } from "./device-phone-DxWL5LkW.js";
+// ../devices/src/monitor/build.ts
+var A = Math.PI / 180;
+function j() {
+	let e = new t({
+		color: 328966,
+		roughness: .9,
+		transparent: !0,
+		depthWrite: !1
+	});
+	return {
+		gap: new t({
+			color: 394759,
+			roughness: .8
+		}),
+		socket: new t({
+			color: 2763309,
+			roughness: .6
+		}),
+		vent: e,
+		pad: new t({
+			color: 657931,
+			roughness: .6
+		}),
+		cameraHousing: M(855312),
+		cameraLens: M(328967),
+		cameraWindow: M(724260),
+		cameraPupil: M(0)
+	};
+}
+function M(e) {
+	return new d({
+		color: e,
+		roughness: .6,
+		specularIntensity: 0,
+		clearcoat: 1,
+		clearcoatRoughness: .02
+	});
+}
+function N(e, t) {
+	x(e, t), e.frame.anisotropy = 0;
+}
+function P(e, t, n = "high") {
+	let r = y[n], i = D(t), a = j();
+	N(i, t);
+	let o = z(e.vents);
+	o ? a.vent.alphaMap = o : a.vent.opacity = .35;
+	let s = new g();
+	I(e, i, a, s, r);
+	let { barrel: c } = e.stand, l = new g();
+	l.position.set(0, c.y, c.z), s.add(l);
+	let u = new g();
+	u.position.set(0, e.hinge.drop, e.hinge.behind), l.add(u);
+	let { displayMesh: d, aspect: f } = F(e, i, a, u, r), m = (e) => {
+		l.rotation.x = -e * A;
+	};
+	m(0);
+	let h = w(d, f, i);
+	return {
+		group: s,
+		screens: [h],
+		bounds: new p().setFromObject(s),
+		params: { tilt: {
+			min: -5,
+			max: 25,
+			default: 0,
+			unit: "deg",
+			label: "Tilt"
+		} },
+		restsOnFloor: !0,
+		setParam(e, t) {
+			e === "tilt" && m(t);
+		},
+		setFinish: (e) => N(i, e),
+		setGlare: (e, t) => {
+			h.setGlare(e, t);
+			for (let e of [
+				a.cameraHousing,
+				a.cameraLens,
+				a.cameraWindow,
+				a.cameraPupil
+			]) e.clearcoat = i.glass.clearcoat;
+		},
+		dispose: () => {
+			a.vent.alphaMap?.dispose(), _(s);
+		}
+	};
+}
+function F(e, t, n, r, a) {
+	let { width: s, height: c, depth: u, radius: d, glass: f } = e.panel, p = -f - .03, m = -u, h = [
+		[.04, p],
+		[.012, p - .012],
+		[0, p - .04],
+		[0, m + .04],
+		[.012, m + .012],
+		[.04, m]
+	];
+	E(r, O({
+		width: s,
+		height: c,
+		radius: d,
+		exponent: 2,
+		segments: a.corner,
+		profile: h
+	}), t.frame), E(r, k(s - .08, c - .08, d - .04, 2, a), n.gap, { z: p }), E(r, C({
+		width: s,
+		height: c,
+		depth: f,
+		radius: d,
+		edge: .02,
+		quality: a
+	}), t.glass, { z: -f / 2 });
+	let _ = s - 2 * e.bezel, y = _ * e.display.px[1] / e.display.px[0], b = E(r, T(k(_, y, .05, 2, a)), t.display, { z: S }), x = c / 2 - e.cameraFromTop;
+	E(r, new l(.22, a.round), n.cameraHousing, {
+		y: x,
+		z: S * 2
+	}), E(r, new l(.17, a.round), n.cameraLens, {
+		y: x,
+		z: S * 3
+	}), E(r, new l(.15, a.round), n.cameraWindow, {
+		y: x,
+		z: S * 4
+	}), E(r, new l(.06, a.round), n.cameraPupil, {
+		y: x,
+		z: S * 5
+	}), E(r, new l(.05, a.round), n.cameraHousing, {
+		x: .73,
+		y: x,
+		z: S * 2
+	});
+	let { vents: w } = e, D = -w.centre, A = new o(w.length, w.band);
+	n.vent.alphaMap && n.vent.alphaMap.repeat.set(w.length / (w.pitch * 2), 1), E(r, A, n.vent, {
+		y: c / 2 + S,
+		z: D,
+		rx: -Math.PI / 2
+	}), E(r, A, n.vent, {
+		y: -c / 2 - S,
+		z: D,
+		rx: Math.PI / 2
+	});
+	let j = new g();
+	j.position.z = m, j.rotation.y = Math.PI, r.add(j), E(j, k(s - .08, c - .08, d - .04, 2, a), t.frame), e.branding !== !1 && E(j, v(e.logo.height), t.logo, {
+		y: e.logo.raise,
+		z: S
+	});
+	let { power: M } = e;
+	E(j, new i(M.radius - .05, M.radius, a.round), n.gap, {
+		y: -M.drop,
+		z: S
+	}), E(j, new l(.54, a.round), n.gap, {
+		y: -M.drop,
+		z: S
+	}), E(j, new l(.36, a.round), n.socket, {
+		y: -M.drop,
+		z: S * 2
+	});
+	let { ports: N } = e, P = k(N.width, N.height, N.width / 2, 2, a), F = k(.07, N.height * .62, .035, 2, a);
+	for (let e of N.x) E(j, P, n.gap, {
+		x: -e,
+		y: -N.drop,
+		z: S
+	}), E(j, F, n.socket, {
+		x: -e,
+		y: -N.drop,
+		z: S * 2
+	});
+	let { barrel: I } = e.stand, L = e.hinge.behind - u;
+	return E(r, C({
+		width: I.bracket - .06,
+		height: 1.3,
+		depth: L + .3,
+		radius: .3,
+		edge: .05,
+		quality: a
+	}), t.frame, {
+		y: -e.hinge.drop,
+		z: m - L / 2 + .15
+	}), {
+		displayMesh: b,
+		aspect: _ / y
+	};
+}
+function I(e, t, n, r, i) {
+	let a = e.stand, { foot: o } = a, s = o.pad + o.thickness;
+	E(r, C({
+		width: a.width,
+		height: o.depth,
+		depth: o.thickness,
+		radius: o.radius,
+		edge: .06,
+		quality: i
+	}), t.frame, {
+		y: o.pad + o.thickness / 2,
+		rx: -Math.PI / 2
+	}), E(r, C({
+		width: a.width - .38,
+		height: o.depth - .46,
+		depth: o.pad + .05,
+		radius: o.radius - .2,
+		edge: .02,
+		quality: i
+	}), n.pad, {
+		y: (o.pad + .05) / 2,
+		rx: -Math.PI / 2
+	});
+	let l = a.lean * A, d = new c(Math.sin(l), Math.cos(l)), f = new c(d.y, -d.x), p = new c(a.backZ, s), m = L(p, d, f, a.sheet, a.fillet.front, a.fillet.back, s, i.corner), g = new h(m, {
+		depth: a.width,
+		bevelEnabled: !1,
+		curveSegments: i.corner
+	});
+	g.translate(0, 0, -a.width / 2), g.rotateY(-Math.PI / 2), E(r, g, t.frame);
+	let _ = new c(a.barrel.z, a.barrel.y).clone().sub(p).dot(d) - 2, v = (a.hole.centreY - s) / Math.cos(l) - 2, y = b(a.width, _, .02, 2, 2);
+	y.holes.push(R(a.hole.width, a.hole.length, v - _ / 2));
+	let x = new h(y, {
+		depth: a.sheet,
+		bevelEnabled: !1,
+		curveSegments: i.corner
+	});
+	x.translate(0, _ / 2 + 2, 0);
+	let S = E(r, x, t.frame);
+	S.rotation.x = l, S.position.set(0, p.y, p.x);
+	let { barrel: w } = a, T = (a.width - w.bracket) / 2 - .03, D = new u(w.radius, w.radius, T, i.round, 1);
+	D.rotateZ(Math.PI / 2);
+	for (let e of [-1, 1]) E(r, D, t.frame, {
+		x: e * (a.width / 2 - T / 2),
+		y: w.y,
+		z: w.z
+	});
+	let O = new u(w.radius - .02, w.radius - .02, w.bracket, i.round, 1);
+	O.rotateZ(Math.PI / 2), E(r, O, t.frame, {
+		y: w.y,
+		z: w.z
+	});
+	let k = new u(w.radius - .05, w.radius - .05, a.width - .1, i.round, 1);
+	k.rotateZ(Math.PI / 2), E(r, k, n.gap, {
+		y: w.y,
+		z: w.z
+	});
+}
+function L(e, t, r, i, a, o, l, u) {
+	let d = (n) => e.clone().addScaledVector(t, n), f = (n) => e.clone().addScaledVector(r, i).addScaledVector(t, n), p = (e, n, i) => {
+		let a = r.clone().multiplyScalar(n), o = (l + i - e.y - a.y * i) / t.y, s = e.clone().addScaledVector(t, o).addScaledVector(a, i), d = s.clone().addScaledVector(a, -i), f = new c(s.x, l), p = Math.atan2(d.y - s.y, d.x - s.x), m = Math.atan2(f.y - s.y, f.x - s.x) - p;
+		m > Math.PI && (m -= 2 * Math.PI), m < -Math.PI && (m += 2 * Math.PI);
+		let h = [];
+		for (let e = 0; e <= u; e++) {
+			let t = p + m * e / u;
+			h.push(new c(s.x + i * Math.cos(t), s.y + i * Math.sin(t)));
+		}
+		return h;
+	}, m = p(f(0), 1, a), h = p(d(0), -1, o), g = l - .25, _ = [
+		d(3),
+		f(3),
+		...m,
+		new c(m[m.length - 1].x, g),
+		new c(h[h.length - 1].x, g),
+		...h.slice().reverse()
+	];
+	return s.isClockWise(_) && _.reverse(), new n(_);
+}
+function R(e, t, n) {
+	let r = e / 2, i = Math.max(0, t / 2 - r), o = new a();
+	return o.absarc(0, n + i, r, 0, Math.PI, !1), o.absarc(0, n - i, r, Math.PI, 2 * Math.PI, !1), o.closePath(), o;
+}
+function z(e) {
+	if (typeof document > "u") return null;
+	let t = Math.round(e.pitch * 2 * 400), n = Math.round(e.band * 400), i = document.createElement("canvas");
+	i.width = t, i.height = n;
+	let a = i.getContext("2d");
+	if (!a) return null;
+	a.fillStyle = "#000", a.fillRect(0, 0, t, n), a.fillStyle = "#fff";
+	let o = n / e.rows, s = t / 2, c = e.hole / 2 * 400;
+	for (let t = 0; t < e.rows; t++) for (let e = -1; e <= 2; e++) a.beginPath(), a.arc(e * s + (t % 2 ? s / 2 : 0), (t + .5) * o, c, 0, Math.PI * 2), a.fill();
+	let l = new m(i);
+	return l.wrapS = r, l.wrapT = f, l.anisotropy = 8, l;
+}
+// ../devices/src/monitor/finishes.ts
+var B = { silver: {
+	label: "Silver",
+	frame: "#d3d4d6",
+	back: "#d3d4d6",
+	frameRoughness: .42,
+	backMaterial: "metal"
+} }, V = {
+	id: "monitor.studio-display",
+	label: "Studio Display",
+	finishes: ["silver"],
+	panel: {
+		width: 62.3,
+		height: 36.2,
+		depth: 1.97,
+		radius: .5,
+		glass: .1
+	},
+	display: {
+		px: [5120, 2880],
+		ppi: 218
+	},
+	bezel: 1.37,
+	cameraFromTop: .53,
+	logo: {
+		height: 8.35,
+		raise: 5.04
+	},
+	power: {
+		drop: 15.34,
+		radius: 1.52
+	},
+	ports: {
+		x: [
+			17.25,
+			18.75,
+			20.25,
+			21.76
+		],
+		drop: 15.34,
+		width: .31,
+		height: .89
+	},
+	vents: {
+		length: 60.9,
+		band: .83,
+		centre: 1.31,
+		hole: .16,
+		pitch: .19,
+		rows: 5
+	},
+	stand: {
+		width: 15.2,
+		foot: {
+			depth: 16.8,
+			thickness: .56,
+			radius: 1.2,
+			pad: .1
+		},
+		sheet: .7,
+		lean: 13.1,
+		backZ: -6.09,
+		fillet: {
+			front: 1,
+			back: .6
+		},
+		hole: {
+			width: 4,
+			length: 6.26,
+			centreY: 13.63
+		},
+		barrel: {
+			radius: 1.05,
+			y: 20.61,
+			z: -.39,
+			bracket: 5.34
+		}
+	},
+	hinge: {
+		drop: 9.04,
+		behind: 3.15
+	}
+}, H = { [V.id]: V }, U = /* @__PURE__ */ e({ monitor: () => W }), W = {
+	type: "monitor",
+	specs: H,
+	finishes: B,
+	build: P
+};
+export { U as t };