@openmockup-studio/player 0.0.0-stage → 0.2.0

package/dist/device-tablet-B1JOR7Rf.js

@@ -0,0 +1,255 @@
+import { t as e } from "./rolldown-runtime-CGnMp29N.js";
+import { f as t, h as n, r, s as i, v as a, x as o } from "./three-o_76Nw0r.js";
+import { D as s, E as c, a as l, c as u, d, f, i as p, l as m, m as h, n as g, o as _, p as v, s as y } from "./device-phone-DxWL5LkW.js";
+// ../devices/src/tablet/spec.ts
+var b = {
+	camera: {
+		size: 2.56,
+		radius: .68,
+		fromSide: .59,
+		fromTop: .5,
+		raise: .139,
+		glassInset: .126
+	},
+	lens: {
+		x: .56,
+		y: .5,
+		ring: .45,
+		glass: .39,
+		raise: .04
+	},
+	lidar: {
+		x: -.555,
+		y: -.025,
+		radius: .394
+	},
+	flash: {
+		x: -.556,
+		y: .82,
+		radius: .155
+	},
+	sensor: {
+		x: .56,
+		y: -.59,
+		radius: .09
+	},
+	mic: {
+		x: -.556,
+		y: -.806,
+		radius: .09
+	},
+	topButton: {
+		length: 1.16,
+		height: .28,
+		proud: .065,
+		fromSide: 1.95
+	},
+	volume: {
+		length: 1.01,
+		gap: .13,
+		height: .224,
+		proud: .09,
+		fromTop: 2.1
+	},
+	speaker: {
+		holes: 17,
+		hole: .194,
+		pitch: .2235,
+		fromSide: 2.8
+	},
+	usbC: {
+		length: .862,
+		height: .276
+	}
+}, x = {
+	cornerRadius: 1.3,
+	edgeRadius: .04,
+	rim: .113,
+	frontCamera: {
+		fromEdge: .355,
+		radius: .16
+	},
+	finishes: ["space-black", "silver"]
+}, S = {
+	...x,
+	id: "tablet.ipad-pro-11",
+	label: "iPad Pro 11-inch",
+	width: 17.75,
+	height: 24.97,
+	depth: .53,
+	display: {
+		px: [1668, 2420],
+		ppi: 264,
+		cornerRadius: .72
+	},
+	logo: {
+		height: 3.05,
+		raise: .29
+	}
+}, C = {
+	...x,
+	id: "tablet.ipad-pro-13",
+	label: "iPad Pro 13-inch",
+	width: 21.55,
+	height: 28.16,
+	depth: .51,
+	display: {
+		px: [2064, 2752],
+		ppi: 264,
+		cornerRadius: .72
+	},
+	logo: {
+		height: 3.44,
+		raise: .33
+	}
+}, w = {
+	[S.id]: S,
+	[C.id]: C
+};
+// ../devices/src/tablet/build.ts
+function T(e, t) {
+	f(e, t), e.frame.anisotropy = 0;
+}
+function E(e, n, r = "high") {
+	let a = l[r], { width: u, height: d, depth: f, cornerRadius: b, rim: x } = e, S = v(n);
+	T(S, n);
+	let C = new o();
+	_(C, m({
+		width: u,
+		height: d,
+		depth: f,
+		radius: b,
+		edge: e.edgeRadius,
+		quality: a
+	}), S.frame), O(e, S, C, a);
+	let w = new o();
+	w.position.z = f / 2, C.add(w), _(w, y(u - 2 * x, d - 2 * x, b - x, 2, a), S.glass, { z: p });
+	let E = e.display.px[0] / e.display.ppi * 2.54, k = e.display.px[1] / e.display.ppi * 2.54, A = _(w, g(y(E, k, e.display.cornerRadius, 2, a)), S.display, { z: p * 2 }), j = e.frontCamera;
+	_(w, new t(j.radius, a.round), S.lens, {
+		x: u / 2 - j.fromEdge,
+		z: p * 3
+	}), _(w, new t(j.radius * .66, a.round), S.pupil, {
+		x: u / 2 - j.fromEdge,
+		z: p * 4
+	});
+	let M = new o();
+	M.position.z = -f / 2, M.rotation.y = Math.PI, C.add(M), _(M, y(u - .1, d - .1, b - .05, 2, a), S.back, { z: p }), D(e, S, M, a), e.branding !== !1 && _(M, c(e.logo.height), S.logo, {
+		y: e.logo.raise,
+		z: p * 2
+	});
+	let N = h(A, E / k, S);
+	return {
+		group: C,
+		screens: [N],
+		bounds: new i().setFromObject(C),
+		params: {},
+		restsOnFloor: !1,
+		setParam() {},
+		setFinish: (e) => T(S, e),
+		setGlare: (e, t) => N.setGlare(e, t),
+		dispose: () => s(C)
+	};
+}
+function D(e, r, i, s) {
+	let c = b.camera, l = -e.width / 2 + c.fromSide + c.size / 2, u = e.height / 2 - c.fromTop - c.size / 2, f = new o();
+	f.position.set(l, u, 0), i.add(f);
+	let m = .03, h = new a(d(c.size - 2 * m, c.size - 2 * m, c.radius - m, 2, s.corner), {
+		depth: c.raise - m,
+		bevelEnabled: !0,
+		bevelThickness: m,
+		bevelSize: m,
+		bevelSegments: 4
+	});
+	_(f, h, r.island);
+	let g = c.raise + p, v = c.size - 2 * c.glassInset;
+	_(f, y(v, v, c.radius - c.glassInset, 2, s), r.glass, { z: g });
+	let x = (e) => -e, { lens: S, lidar: C, flash: w, sensor: T, mic: E } = b, D = new n(S.ring, S.ring, S.raise, s.round);
+	D.rotateX(Math.PI / 2), _(f, D, r.lensRing, {
+		x: x(S.x),
+		y: S.y,
+		z: g + S.raise / 2
+	});
+	let O = g + S.raise + p;
+	_(f, new t(S.glass, s.round), r.lens, {
+		x: x(S.x),
+		y: S.y,
+		z: O
+	}), _(f, new t(S.glass * .36, s.round), r.pupil, {
+		x: x(S.x),
+		y: S.y,
+		z: O + p
+	}), _(f, new t(C.radius, s.round), r.pupil, {
+		x: x(C.x),
+		y: C.y,
+		z: g + p
+	}), _(f, new t(w.radius, s.round), r.flash, {
+		x: x(w.x),
+		y: w.y,
+		z: g + p
+	}), _(f, new t(T.radius, s.round), r.pupil, {
+		x: x(T.x),
+		y: T.y,
+		z: g + p
+	}), _(f, new t(E.radius, s.round), r.bezel, {
+		x: x(E.x),
+		y: E.y,
+		z: g + p
+	});
+}
+function O(e, n, i, a) {
+	let { width: o, height: s } = e, c = .1, l = b.topButton;
+	_(i, u(l.length, l.height, l.proud + c, "x", a), n.frame, {
+		x: o / 2 - l.fromSide,
+		y: s / 2 + l.proud - (l.proud + c) / 2,
+		rx: Math.PI / 2
+	});
+	let d = b.volume;
+	for (let e of [0, 1]) _(i, u(d.length, d.height, d.proud + c, "y", a), n.frame, {
+		x: o / 2 + d.proud - (d.proud + c) / 2,
+		y: s / 2 - d.fromTop - d.length / 2 - e * (d.length + d.gap),
+		ry: Math.PI / 2
+	});
+	let f = b.speaker, m = [];
+	for (let e of [-1, 1]) for (let n = 0; n < f.holes; n++) {
+		let r = new t(f.hole / 2, 12);
+		r.translate(e * (o / 2 - f.fromSide - n * f.pitch), 0, 0), m.push(r);
+	}
+	let h = r(m);
+	for (let e of m) e.dispose();
+	_(i, h, n.bezel, {
+		y: s / 2 + p,
+		rx: -Math.PI / 2
+	}), _(i, h.clone(), n.bezel, {
+		y: -s / 2 - p,
+		rx: Math.PI / 2
+	}), _(i, new t(.05, 12), n.bezel, {
+		y: s / 2 + p,
+		rx: -Math.PI / 2
+	}), _(i, y(b.usbC.length, b.usbC.height, b.usbC.height / 2, 2, a), n.bezel, {
+		y: -s / 2 - p,
+		rx: Math.PI / 2
+	});
+}
+// ../devices/src/tablet/finishes.ts
+var k = {
+	"space-black": {
+		label: "Space Black",
+		frame: "#2b2b2e",
+		back: "#2b2b2e",
+		frameRoughness: .34,
+		backMaterial: "metal"
+	},
+	silver: {
+		label: "Silver",
+		frame: "#d7d7d9",
+		back: "#d7d7d9",
+		frameRoughness: .3,
+		backMaterial: "metal"
+	}
+}, A = /* @__PURE__ */ e({ tablet: () => j }), j = {
+	type: "tablet",
+	specs: w,
+	finishes: k,
+	build: E
+};
+export { A as t };

