2d:null 2e:["$","title",null,{"children":"호기심 해결 in 머신러닝: NVIDIA DLSS 3는 정말 마법과 같이 동작할까? | Humble Data Miner | Observable"}] 33:T5c5,{ const rs = rendersize; const fs = framesize; const ls = 40; const bs = 200; const as = 10; const ctx = DOM.context2d(fs.width*maxframes+fs.margin*(maxframes-1), ls); const cnv = ctx.canvas; ctx.beginPath(); ctx.moveTo(fs.width/2,0); ctx.lineTo(fs.width/2,ls); ctx.moveTo(fs.width/2,ls/3); ctx.lineTo(fs.width*3/2+fs.margin-bs/2,ls/3); ctx.moveTo(fs.width/2+(fs.margin+fs.width)*2,0); ctx.lineTo(fs.width/2+(fs.margin+fs.width)*2,ls); ctx.moveTo(fs.width/2+(fs.margin+fs.width)*2,ls/3); ctx.lineTo(fs.width/2+(fs.margin+fs.width)+bs/2,ls/3); ctx.moveTo(fs.width/2+(fs.margin+fs.width),ls*2/3+1); ctx.lineTo(fs.width/2+(fs.margin+fs.width),ls); ctx.stroke(); ctx.beginPath(); ctx.moveTo(fs.width*3/2+fs.margin-bs/2,ls/3); ctx.lineTo(fs.width*3/2+fs.margin-bs/2-as,ls/3-as/2); ctx.lineTo(fs.width*3/2+fs.margin-bs/2-as,ls/3+as/2); ctx.moveTo(fs.width*3/2+fs.margin+bs/2,ls/3); ctx.lineTo(fs.width*3/2+fs.margin+bs/2+as,ls/3-as/2); ctx.lineTo(fs.width*3/2+fs.margin+bs/2+as,ls/3+as/2); ctx.moveTo(fs.width/2+(fs.margin+fs.width),ls); ctx.lineTo(fs.width/2+(fs.margin+fs.width)+as/2,ls-as); ctx.lineTo(fs.width/2+(fs.margin+fs.width)-as/2,ls-as); ctx.fill(); ctx.strokeRect(fs.width*3/2+fs.margin-bs/2,1,bs,ls*2/3); ctx.font = "20px Arial" ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillStyle = "black"; ctx.fillText("Frame Generation",fs.width/2+(fs.margin+fs.width),ls/3+2); return cnv; }34:T455,generated_frames = { const rs = rendersize; const fs = framesize; const ctx = DOM.context2d(fs.width*maxframes+fs.margin*(maxframes-1), rs.height+caption_height); const cnv = ctx.canvas; ctx.beginPath(); ctx.moveTo(fs.width/2,0); ctx.lineTo(fs.width/2,fs.height); ctx.moveTo(fs.width/2+(fs.width+fs.margin)*2,0); ctx.lineTo(fs.width/2+(fs.width+fs.margin)*2,fs.height); ctx.stroke(); return Object.assign(cnv, { update(frames){ for(let i=frames.length-1; i>=0; i--) { if (!frames[i]) continue; const rx = (fs.width-rs.width)/2+(i*2+1)*(fs.margin+fs.width); const tx = fs.width/2 + (i*2+1)*(fs.margin+fs.width); const img = new Image; img.src = frames[i]; img.onload = function(){ctx.drawImage(img,rx,caption_height);}; ctx.clearRect(rx, 0, rs.width, caption_height); ctx.strokeRect(rx, 0, rs.width, caption_height); set_text_style_as_default(ctx); ctx.fillText(`Generated @ ${(i-frames.length)*(1000/fps/2).toFixed(0)}ms (${rs.width},${rs.height})`, tx, 5); } } } ); }35:T4b5,{ const rs = rendersize; const fs = framesize; const ls = 50; const bs = 200; const as = 10; const ctx = DOM.context2d(fs.width*maxframes+fs.margin*(maxframes-1), ls); const cnv = ctx.canvas; for(let i=0; iMath.max(0.2,Math.min(this.lerp(t),2)); this.color = "rgb(255,0,255)"; this.bs = Math.floor(0.1*cnv.height); } _ax(x,a) { return x/*+Math.sin(a)/4*/; } // fixed-x + angular-xdiff _ay(y,a) { return y/*+Math.cos(a)/4*/; } // fixed-y + angular-ydiff project(dur) { return {x:this.x, y:this.y+this.interp(this.y)*dur, a:this.a+dur*Math.PI*2}; } update(dur) { const p = this.project(dur); this.x=p.x; this.y=p.y; this.a=p.a; } draw_coord(x,y) { ctx.fillStyle = this.color; const bs = this.bs; if(this.acc == 0) { ctx.fillRect(cx(x)-this.bs/2,cy(y)-this.bs/2,this.bs,this.bs); } else if (this.acc == 1) { ctx.beginPath(); ctx.moveTo(cx(x),cy(y)+bs/2); ctx.lineTo(cx(x)+bs/2,cy(y)-bs/2); ctx.lineTo(cx(x)-bs/2,cy(y)-bs/2); ctx.fill(); } else if (this.acc == -1) { ctx.beginPath(); ctx.moveTo(cx(x),cy(y)-bs/2); ctx.lineTo(cx(x)+bs/2,cy(y)+bs/2); ctx.lineTo(cx(x)-bs/2,cy(y)+bs/2); ctx.fill(); } } draw() { this.draw_coord(this._ax(this.x,this.a),this._ay(this.y,this.a)); } draw_fgen(dur) { const p = this.project(dur); this.draw_coord( d3.interpolateNumber(this._ax(this.x,this.a),this._ax(p.x,p.a))(0.5), d3.interpolateNumber(this._ay(this.y,this.a),this._ay(p.y,p.a))(0.5)); } } class Bullets { constructor() { this.list = []; this.max = 3; this.lambda = 2; this.rng = d3.randomExponential(this.lambda); this.wtime = 0; } update(dur) { this.list.forEach(b=>{b.update(dur);}); this.list = this.list.filter(b=>b.y<1.1); if(this.list.length < this.max) { if(this.wtime <= 0) { this.list.push(new Bullet()); this.wtime = this.rng(); } else{ this.wtime -= dur; } } } draw() { this.list.forEach(b=>{b.draw();}); } draw_fgen(dur) { this.list.forEach(b=>{b.draw_fgen(dur);}); } } class Radial { constructor() { this.arng = d3.randomUniform(0,2*Math.PI); this.a = this.arng(); this.x = 0.5; this.y = 0.5; this.r = 0.1; this.color = "rgb(255,0,255)"; this.bs = Math.floor(0.1*cnv.height); } _ax(x,a,r) { return x+Math.sin(a)*r; } // fixed-x + angular-xdiff _ay(y,a,r) { return y+Math.cos(a)*r; } // fixed-y + angular-ydiff project(dur) { return {x:this.x, y:this.y, r:this.r+dur/10, a:this.a+dur*Math.PI*4}; } update(dur) { const p = this.project(dur); this.x=p.x; this.y=p.y; this.r=p.r; this.a=p.a; } draw_coord(x,y) { ctx.fillStyle = this.color; const bs = this.bs; ctx.beginPath(); ctx.arc(cx(x),cy(y),bs/2,0,2*Math.PI); ctx.fill(); } draw() { this.draw_coord(this._ax(this.x,this.a,this.r),this._ay(this.y,this.a,this.r)); } draw_fgen(dur) { const p = this.project(dur); this.draw_coord( d3.interpolateNumber(this._ax(this.x,this.a,this.r),this._ax(p.x,p.a,p.r))(0.5), d3.interpolateNumber(this._ay(this.y,this.a,this.r),this._ay(p.y,p.a,p.r))(0.5)); } } class Radials { constructor() { this.list = []; this.max = 1; this.lambda = 2; this.rng = d3.randomExponential(this.lambda); this.wtime = 0; } update(dur) { this.list.forEach(b=>{b.update(dur);}); this.list = this.list.filter(b=>(b.y+b.r)<1.1); if(this.list.length < this.max) { if(this.wtime <= 0) { this.list.push(new Radial()); this.wtime = this.rng(); } else{ this.wtime -= dur; } } } draw() { this.list.forEach(b=>{b.draw();}); } draw_fgen(dur) { this.list.forEach(b=>{b.draw_fgen(dur);}); } } const player = new Player(); const bullets = new Bullets(); const radials = new Radials(); function drawbackground() { ctx.fillStyle = "hsl(216deg 100% 13%)"; ctx.fillRect(0, 0,cnv.width,cnv.height); } return Object.assign(cnv, { tick(i,dur){ if(pause) return; const gen = (i%2 == 1); const edur = dur*2; // effective-dur const fps = (tickcount+1)/(performance.now()-perfstart)*1000; if(gen) { drawbackground(); player.draw_fgen(edur); bullets.draw_fgen(edur); radials.draw_fgen(edur); generated.push(cnv.toDataURL()); while(generated.length > 1) { generated.shift(); } generated_frames.update(generated); post_ss_frames.update([rendered[0], generated.length>0?generated[0]:null, rendered.length>1?rendered[1]:null]); final_frames.update_all(generated.length>0?generated[0]:null, fps*2); } else { drawbackground(); player.update(edur); bullets.update(edur); radials.update(edur); player.draw(); bullets.draw(); radials.draw(); lastdir = getkeydir(); rendered.push(cnv.toDataURL()); while(rendered.length>2) {rendered.shift()}; pre_ss_frames.update(rendered); const frames = [rendered[0], generated.length>0?generated[0]:null, rendered.length>1?rendered[1]:null]; post_ss_frames.update(frames); final_frames.update_all(rendered.length>0?rendered.slice(-1):null, fps*2); final_frames.update_rendered(rendered.length>0?rendered.slice(-1):null, fps); tickcount += 1; } }, change_fps(fps) { perfstart = performance.now(); tickcount = 0; } }); }38:[{"id":"4a7a01c6fb2e84c6797b6e8c6f0e0d6873ffc74152782592ea817f1889f8ded16725b32b93cd13ee402fc77defe31501ac6fff7e25260552d90427d12888cc05","href":"https://static.observableusercontent.com/files/4a7a01c6fb2e84c6797b6e8c6f0e0d6873ffc74152782592ea817f1889f8ded16725b32b93cd13ee402fc77defe31501ac6fff7e25260552d90427d12888cc05","name":"image.png","type":"image/png","lastModified":1681427138973.936,"size":1462443},{"id":"0844780fd0a9effbd37c8f4dd5967cc51d8109140cb1e5c8dcc702b13656c2c7447c1d0d682da48a40a105ea469686d2573f41ecbe723ad16b54dbe20dce5ff8","href":"https://static.observableusercontent.com/files/0844780fd0a9effbd37c8f4dd5967cc51d8109140cb1e5c8dcc702b13656c2c7447c1d0d682da48a40a105ea469686d2573f41ecbe723ad16b54dbe20dce5ff8","name":"image@1.png","type":"image/png","lastModified":1681435749328.864,"size":411307},{"id":"cb56aaed8774178e746432855a8a96e62186ed079a25e4db8ff17bb1938d864890b7c1af564bc672a0245e9addec7ea680308e7737ea7c0c145ec53a5fc19035","href":"https://static.observableusercontent.com/files/cb56aaed8774178e746432855a8a96e62186ed079a25e4db8ff17bb1938d864890b7c1af564bc672a0245e9addec7ea680308e7737ea7c0c145ec53a5fc19035","name":"image@2.png","type":"image/png","lastModified":1681435761387.048,"size":390912}] 31:{"id":"6f1b69bf14154f3e","slug":"myth-buster-in-ml-dlss3","title":"호기심 해결 in 머신러닝: NVIDIA DLSS 3는 정말 마법과 같이 동작할까?","thumbnail":"e6e31e2c5a0879dbbb10ccd56975bb58cf678b257aabd37de217b2b3fad65dd9","access_level":"public","create_time":"$D2023-04-05T11:12:32.521Z","update_time":"$D2023-04-15T07:42:47.223Z","view_time":null,"first_public_time":"$D2023-04-05T11:12:32.521Z","has_unpublished_edits":null,"fork":{"id":"588e80df1b09ca8c","slug":"simple-html-canvas","title":"Simple HTML Canvas","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":"starter_2024"},"version":805,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null}],"members":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"호기심 해결 in 머신러닝: NVIDIA DLSS 3는 정말 마법과 같이 동작할까?","cells":[{"id":0,"value":"# 호기심 해결 in 머신러닝: NVIDIA DLSS 3는 정말 마법과 같이 동작할까?\n\n* 어느 게임 웹진기사의 선언적인 한 문장에서 시작한 호기심\n * \"(DLSS 3와 같은) Frame Generation은 앞으로 필수적인 대세기술이다\"\n * 정말로 결점을 감안하고도 충분히 효용을 얻을수있는 기술일까?\n* 다른 기사에서 찾아볼수 있는 추가질문\n * \"DLSS 3의 Input Latency문제는 Reflex라는 기술로 커버가능하다\"\n * Reflex는 DLSS 3의 결함을 보완해주는 기술일까? ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":621,"value":"---\n## DLSS? DLSS 3?\n\n* 애초에 DLSS는 NVIDIA에서 선보인 딥러닝기반 Upscaling 기술임\n * Deep Learning Super Sampling의 약자\n * DLSS 2까지는 Upscaling 기술인 Super Resolution 모델만을 제공\n * e.g (FHD 프레임) → [모델] → (QHD 프레임)\n * DLSS 3에서 Interpolation 기술인 Frame Generation 모델을 추가함\n * e.g (이전 프레임, 현재 프레임) → [모델] → (현재,이전사이 중간 프레임)\n* DLSS 2 = Super Resolution\n* DLSS 3 = Super Resolution + Frame Generation\n* DLSS지원을 위한 Tensor Core 모듈추가는 가격상승 요인중 하나","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":673,"value":"
\n## 공식자료 훑어보기\n* 우선 핵심인 Super Resolution, (Optical Multi)Frame Generation 모델이 보인다\n* 중간에 Motion Vectors, Optical Flow?\n * 시간상 연속한 두프레임사이에서 얻을수 있는 정보\n * 대략적으로 일관성을 가진 인접 픽셀집합의 움직임정보를 말하는것 같다...\n * 비전공자로서 더 궁금한분들을 위해 자세히 설명된 참고자료를 남긴다\n * [Jinsol Kim - 옵티컬 플로우 (Optical Flow) 알아보기](https://gaussian37.github.io/vision-concept-optical_flow/)\n* DLSS 3의 모든 과정은 더이상 렌더러와 관련이 없다는점에 유의\n * 프레임만의 연산이므로 추가적인 렌더링부하가 없지만\n * 프레임만의 연산이므로 픽셀값만이 유일한 초기정보이다\n * 화면상 물체나 광원의 3차원공간상 위치정보가 없다","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":652,"value":"![image.png](${await FileAttachment(\"image.png\").url()})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":698,"value":"
\n## DLSS 3 흉내내기\n\n* 간단한 탄막 피하기 게임\n * DLSS가 이상적으로 동작할수 있는 환경\n * 물체의 픽셀값이 배경과 명확히 구분됨\n * 각 모델의 기능적 대체\n * Super Resolution 모델: 이미지 확대\n * Frame Generation 모델: 물체간 위치의 선형보간\n * 조작\n * 좌우 화살표 키(←,→)로 청록색 플레이어를 이동\n * 스페이스키로 일시정지\n * 슬라이더로 렌더링 FPS를 변경가능 (5~15 FPS)\n * 충돌처리없음 그러므로 점수계산따위 없음...","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":64,"value":"viewof fps = Inputs.range([5,15],{label:\"Render FPS\",step:1,value:10});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"pre_ss_frames = {\n const rs = rendersize;\n const fs = framesize;\n const ctx = DOM.context2d(fs.width*maxframes+fs.margin*(maxframes-1), rs.height+caption_height);\n const cnv = ctx.canvas;\n //ctx.strokeRect(0,0,cnv.width, cnv.height);\n \n return Object.assign(cnv, {\n update(frames){\n for(let i=frames.length-1; i>=0; i--) {\n if (!frames[i])\n continue;\n const rx = (fs.width-rs.width)/2+(i*2)*(fs.margin+fs.width);\n const tx = fs.width/2 + (i*2)*(fs.margin+fs.width);\n const img = new Image;\n img.src = frames[i];\n img.onload = function(){ctx.drawImage(img,rx,caption_height);};\n ctx.clearRect(rx, 0, rs.width, caption_height);\n ctx.strokeRect(rx, 0, rs.width, caption_height);\n set_text_style_as_default(ctx);\n ctx.fillText(`Rendered @ ${(i-frames.length+1)*(1000/fps).toFixed(0)}ms (${rs.width},${rs.height})`, tx, 5);\n }\n }\n }\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":583,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"post_ss_frames = {\n const rs = rendersize;\n const fs = framesize;\n const ctx = DOM.context2d(fs.width*maxframes+fs.margin*(maxframes-1), fs.height+caption_height);\n const cnv = ctx.canvas;\n //ctx.strokeRect(0,0,cnv.width, cnv.height);\n \n return Object.assign(cnv, {\n update(frames){\n for(let i=frames.length-1; i>=0; i--) {\n if(!frames[i])\n continue;\n const rx = i*(fs.margin+fs.width);\n const img = new Image;\n img.src = frames[i];\n img.onload = function(){ctx.drawImage(img,rx,caption_height,fs.width,fs.height);};\n ctx.clearRect(rx, 0, fs.width, caption_height);\n ctx.strokeRect(rx, 0, fs.width, caption_height);\n set_text_style_as_default(ctx);\n ctx.fillText(`Upscaled @ ${(i-frames.length+1)*(1000/fps/2).toFixed(0)}ms (${fs.width},${fs.height})`,(fs.width/2)+i*(fs.margin+fs.width), 5);\n }\n }\n }\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":495,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"## DLSS 3 흉내내기 게임 해석 및 추가 주안점\n\n* 화면의 적절성\n * Super Resolution\n * 확대된 화면에서 약간 흐릿한 경계가 보이지만 받아들일만함\n * 게임 UI에 배경과 상이한 문자,숫자가 뜬다면 뭉개짐없이 확대가능?\n * Frame Generation\n * 물체의 이동경로가 선형일때, FPS에 관계없이 받아들일만함\n * 물체의 이동경로가 원형일때, FPS가 낮을수록 잘못된 결과를 보임\n * 예를들어 게임 UI에 미니맵 화살 표같은 경우\n * 머신러닝 모델의 정확도가 각각 99.9%라 하면 (1000번에 1번 부정확결과)\n * 전체 정확도 = 0.999 × 0.999 = 0.998 (500번에 1번 부정확결과)\n * 30FPS로 플레이할때 1분에 3.6번정도 부정확결과 발생\n* 입력지연 (Input Latency)\n * (사용자의 입력)과 (화면에 반영)사이의 시간\n * 일반규칙: FPS가 낮을수록 프레임간 시간간격이 크고 평균입력지연이 크다\n * Super Resolution: 입력지연과 큰 관계없음\n * Frame Generation\n * 현재 프레임이 생성되어야 중간 프레임을 만들수 있음 (+입력지연)\n * 일반규칙에 따라 FPS가 오를수록 입력지연은 줄어든다(-입력지연)\n * Frame Generation을 적용하지않은 경우의 입력지연과 비슷한 결과","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":740,"value":"
\n## TECHSPOT [DLSS 3: Fake Frames or Big Gains?](https://www.techspot.com/article/2546-dlss-3/) 기사\n\n* TECHSPOT에서 이미 2022년 10월 13일에 DLSS 3의 장단점을 잘 정리해뒀음\n* DLSS 3가 효과적인 경우\n * Frame Generation 적용이전에 이미 게임에서 100~120 FPS 가능할때\n * 높은 주사율을 가진 모니터가 필요, 240hz이상일때 이상적\n * 느린 페이스를 가진 게임 혹은 입력지연에 덜민감한 싱글플레이 게임\n * 느린 페이스를 가진 게임: 플라이트 시뮬레이터 같은\n * 입력지연에 덜민감한 싱글플레이 게임: 턴제 RPG 게임 종류\n* 입력지연은 여전히 Frame Generation의 큰 해결과제\n * FPS는 오르지만 응답성은 나아지지 않음\n * DLSS 3로 60 FPS인 게임은 응답성이 30 FPS같이 느껴짐\n* 그밖에 모든 FPS 범위내에서 발생하는 DLSS 3 문제들\n * UI 표시 문제\n * 급격한 움직임에 깜빡임, 지글거림, 흐려짐, 잔상\n* 일반적으로 시각적 완성도는 DLSS 2 성능모드보다 못함\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":752,"value":"
\n## NVIDIA Reflex?\n\n* NVIDIA에서 입력지연을 낮추기위해 도입한 기술\n * Render Queue에 GPU작업이 쌓이면 렌더링 딜레이로 인해 입력지연 증가\n * 상황에 맞게 GPU 부스터를 활용함으로써 Render Queue를 낮은수준 유지\n * 게임개발시에 NVIDIA에서 제공하는 SDK를 적용해야 사용가능\n * DLSS 3의 입력지연 문제와 아무런 관련없음\n\n#### Reflex를 쓰기전 (Render Queue에 작업이 쌓여있음)\n![image@1.png](${await FileAttachment(\"image@1.png\").url()})\n\n#### Reflex를 사용후 (Zero Render Queue)\n![image@2.png](${await FileAttachment(\"image@2.png\").url()})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":770,"value":"## 답변의 시간\n\n* (DLSS 3와 같은) Frame Generation은 앞으로 필수적인 대세기술이다?\n * 아니다. 기술적인 한계가 명확한데다 (특히 Ray Tracing이 적용된) 낮은 FPS 환경에서는 게임용이 아니라 관상용 기술에 가깝다\n * NVIDIA님아, 쓸데없는 사술말고 부디 RT Core를 성능을 개선하시길...\n* DLSS 3의 Input Latency 문제는 Reflex라는 기술로 커버가능하다?\n * 아니다. 서로 별개의 기술이고 Reflex의 사용범위와 효과는 제한적이다","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":783,"value":"---\n## 참고자료\n\n* [Jinsol Kim - 옵티컬 플로우 (Optical Flow) 알아보기](https://gaussian37.github.io/vision-concept-optical_flow/)\n* [TECHSPOT \"Nvidia DLSS 3: Fake Frames or Big Gains?\" 기사](https://www.techspot.com/article/2546-dlss-3/)\n* [Introducing NVIDIA Reflex](https://www.nvidia.com/en-us/geforce/news/reflex-low-latency-platform/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":803,"value":"---\n## 부연설명 동영상\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":324,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"rendersize = { return {height:150,width:200} };","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"framesize = { return {width:Math.round(rendersize.width*4/3)+1,height:Math.round(rendersize.height*4/3),margin:10}; }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"maxframes = 3;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"caption_height = 20","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"function set_text_style_as_default(ctx) {\n ctx.font = \"12px Arial\"\n ctx.textAlign = \"center\";\n ctx.textBaseline = \"hanging\";\n ctx.fillStyle = \"black\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":616,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"{\n const fdur = 1/fps*0.5; // 0.5 for fgen tick\n let i = 0;\n while (true) {\n yield Promises.tick(fdur*1000, canvas.tick(i++,fdur));\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"canvas.change_fps(fps);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 32:"$31:body"