Release lecture-07-v1.0

.gitattributes

@@ -46,3 +46,4 @@ lecture-01/assets/synthetic-ecg-BNIVEI6m.jpeg filter=lfs diff=lfs merge=lfs -tex
 lecture-01/assets/synthetic-polyp-CIkbWMkW.jpeg filter=lfs diff=lfs merge=lfs -text
 lecture-02/slides.pdf filter=lfs diff=lfs merge=lfs -text
 lecture-01/assets/generated-faces-BvUuJNEP.jpeg filter=lfs diff=lfs merge=lfs -text
+lecture-07/slides.pdf filter=lfs diff=lfs merge=lfs -text

lecture-07/404.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Generative Models and GANs - Slidev</title>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&family=Source+Serif+4:wght@200;400;600&family=JetBrains+Mono:wght@200;400;600&display=swap" type="text/css">
+<link rel="icon" href="https://cdn.jsdelivr.net/gh/slidevjs/slidev/assets/favicon.png">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta property="slidev:version" content="52.19.0">
+<meta name="description" content="&quot;PGR207 Deep Learning 2026 — Lecture 07&quot;">
+<meta name="author" content="&quot;Vajira Thambawita&quot;">
+<meta property="og:title" content="Generative Models and GANs - Slidev">
+<meta property="og:description" content="&quot;PGR207 Deep Learning 2026 — Lecture 07&quot;">  <script type="module" crossorigin src="./assets/index-DYEUBAok.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-hePW80VL.js">
+  <link rel="modulepreload" crossorigin href="./assets/modules/shiki-CkJq9tSf.js">
+  <link rel="modulepreload" crossorigin href="./assets/_plugin-vue_export-helper-BDNMzG2s.js">
+  <link rel="modulepreload" crossorigin href="./assets/modules/vue-Dz2ojcKF.js">
+  <link rel="modulepreload" crossorigin href="./assets/slidev/context-DnYiQGy6.js">
+  <link rel="modulepreload" crossorigin href="./assets/useNav-DOs7c9Ie.js">
+  <link rel="modulepreload" crossorigin href="./assets/syncState-BCmj5bTl.js">
+  <link rel="stylesheet" crossorigin href="./assets/modules/shiki-BrmBd2_v.css">
+  <link rel="stylesheet" crossorigin href="./assets/index-DrfYeVie.css">
+</head>
+<body>
+  <div id="app"></div>
+  <div id="mermaid-rendering-container"></div>
+  
+</body>
+</html>

lecture-07/_redirects