package/dist/device-watch-9Y7wuyPn.js

@@ -0,0 +1,274 @@
+import { t as e } from "./rolldown-runtime-CGnMp29N.js";
+import { H as t, X as n, d as r, f as i, h as a, s as o, v as s, x as c } from "./three-o_76Nw0r.js";
+import { D as l, E as u, a as d, c as f, f as p, i as m, l as h, m as g, n as _, o as v, p as y, s as b } from "./device-phone-DxWL5LkW.js";
+// ../devices/src/primitives/strap.ts
+function x({ width: e, thickness: i, length: a, curl: o, direction: c, segments: l = 24 }) {
+	let u = c, d = new r([
+		new n(0, 0, 0),
+		new n(0, u * a * .35, -i * .2),
+		new n(0, u * a * .7, -a * o * .35),
+		new n(0, u * a, -a * o)
+	]), f = i / 2, p = new t();
+	return p.moveTo(-e / 2 + f, -f), p.lineTo(e / 2 - f, -f), p.absarc(e / 2 - f, 0, f, -Math.PI / 2, Math.PI / 2, !1), p.lineTo(-e / 2 + f, f), p.absarc(-e / 2 + f, 0, f, Math.PI / 2, 3 * Math.PI / 2, !1), new s(p, {
+		steps: l,
+		bevelEnabled: !1,
+		extrudePath: d
+	});
+}
+// ../devices/src/watch/index.ts
+var S = /* @__PURE__ */ e({
+	WATCH_FINISHES: () => E,
+	WATCH_SERIES_12_42: () => w,
+	WATCH_SERIES_12_46: () => C,
+	WATCH_SPECS: () => O,
+	WATCH_ULTRA_4: () => T,
+	buildWatch: () => D,
+	watch: () => k
+}), C = {
+	id: "watch.series-12-46",
+	label: "Apple Watch Series 12 (46 mm)",
+	finishes: [
+		"jet-black",
+		"space-gray",
+		"light-gold",
+		"dark-bronze",
+		"natural-titanium",
+		"radiant-gold",
+		"pearl-white",
+		"night-blue"
+	],
+	width: 4,
+	height: 4.6,
+	depth: .97,
+	corner: {
+		radius: 1.25,
+		exponent: 2.8
+	},
+	edgeRadius: .22,
+	display: {
+		px: [416, 496],
+		ppi: 326
+	},
+	bezel: .28,
+	crystal: "domed",
+	crown: {
+		radius: .32,
+		depth: .22,
+		y: .75
+	},
+	sideButton: {
+		length: 1.1,
+		y: -.55
+	},
+	band: {
+		width: 2.2,
+		thickness: .3,
+		length: 7.5
+	},
+	logoHeight: .9
+}, w = {
+	...C,
+	id: "watch.series-12-42",
+	label: "Apple Watch Series 12 (42 mm)",
+	width: 3.7,
+	height: 4.2,
+	corner: {
+		radius: 1.15,
+		exponent: 2.8
+	},
+	display: {
+		px: [374, 446],
+		ppi: 326
+	},
+	crown: {
+		radius: .3,
+		depth: .2,
+		y: .65
+	},
+	sideButton: {
+		length: 1,
+		y: -.5
+	},
+	band: {
+		width: 2,
+		thickness: .28,
+		length: 7
+	},
+	logoHeight: .8
+}, T = {
+	id: "watch.ultra-4",
+	label: "Apple Watch Ultra 4",
+	finishes: ["natural-titanium", "black-titanium"],
+	width: 4.4,
+	height: 4.9,
+	depth: 1.2,
+	corner: {
+		radius: 1,
+		exponent: 2.4
+	},
+	edgeRadius: .12,
+	display: {
+		px: [422, 514],
+		ppi: 326
+	},
+	bezel: .36,
+	crystal: "flat",
+	crown: {
+		radius: .36,
+		depth: .28,
+		y: .7
+	},
+	sideButton: {
+		length: 1.2,
+		y: -.6
+	},
+	actionButton: {
+		length: 1.3,
+		y: .3
+	},
+	band: {
+		width: 2.4,
+		thickness: .34,
+		length: 8
+	},
+	logoHeight: 1
+}, E = {
+	"jet-black": {
+		label: "Black",
+		frame: "#1c1c1e",
+		back: "#141416",
+		frameRoughness: .12,
+		backMaterial: "ceramic"
+	},
+	"space-gray": {
+		label: "Space Gray",
+		frame: "#6e6e73",
+		back: "#141416",
+		frameRoughness: .3,
+		backMaterial: "ceramic"
+	},
+	"light-gold": {
+		label: "Light Gold",
+		frame: "#d9c9a9",
+		back: "#141416",
+		frameRoughness: .3,
+		backMaterial: "ceramic"
+	},
+	"dark-bronze": {
+		label: "Dark Bronze",
+		frame: "#5b4738",
+		back: "#141416",
+		frameRoughness: .3,
+		backMaterial: "ceramic"
+	},
+	"natural-titanium": {
+		label: "Natural Titanium",
+		frame: "#a19d95",
+		back: "#141416",
+		frameRoughness: .34,
+		backMaterial: "ceramic",
+		accent: "#ff7a1a"
+	},
+	"radiant-gold": {
+		label: "Radiant Gold",
+		frame: "#c9a96c",
+		back: "#141416",
+		frameRoughness: .22,
+		backMaterial: "ceramic"
+	},
+	"black-titanium": {
+		label: "Black Titanium",
+		frame: "#2b2b2e",
+		back: "#141416",
+		frameRoughness: .3,
+		backMaterial: "ceramic",
+		accent: "#ff7a1a"
+	},
+	"pearl-white": {
+		label: "Pearl White",
+		frame: "#ecebe5",
+		back: "#ecebe5",
+		frameRoughness: .12,
+		backMaterial: "ceramic"
+	},
+	"night-blue": {
+		label: "Night Blue",
+		frame: "#1f2a44",
+		back: "#1f2a44",
+		frameRoughness: .12,
+		backMaterial: "ceramic"
+	}
+};
+function D(e, t, n = "high") {
+	let r = d[n], { width: s, height: S, depth: C, bezel: w } = e, { radius: T, exponent: E } = e.corner, D = y(t), O = new c();
+	v(O, h({
+		width: s,
+		height: S,
+		depth: C,
+		radius: T,
+		exponent: E,
+		edge: e.edgeRadius,
+		quality: r
+	}), D.frame);
+	let k = new c();
+	k.position.z = C / 2, O.add(k);
+	let A = e.crystal === "flat" ? .2 : .05, j = s - 2 * w, M = S - 2 * w;
+	v(k, b(s - 2 * A, S - 2 * A, T - A, E, r), D.bezel, { z: m });
+	let N = v(k, _(b(j, M, T - w, E, r)), D.display, { z: m * 2 }), P = e.crown;
+	v(O, new a(P.radius, P.radius, P.depth, r.round), D.frame, {
+		x: s / 2 + P.depth / 2 - .04,
+		y: P.y,
+		rz: Math.PI / 2
+	}), v(O, new a(P.radius * .55, P.radius * .55, P.depth + .04, r.round), D.pupil, {
+		x: s / 2 + P.depth / 2 - .02,
+		y: P.y,
+		rz: Math.PI / 2
+	}), v(O, f(e.sideButton.length, .18, .16, "y", r), D.frame, {
+		x: s / 2 + .02,
+		y: e.sideButton.y,
+		ry: Math.PI / 2
+	}), e.actionButton && v(O, f(e.actionButton.length, .3, .26, "y", r), D.accent, {
+		x: -s / 2 - .02,
+		y: e.actionButton.y,
+		ry: Math.PI / 2
+	});
+	let F = new c();
+	F.position.z = -C / 2, F.rotation.y = Math.PI, O.add(F), v(F, new i(Math.min(s, S) * .42, r.round), D.back, { z: m }), e.branding !== !1 && v(F, u(e.logoHeight), D.logo, {
+		y: Math.min(s, S) * .22,
+		z: m * 2
+	});
+	let I = e.band;
+	for (let e of [1, -1]) v(O, x({
+		width: I.width,
+		thickness: I.thickness,
+		length: I.length * .55,
+		curl: 1.1,
+		direction: e
+	}), D.band, {
+		y: e * (S / 2 - .15),
+		z: -C * .15
+	});
+	let L = g(N, j / M, D);
+	return {
+		group: O,
+		screens: [L],
+		bounds: new o().setFromObject(O),
+		params: {},
+		restsOnFloor: !1,
+		setParam() {},
+		setFinish: (e) => p(D, e),
+		setGlare: (e, t) => L.setGlare(e, t),
+		dispose: () => l(O)
+	};
+}
+var O = {
+	[C.id]: C,
+	[w.id]: w,
+	[T.id]: T
+}, k = {
+	type: "watch",
+	specs: O,
+	finishes: E,
+	build: D
+};
+export { S as t };