25:["$","title",null,{"children":"Transform | Momo | Observable"}] 49:[] 29:{"id":"c289b56be4e2065f","slug":null,"title":"Transform","thumbnail":"fffa95cc15d3542b8d2a32611045c8067106b4f094b895b421393ac293fbfb32","access_level":"public","create_time":"$D2023-02-22T05:32:54.118Z","update_time":"$D2023-06-28T10:01:00.730Z","view_time":null,"first_public_time":"$D2023-02-22T05:32:54.118Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"9bae029e758c46f6","login":"baotlake","name":"Momo","avatar_url":"https://avatars-next.observableusercontent.com/0eb2840e8ef41835a2f51de7cd8c5fbdd60db2f081419e50ef0bfb28124b69d9","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":248,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"63f207d190d71b00","login":"baotlake","name":"Momo","avatar_url":"https://avatars-next.observableusercontent.com/0eb2840e8ef41835a2f51de7cd8c5fbdd60db2f081419e50ef0bfb28124b69d9","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"63f207d190d71b00","login":"baotlake","name":"Momo","avatar_url":"https://avatars-next.observableusercontent.com/0eb2840e8ef41835a2f51de7cd8c5fbdd60db2f081419e50ef0bfb28124b69d9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Transform","cells":[{"id":0,"value":"# Transform\n- [CSS transform - MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/transform)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"md`\n## Homogeneous coordinates on ${tex`\\mathbb{R}P^2`}\n\nmatrix(a, b, c, d, tx, ty)\n\nmatrix(scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY())\n\n${tex`\\begin{pmatrix} a & c & tx \\\\ b & d & ty \\\\ 0 & 0 & 1 \\end{pmatrix}`}\n${tex`\\begin{pmatrix} scaleX & skewX & tx \\\\ skewY & scaleY & ty \\\\ 0 & 0 & 1 \\end{pmatrix}`}\n${tex`\\begin{pmatrix} ${m1.a} & ${m1.c} & ${m1.tx} \\\\ ${m1.b} & ${m1.d} & ${m1.ty} \\\\ 0 & 0 & 1 \\end{pmatrix}`}\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"viewof m1 = Inputs.form({\n a: Inputs.range([-5, 5], { value: 1, label: \"a - scaleX\", step: 0.01 }),\n b: Inputs.range([-10, 10], { value: 0, label: \"b - skewY\", step: 0.01 }),\n c: Inputs.range([-10, 10], { value: 0, label: \"c - skewX\", step: 0.01 }),\n d: Inputs.range([-5, 5], { value: 1, label: \"d - scaleY\", step: 0.01 }),\n tx: Inputs.range([-100, 100], { value: 0, label: \"tx - translateX\", step: 0.01 }),\n ty: Inputs.range([-100, 100], { value: 0, label: \"ty - translateY\", step: 0.01 })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"html`\n

原

位

像

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null