@@ -0,0 +1 @@
+./*    ./index.html   200

lecture-07/assets/404-bkedjYjP.css

@@ -0,0 +1 @@
+.page-link[data-v-b584852f]{background-color:#9ca3af1a;border-radius:.25rem;padding:.5rem 1rem}.page-link[data-v-b584852f]:hover{background-color:#9ca3af33}

lecture-07/assets/AdversarialGame-BC2uRAJk.js

@@ -0,0 +1 @@
+import{$ as e,S as t,St as n,V as r,_ as i,b as a,g as o,m as s,ut as c,v as l,vt as u,w as d,y as f,z as p}from"./modules/shiki-CkJq9tSf.js";import{t as m}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as h}from"./slidev/context-DnYiQGy6.js";import{D as g,O as ee,S as _,a as v,h as y,i as b,n as x}from"./useGenerative-DDHg2gzY.js";import{t as S}from"./Slider-Bf0ITYx4.js";var C={class:`dl-gan`,viewBox:`0 0 470 216`,role:`img`,"aria-label":`Real and generated probability on three modes, with the optimal discriminator under each`},te=[`x1`],ne=[`x`,`y`],w=[`x`,`y`],T=[`x`,`y`,`height`],E=[`x`,`y`],D=[`x`,`y`,`height`],O=[`x`,`y`],k=[`x`,`y`],A=[`x`,`y`],j={key:0,class:`dl-gan__out`},M={class:`dl-gan__row`},N={class:`dl-gan__num`},P={class:`dl-gan__row`},F={class:`dl-gan__num`},I={class:`dl-gan__row is-quiet`},L={class:`dl-gan__num`},R={class:`dl-gan__note`},z={key:1,class:`dl-gan__out`},B=42,V=132,H=150,U=58,W=m(d({__name:`AdversarialGame`,props:{discriminatorOnly:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1}},setup(d){let{$slidev:m,$nav:W,$clicksContext:re,$clicks:ie,$page:ae,$renderContext:oe,$frontmatter:se}=h(),G=d,K=c([...G.collapsed?b:v]),q=o(()=>y(K.value)),J=o(()=>_(x,q.value)),Y=o(()=>Math.abs(J.value.v-J.value.vTheory)<5e-6);function X(e){return Math.max(e*V*(1/.62),0)}function Z(e){return U+e*136}function Q(e){K.value=[...e]}function $(e,t=3){return Number.isFinite(e)?e.toFixed(t):`∞`}return(o,c)=>{let d=S,m=g,h=ee;return p(),l(h,{"max-width":`46rem`},{controls:e(()=>[t(d,{modelValue:K.value[0],"onUpdate:modelValue":c[0]||=e=>K.value[0]=e,label:`Q on mode 1`,min:0,max:1,step:.01},null,8,[`modelValue`]),t(d,{modelValue:K.value[1],"onUpdate:modelValue":c[1]||=e=>K.value[1]=e,label:`Q on mode 2`,min:0,max:1,step:.01},null,8,[`modelValue`]),t(d,{modelValue:K.value[2],"onUpdate:modelValue":c[2]||=e=>K.value[2]=e,label:`Q on mode 3`,min:0,max:1,step:.01},null,8,[`modelValue`]),t(m,{label:`Reset`,variant:`ghost`,onClick:c[3]||=e=>Q(u(v))}),t(m,{label:`Collapse`,variant:`ghost`,onClick:c[4]||=e=>Q(u(b))}),t(m,{label:`Perfect`,variant:`ghost`,onClick:c[5]||=e=>Q(u(x))})]),readout:e(()=>[G.discriminatorOnly?(p(),a(`div`,z,[...c[10]||=[i(`div`,{class:`dl-gan__row is-quiet`},[i(`span`,{class:`dl-gan__name`},`D* = P / (P + Q)`),i(`span`,{class:`dl-gan__note`},` nothing here was trained — this is the best any discriminator could do `)],-1)]])):(p(),a(`div`,j,[i(`div`,M,[c[7]||=i(`span`,{class:`dl-gan__name`},`V(D*, G)`,-1),i(`span`,N,n($(J.value.v,5)),1)]),i(`div`,P,[c[8]||=i(`span`,{class:`dl-gan__name`},`−log 4 + 2·JS(P‖Q)`,-1),i(`span`,F,n($(J.value.vTheory,5)),1)]),i(`div`,I,[c[9]||=i(`span`,{class:`dl-gan__name`},`JS(P‖Q)`,-1),i(`span`,L,n($(J.value.js,5)),1),i(`span`,R,n(Y.value?`the two rows above are the same number, always`:``),1)])]))]),default:e(()=>[(p(),a(`svg`,C,[f(` baseline `),i(`line`,{class:`dl-gan__axis`,x1:32,x2:446,y1:H,y2:H},null,8,te),i(`text`,{class:`dl-gan__ylab`,x:26,y:22,"text-anchor":`end`},`0.6`,8,ne),i(`text`,{class:`dl-gan__ylab`,x:26,y:154,"text-anchor":`end`},`0`,8,w),(p(!0),a(s,null,r(u(x),(e,t)=>(p(),a(`g`,{key:t},[f(` the real data: an outline, because it is fixed and not yours to move `),i(`rect`,{class:`dl-gan__real`,x:Z(t),width:B,y:H-X(e),height:X(e)},null,8,T),i(`text`,{class:`dl-gan__val`,x:Z(t)+B/2,y:H-X(e)-6,"text-anchor":`middle`},n(e.toFixed(2)),9,E),f(` the generator: solid, and the only thing that moves `),i(`rect`,{class:`dl-gan__fake`,x:Z(t)+B+4,width:B,y:H-X(q.value[t]),height:X(q.value[t])},null,8,D),i(`text`,{class:`dl-gan__val is-fake`,x:Z(t)+B*1.5+4,y:H-X(q.value[t])-6,"text-anchor":`middle`},n(q.value[t].toFixed(2)),9,O),i(`text`,{class:`dl-gan__mode`,x:Z(t)+B+2,y:168,"text-anchor":`middle`},` mode `+n(t+1),9,k),f(` the best possible discriminator on this bin `),i(`text`,{class:`dl-gan__dstar`,x:Z(t)+B+2,y:192,"text-anchor":`middle`},` D* = `+n(J.value.d[t].toFixed(3)),9,A)]))),128)),c[6]||=i(`g`,{class:`dl-gan__key`},[i(`rect`,{class:`dl-gan__real`,x:`300`,y:`10`,width:`15`,height:`11`}),i(`text`,{x:`322`,y:`20`},`real, P`),i(`rect`,{class:`dl-gan__fake`,x:`376`,y:`10`,width:`15`,height:`11`}),i(`text`,{x:`398`,y:`20`},`generated, Q`)],-1)]))]),_:1})}}}),[[`__scopeId`,`data-v-a8c333fd`]]);export{W as t};

lecture-07/assets/AdversarialGame-CPtN5Ta6.css

@@ -0,0 +1 @@
+.dl-gan[data-v-a8c333fd]{width:100%;height:100%;max-height:15rem;font-family:inherit}.dl-gan__axis[data-v-a8c333fd]{stroke:var(--dl-muted);stroke-width:1.5px}.dl-gan__ylab[data-v-a8c333fd],.dl-gan__key text[data-v-a8c333fd]{fill:var(--dl-muted);font-size:11px}.dl-gan__real[data-v-a8c333fd]{fill:none;stroke:var(--dl-body);stroke-width:2px;stroke-dasharray:4 3}.dl-gan__fake[data-v-a8c333fd]{fill:var(--dl-accent)}.dl-gan__val[data-v-a8c333fd]{fill:var(--dl-body);font-variant-numeric:tabular-nums;font-size:12px}.dl-gan__val.is-fake[data-v-a8c333fd]{fill:var(--dl-accent);font-weight:600}.dl-gan__mode[data-v-a8c333fd]{fill:var(--dl-body);font-size:12.5px}.dl-gan__dstar[data-v-a8c333fd]{fill:var(--dl-heading);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:600}.dl-gan__out[data-v-a8c333fd]{flex-direction:column;gap:.12rem;width:100%;display:flex}.dl-gan__row[data-v-a8c333fd]{color:var(--dl-heading);align-items:baseline;gap:.7rem;font-size:.86rem;display:flex}.dl-gan__row.is-quiet[data-v-a8c333fd]{color:var(--dl-muted);font-size:.8rem}.dl-gan__name[data-v-a8c333fd]{min-width:11.5rem}.dl-gan__num[data-v-a8c333fd]{color:var(--dl-accent);font-variant-numeric:tabular-nums;text-align:right;min-width:5rem;font-weight:700}.dl-gan__note[data-v-a8c333fd]{color:var(--dl-muted);font-size:.78rem;font-weight:400}

lecture-07/assets/AutoencoderLab-BPSflqHA.css

@@ -0,0 +1 @@
+.dl-ae[data-v-f2ff8b85]{flex-direction:column;gap:.1rem;width:100%;display:flex}.dl-ae__strip[data-v-f2ff8b85]{flex:none;width:100%;height:2.6rem;font-family:inherit}.dl-ae__axis[data-v-f2ff8b85]{stroke:var(--dl-muted);stroke-width:1.2px}.dl-ae__tick[data-v-f2ff8b85]{stroke:var(--dl-body);stroke-width:1.4px}.dl-ae__probe[data-v-f2ff8b85]{stroke:var(--dl-heading);stroke-width:2.4px}.dl-ae__probe.is-hole[data-v-f2ff8b85]{stroke:var(--dl-danger)}.dl-ae__probelab[data-v-f2ff8b85]{fill:var(--dl-heading);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.dl-ae__probelab.is-hole[data-v-f2ff8b85]{fill:var(--dl-danger)}.dl-ae__striplab[data-v-f2ff8b85]{fill:var(--dl-muted);font-size:12px;font-style:italic}

lecture-07/assets/AutoencoderLab-BmCWWAhi.js

@@ -0,0 +1 @@
+import{$ as e,S as t,St as n,V as r,_ as i,b as a,g as o,m as s,ut as c,v as l,vt as u,w as d,y as f,yt as p,z as m}from"./modules/shiki-CkJq9tSf.js";import{t as h}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as g}from"./slidev/context-DnYiQGy6.js";import{D as _,O as v,d as y,f as b,s as x,x as S,y as C}from"./useGenerative-DDHg2gzY.js";import{t as w}from"./Plot2D-C9URVmMB.js";import{t as T}from"./PlotLabel-BilrlAqg.js";import{t as E}from"./PlotPoints-CeOGnq0p.js";import{t as D}from"./PlotCurve-CJaWe74-.js";var O={class:`dl-ae`},ee={class:`dl-ae__strip`,viewBox:`0 0 470 46`,role:`img`,"aria-label":`The latent codes of every training point, on one axis`},k=[`x1`,`x2`],A=[`x1`,`x2`],j=[`x1`,`x2`],M=[`x`],N={key:0},P={key:1},F={key:2},I={key:3},L=420,R=26,z=h(d({__name:`AutoencoderLab`,props:{latentDim:{default:1}},setup(d){let{$slidev:h,$nav:z,$clicksContext:te,$clicks:ne,$page:re,$renderContext:ie,$frontmatter:ae}=g(),B=c(d.latentDim),V=S(22),H=y(V),U=o(()=>B.value===2?V:V.map(C)),W=o(()=>{let e=[];for(let t=0;t<=80;t++)e.push(x(-1.25+2.5*t/80));return e}),G=[-1,0,...b(H)],K=c(-1),q=o(()=>K.value>=0?G[K.value%G.length]:null),J=o(()=>q.value===null?null:x(q.value)),Y=o(()=>{let e=J.value;return e?Math.sqrt(Math.min(...V.map(t=>(t.x-e.x)**2+(t.y-e.y)**2))):null}),X=o(()=>Y.value!==null&&Y.value>.6);function Z(){K.value+=1}function Q(){K.value=-1}function $(e){return R+(e+1.5)/3*L}return(o,c)=>{let d=D,h=E,g=T,y=w,b=_,x=v;return m(),l(x,{"max-width":`44rem`},{controls:e(()=>[t(b,{label:B.value===1?`latent = 1 (undercomplete)`:`latent = 2 (as wide as the input)`,variant:`ghost`,glyph:`⇆`,onClick:c[0]||=e=>B.value=B.value===1?2:1},null,8,[`label`]),t(b,{label:`Decode a fresh z`,disabled:B.value!==1,onClick:Z},null,8,[`disabled`]),K.value>=0?(m(),l(b,{key:0,label:`Clear`,variant:`ghost`,onClick:Q})):f(`v-if`,!0)]),readout:e(()=>[B.value===2?(m(),a(`span`,N,` Latent as wide as the input: the reconstruction is exact and the model has learned nothing — grey and teal are the same points. `)):q.value===null?(m(),a(`span`,P,` Latent codes sit in three clumps with two gaps. Decode a z from a gap and see what comes out. `)):X.value?(m(),a(`span`,F,` z = `+n(q.value.toFixed(2))+` fell in a gap. The nearest real example is `+n(Y.value.toFixed(2))+` away — this output is not data. `,1)):(m(),a(`span`,I,` z = `+n(q.value.toFixed(2))+` sits inside a clump, so it decodes to something plausible — nearest real example `+n(Y.value.toFixed(2))+` away. `,1))]),default:e(()=>[i(`div`,O,[t(y,{"x-domain":[-3.6,3.6],"y-domain":[-2.4,2.4],width:470,height:220,"x-ticks":[-3,0,3],"y-ticks":[-2,0,2]},{default:e(()=>[f(` everything a 1-D decoder can produce, ever `),B.value===1?(m(),l(d,{key:0,points:W.value,color:`var(--dl-accent)`,width:2,opacity:.5},null,8,[`points`])):f(`v-if`,!0),t(h,{points:u(V),radius:3.4,color:`var(--dl-muted)`,opacity:.55},null,8,[`points`]),t(h,{points:U.value,radius:3,color:`var(--dl-accent)`},null,8,[`points`]),J.value?(m(),a(s,{key:1},[t(h,{points:[{...J.value,highlight:!0}],radius:7,color:X.value?`var(--dl-danger)`:`var(--dl-heading)`},null,8,[`points`,`color`]),t(g,{at:[J.value.x,J.value.y],text:`g(${q.value.toFixed(2)})`,dy:-14,color:X.value?`var(--dl-danger)`:`var(--dl-heading)`,bold:``},null,8,[`at`,`text`,`color`])],64)):f(`v-if`,!0)]),_:1}),f(` where the training data's codes actually are `),(m(),a(`svg`,ee,[i(`line`,{class:`dl-ae__axis`,x1:$(-1.5),x2:$(1.5),y1:`26`,y2:`26`},null,8,k),(m(!0),a(s,null,r(u(H),(e,t)=>(m(),a(`line`,{key:t,class:`dl-ae__tick`,x1:$(e),x2:$(e),y1:`16`,y2:`26`},null,8,A))),128)),q.value===null?f(`v-if`,!0):(m(),a(s,{key:0},[i(`line`,{class:p([`dl-ae__probe`,{"is-hole":X.value}]),x1:$(q.value),x2:$(q.value),y1:`10`,y2:`34`},null,10,j),i(`text`,{class:p([`dl-ae__probelab`,{"is-hole":X.value}]),x:$(q.value),y:`44`,"text-anchor":`middle`},`z = `+n(q.value.toFixed(2)),11,M)],64)),c[1]||=i(`text`,{class:`dl-ae__striplab`,x:`8`,y:`30`},`z`,-1)]))])]),_:1})}}}),[[`__scopeId`,`data-v-f2ff8b85`]]);export{z as t};

lecture-07/assets/Citation-BuY_RPc0.js

@@ -0,0 +1 @@
+import{H as e,St as t,b as n,m as r,w as i,x as a,z as o}from"./modules/shiki-CkJq9tSf.js";import{t as s}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as c}from"./slidev/context-DnYiQGy6.js";var l={class:`dl-citation`},u=[`href`],d=s(i({__name:`Citation`,props:{source:{},url:{}},setup(i){let{$slidev:s,$nav:d,$clicksContext:f,$clicks:p,$page:m,$renderContext:h,$frontmatter:g}=c(),_=i;return(i,s)=>(o(),n(`span`,l,[_.url?(o(),n(`a`,{key:0,href:_.url,target:`_blank`,rel:`noopener`},t(_.source),9,u)):(o(),n(r,{key:1},[a(t(_.source),1)],64)),e(i.$slots,`default`,{},void 0,!0)]))}}),[[`__scopeId`,`data-v-11a8cabc`]]);export{d as t};

lecture-07/assets/Citation-rca7ok54.css

@@ -0,0 +1 @@
+.dl-citation[data-v-11a8cabc]{font-size:var(--dl-fs-citation);color:var(--dl-muted)}.dl-citation a[data-v-11a8cabc]{color:inherit;border-bottom:1px dotted}

lecture-07/assets/DeckFooter-B6vKMo6W.css

@@ -0,0 +1 @@
+.dl-footer[data-v-fe908050]{letter-spacing:.04em;color:var(--dl-muted);pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;display:flex;position:absolute;bottom:1rem;left:3rem;right:3rem}.dl-footer__left[data-v-fe908050]{align-items:center;gap:.4rem;min-width:0;display:flex}.dl-footer__code[data-v-fe908050]{color:var(--dl-accent);font-weight:700}.dl-footer__sep[data-v-fe908050]{opacity:.5}.dl-footer__title[data-v-fe908050]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dl-footer__right[data-v-fe908050]{font-variant-numeric:tabular-nums;flex-shrink:0}

lecture-07/assets/DeckFooter-tFze9YsO.js

@@ -0,0 +1 @@
+import{St as e,_ as t,b as n,g as r,vt as i,w as a,y as o,z as s}from"./modules/shiki-CkJq9tSf.js";import{t as c}from"./useNav-DOs7c9Ie.js";import{t as l}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as u}from"./slidev/context-DnYiQGy6.js";import"./syncState-BCmj5bTl.js";import"./index-DYEUBAok.js";import"./useDrawings-dMxKslDP.js";var d={class:`dl-footer`},f={class:`dl-footer__left`},p={key:0,class:`dl-footer__code`},m={key:1,class:`dl-footer__sep`},h={key:2},g={key:3,class:`dl-footer__sep`},_={key:4,class:`dl-footer__title`},v={class:`dl-footer__right`},y=l(a({__name:`DeckFooter`,setup(a){let{$slidev:l}=u(),y=c(),b=r(()=>l?.themeConfigs??{}),x=r(()=>b.value.courseCode??``),S=r(()=>b.value.lecture??``),C=r(()=>b.value.lectureTitle??``);return(r,a)=>(s(),n(`footer`,d,[t(`div`,f,[x.value?(s(),n(`span`,p,e(x.value),1)):o(`v-if`,!0),S.value?(s(),n(`span`,m,`·`)):o(`v-if`,!0),S.value?(s(),n(`span`,h,`Lecture `+e(S.value),1)):o(`v-if`,!0),C.value?(s(),n(`span`,g,`·`)):o(`v-if`,!0),C.value?(s(),n(`span`,_,e(C.value),1)):o(`v-if`,!0)]),t(`div`,v,e(i(y).currentPage.value)+` / `+e(i(y).total.value),1)]))}}),[[`__scopeId`,`data-v-fe908050`]]);export{y as t};

lecture-07/assets/DiffusionLab-CpbESuYa.css

@@ -0,0 +1 @@
+.dl-diff__out[data-v-22c227ee]{flex-wrap:wrap;align-items:baseline;gap:.15rem 1.2rem;display:flex}.dl-diff__out b[data-v-22c227ee]{color:var(--dl-accent);font-weight:700}.dl-diff__note[data-v-22c227ee]{color:var(--dl-muted);font-style:italic}

lecture-07/assets/DiffusionLab-DyGhc6Y6.js

@@ -0,0 +1 @@
+import{$ as e,S as t,St as n,V as r,_ as i,b as a,g as o,m as s,ut as c,v as l,vt as u,w as d,x as f,z as p}from"./modules/shiki-CkJq9tSf.js";import{t as m}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as h}from"./slidev/context-DnYiQGy6.js";import{C as g,D as _,E as v,O as y,b,l as x,m as S,p as C,x as w}from"./useGenerative-DDHg2gzY.js";import{t as T}from"./Plot2D-C9URVmMB.js";import{t as E}from"./PlotPoints-CeOGnq0p.js";import{t as D}from"./Slider-Bf0ITYx4.js";import{t as O}from"./PlotLine-CjM2Thxu.js";var k={class:`dl-diff__out`},A={class:`dl-diff__note`},j=m(d({__name:`DiffusionLab`,props:{reverse:{type:Boolean,default:!1},field:{type:Boolean,default:!1}},setup(d){let{$slidev:m,$nav:j,$clicksContext:M,$clicks:N,$page:P,$renderContext:F,$frontmatter:I}=h(),L=d,{alphaBar:R,steps:z}=S(),B=c(L.reverse?`reverse`:`forward`),V=c(L.field),H=c(L.reverse?z-1:0),U=w(20),W=(()=>{let e=v(31337);return U.map(()=>({x:e(),y:e()}))})(),G=o(()=>R.map(e=>U.map((t,n)=>x(t,e,W[n])))),K=o(()=>{let e=Array(z),t=g(20);e[z-1]=t;for(let n=z-1;n>0;n--)t=t.map(e=>b(e,R[n],R[n-1])),e[n-1]=t;return e}),q=o(()=>(B.value===`forward`?G.value:K.value)[H.value]),J=o(()=>R[H.value]),Y=o(()=>{if(!V.value)return[];let e=[],t=.6;for(let n=-3;n<=3;n+=1.5)for(let r=-2;r<=2;r+=1.33){let i=C({x:n,y:r},J.value),a=Math.hypot(i.x,i.y);a<1e-9||e.push({from:[n,r],to:[n+i.x/a*t,r+i.y/a*t]})}return e});function X(e){H.value=Math.min(Math.max(e,0),z-1)}return(o,c)=>{let d=O,m=E,h=T,g=D,v=_,b=y;return p(),l(b,{"max-width":`44rem`},{controls:e(()=>[t(g,{modelValue:H.value,"onUpdate:modelValue":c[0]||=e=>H.value=e,label:B.value===`forward`?`noise level t`:`sampling step t`,min:0,max:u(z)-1,step:1,precision:0},null,8,[`modelValue`,`label`,`max`]),t(v,{label:B.value===`forward`?`forward — add noise`:`reverse — remove it`,variant:`ghost`,glyph:`⇄`,onClick:c[1]||=e=>B.value=B.value===`forward`?`reverse`:`forward`},null,8,[`label`]),t(v,{label:`t = 0`,variant:`ghost`,onClick:c[2]||=e=>X(0)}),t(v,{label:`t = ${u(z)-1}`,variant:`ghost`,onClick:c[3]||=e=>X(u(z)-1)},null,8,[`label`]),t(v,{label:V.value?`hide the field`:`show the field`,variant:`ghost`,onClick:c[4]||=e=>V.value=!V.value},null,8,[`label`])]),readout:e(()=>[i(`div`,k,[i(`span`,null,[c[5]||=f(`t = `,-1),i(`b`,null,n(H.value),1),f(` of `+n(u(z)-1),1)]),i(`span`,null,[c[6]||=f(`√ᾱ`,-1),c[7]||=i(`sub`,null,`t`,-1),c[8]||=f(` = `,-1),i(`b`,null,n(Math.sqrt(J.value).toFixed(3)),1),c[9]||=f(` of the image`,-1)]),i(`span`,null,[c[10]||=f(`√(1−ᾱ`,-1),c[11]||=i(`sub`,null,`t`,-1),c[12]||=f(`) = `,-1),i(`b`,null,n(Math.sqrt(1-J.value).toFixed(3)),1),c[13]||=f(` of noise`,-1)]),i(`span`,A,n(B.value===`forward`?`every frame computed from x₀ in one step — no chain simulated`:`each frame needs the one before it — this is why sampling is slow`),1)])]),default:e(()=>[t(h,{"x-domain":[-4,4],"y-domain":[-2.8,2.8],width:470,height:252,"x-ticks":[-4,-2,0,2,4],"y-ticks":[-2,0,2]},{default:e(()=>[(p(!0),a(s,null,r(Y.value,(e,t)=>(p(),l(d,{key:`a${t}`,from:e.from,to:e.to,color:`var(--dl-muted)`,width:1.2,opacity:.55,arrow:``},null,8,[`from`,`to`]))),128)),t(m,{points:q.value,radius:4.2,color:`var(--dl-accent)`},null,8,[`points`])]),_:1})]),_:1})}}}),[[`__scopeId`,`data-v-22c227ee`]]);export{j as t};

lecture-07/assets/DrawingControls-Dhbx0szf.css

@@ -0,0 +1 @@
+.v-popper--theme-dropdown .v-popper__arrow-inner{border-color:#9ca3af33}