Deployed c2c736e with MkDocs version: 1.6.0

This commit is contained in:
Mouse
2024-07-17 21:58:59 +08:00
parent 306a444cc6
commit 7148576e77
75 changed files with 5703 additions and 6715 deletions

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>事前准备 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>事前准备 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u4e8b\u524d\u51c6\u5907";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "01-first-steps.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u4e8b\u524d\u51c6\u5907"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "01-first-steps.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">事前准备</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">事前准备</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">事前准备</li>
<li>事前准备</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/01-first-steps.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/01-first-steps.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="first-steps">事前准备First Steps</h1> <h1 id="first-steps">事前准备First Steps</h1>
<p>在本书中我们将学习开发3D游戏所涉及的主要技术。本书将使用Java语言和Java轻量级游戏库(<a href="http://www.lwjgl.org/">LWJGL</a>)来编写示例代码。LWJGL库允许我们访问底层的API应用程序接口例如OpenGL。</p> <p>在本书中我们将学习开发3D游戏所涉及的主要技术。本书将使用Java语言和Java轻量级游戏库(<a href="http://www.lwjgl.org/">LWJGL</a>)来编写示例代码。LWJGL库允许我们访问底层的API应用程序接口例如OpenGL。</p>
@@ -269,29 +250,21 @@
<p><strong>本书中源代码发布于<a href="https://github.com/lwjglgamedev/lwjglbook"><strong>GitHub</strong></a></strong></p> <p><strong>本书中源代码发布于<a href="https://github.com/lwjglgamedev/lwjglbook"><strong>GitHub</strong></a></strong></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../02-the-game-loop/" class="btn btn-neutral float-right" title="游戏循环">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../02-the-game-loop/" class="btn btn-neutral float-right" title="游戏循环">Next <span class="icon icon-circle-arrow-right"></span></a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -299,11 +272,11 @@
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -312,15 +285,16 @@
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,210 +1,191 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>游戏循环 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>游戏循环 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u6e38\u620f\u5faa\u73af";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "02-the-game-loop.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u6e38\u620f\u5faa\u73af"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "02-the-game-loop.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">游戏循环</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">游戏循环</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#osx">平台差异OSX</a> <li class="toctree-l2"><a class="reference internal" href="#osx">平台差异OSX</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">游戏循环</li>
<li>游戏循环</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/02-the-game-loop.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/02-the-game-loop.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="the-game-loop">游戏循环The Game Loop</h1> <h1 id="the-game-loop">游戏循环The Game Loop</h1>
<p>在本章中,我们将通过创建游戏循环来开始开发游戏引擎。游戏循环是每个游戏的核心部分,它基本上是一个无休止的循环,负责周期地处理用户的输入、更新游戏状态和渲染图像到屏幕上。</p> <p>在本章中,我们将通过创建游戏循环来开始开发游戏引擎。游戏循环是每个游戏的核心部分,它基本上是一个无休止的循环,负责周期地处理用户的输入、更新游戏状态和渲染图像到屏幕上。</p>
@@ -430,31 +411,22 @@ protected void render() {
<p>这将使程序使用OpenGL 3.2到4.1之间的最高版本。如果没有上述代码就会使用旧版本的OpenGL。</p> <p>这将使程序使用OpenGL 3.2到4.1之间的最高版本。如果没有上述代码就会使用旧版本的OpenGL。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../01-first-steps/" class="btn btn-neutral float-left" title="事前准备"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../03-a-brief-about-coordinates/" class="btn btn-neutral float-right" title="坐标简介">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../03-a-brief-about-coordinates/" class="btn btn-neutral float-right" title="坐标简介">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../01-first-steps/" class="btn btn-neutral" title="事前准备"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -462,11 +434,11 @@ protected void render() {
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -477,15 +449,16 @@ protected void render() {
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>坐标简介 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>坐标简介 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u5750\u6807\u7b80\u4ecb";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "03-a-brief-about-coordinates.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u5750\u6807\u7b80\u4ecb"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "03-a-brief-about-coordinates.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">坐标简介</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">坐标简介</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">坐标简介</li>
<li>坐标简介</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/03-a-brief-about-coordinates.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/03-a-brief-about-coordinates.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="a-brief-about-coordinates">坐标简介A brief about coordinates</h1> <h1 id="a-brief-about-coordinates">坐标简介A brief about coordinates</h1>
<p>本章中我们将讨论坐标和坐标系Coordinate System尝试以简单的方式介绍一些基本的数学概念为后面章节将要介绍的技术和内容提供帮助。我们将会将一些内容简化以易于学习但牺牲了准确性。</p> <p>本章中我们将讨论坐标和坐标系Coordinate System尝试以简单的方式介绍一些基本的数学概念为后面章节将要介绍的技术和内容提供帮助。我们将会将一些内容简化以易于学习但牺牲了准确性。</p>
@@ -229,31 +210,22 @@
<p>如果你不能清楚地理解这些概念,别担心。在下一章中,它们将用实例表现出来。</p> <p>如果你不能清楚地理解这些概念,别担心。在下一章中,它们将用实例表现出来。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../02-the-game-loop/" class="btn btn-neutral float-left" title="游戏循环"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../04-rendering/" class="btn btn-neutral float-right" title="渲染">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../04-rendering/" class="btn btn-neutral float-right" title="渲染">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../02-the-game-loop/" class="btn btn-neutral" title="游戏循环"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -261,11 +233,11 @@
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -276,15 +248,16 @@
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>渲染 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>渲染 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u6e32\u67d3";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "04-rendering.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u6e32\u67d3"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "04-rendering.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">渲染</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">渲染</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">渲染</li>
<li>渲染</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/04-rendering.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/04-rendering.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="rendering">渲染Rendering</h1> <h1 id="rendering">渲染Rendering</h1>
<p>在本章中我们将学习用OpenGL渲染场景时要做的事项。如果你已经习惯了OpenGL的旧版本习惯了使用固定管线你可能会跳过这一章不想知道为什么它需要这么复杂。它其实更简单、更灵活你只需要给它一个表现的机会。现代OpenGL使你只需考虑一个问题这可以使你以更合理的方式组织代码和开发。</p> <p>在本章中我们将学习用OpenGL渲染场景时要做的事项。如果你已经习惯了OpenGL的旧版本习惯了使用固定管线你可能会跳过这一章不想知道为什么它需要这么复杂。它其实更简单、更灵活你只需要给它一个表现的机会。现代OpenGL使你只需考虑一个问题这可以使你以更合理的方式组织代码和开发。</p>
@@ -537,31 +518,22 @@ glBindVertexArray(0);
<p>这就是我们的第一个三角形!你也许会想这并不会使它成为前十名的游戏,你的想法是对的。你也可以认为这是一件无聊的事情来画一个无聊的三角形。但请记住,我们正在介绍关键的概念,并准备基于架构来做更复杂的事情,请耐心等待,继续阅读。</p> <p>这就是我们的第一个三角形!你也许会想这并不会使它成为前十名的游戏,你的想法是对的。你也可以认为这是一件无聊的事情来画一个无聊的三角形。但请记住,我们正在介绍关键的概念,并准备基于架构来做更复杂的事情,请耐心等待,继续阅读。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../03-a-brief-about-coordinates/" class="btn btn-neutral float-left" title="坐标简介"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../05-more-on-rendering/" class="btn btn-neutral float-right" title="渲染补充">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../05-more-on-rendering/" class="btn btn-neutral float-right" title="渲染补充">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../03-a-brief-about-coordinates/" class="btn btn-neutral" title="坐标简介"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -569,11 +541,11 @@ glBindVertexArray(0);
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -584,15 +556,16 @@ glBindVertexArray(0);
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>渲染补充 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>渲染补充 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u6e32\u67d3\u8865\u5145";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "05-more-on-rendering.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u6e32\u67d3\u8865\u5145"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "05-more-on-rendering.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">渲染补充</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">渲染补充</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">渲染补充</li>
<li>渲染补充</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/05-more-on-rendering.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/05-more-on-rendering.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="more-on-rendering">渲染补充More on Rendering</h1> <h1 id="more-on-rendering">渲染补充More on Rendering</h1>
<p>本章我们将继续讲述OpenGL如何渲染物体。为了整理代码我们要创建一个名为<code>Mesh</code>的新类把一个位置数组作为输入为需要加载到显卡中的模型创建VBO和VAO对象。</p> <p>本章我们将继续讲述OpenGL如何渲染物体。为了整理代码我们要创建一个名为<code>Mesh</code>的新类把一个位置数组作为输入为需要加载到显卡中的模型创建VBO和VAO对象。</p>
@@ -465,31 +446,22 @@ void main()
<p><img alt="色彩鲜艳的正方形" src="../_static/05/coloured_quad.png" /></p> <p><img alt="色彩鲜艳的正方形" src="../_static/05/coloured_quad.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../04-rendering/" class="btn btn-neutral float-left" title="渲染"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../06-transformations/" class="btn btn-neutral float-right" title="变换">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../06-transformations/" class="btn btn-neutral float-right" title="变换">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../04-rendering/" class="btn btn-neutral" title="渲染"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -497,11 +469,11 @@ void main()
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -512,15 +484,16 @@ void main()
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,212 +1,193 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>变换 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>变换 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u53d8\u6362";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "06-transformations.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u53d8\u6362"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "06-transformations.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">变换</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">变换</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">投影</a> <li class="toctree-l2"><a class="reference internal" href="#_1">投影</a>
</li> </li>
<li class="toctree-l2"><a class="reference internal" href="#_2">使用变换</a> <li class="toctree-l2"><a class="reference internal" href="#_2">使用变换</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">变换</li>
<li>变换</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/06-transformations.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/06-transformations.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="transformations">变换Transformations</h1> <h1 id="transformations">变换Transformations</h1>
<h2 id="_1">投影</h2> <h2 id="_1">投影</h2>
@@ -569,31 +550,22 @@ void main()
<p>最后只需要修改<code>DummyGame</code>类,创建一个<code>GameItem</code>实例,让其与<code>Mesh</code>关联,并添加一些逻辑来位移、旋转和缩放四边形。因为这只是个测试示例,没有添加太多内容,所以你可以在本书的源代码中找到相关代码。</p> <p>最后只需要修改<code>DummyGame</code>类,创建一个<code>GameItem</code>实例,让其与<code>Mesh</code>关联,并添加一些逻辑来位移、旋转和缩放四边形。因为这只是个测试示例,没有添加太多内容,所以你可以在本书的源代码中找到相关代码。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../05-more-on-rendering/" class="btn btn-neutral float-left" title="渲染补充"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../07-textures/" class="btn btn-neutral float-right" title="纹理">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../07-textures/" class="btn btn-neutral float-right" title="纹理">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../05-more-on-rendering/" class="btn btn-neutral" title="渲染补充"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -601,11 +573,11 @@ void main()
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -616,15 +588,16 @@ void main()
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,77 +1,70 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>纹理 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>纹理 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u7eb9\u7406";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "07-textures.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u7eb9\u7406"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "07-textures.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">纹理</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">纹理</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">创建一个三维立方体</a> <li class="toctree-l2"><a class="reference internal" href="#_1">创建一个三维立方体</a>
</li> </li>
@@ -80,135 +73,123 @@
<li class="toctree-l2"><a class="reference internal" href="#_3">透明纹理简介</a> <li class="toctree-l2"><a class="reference internal" href="#_3">透明纹理简介</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">纹理</li>
<li>纹理</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/07-textures.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/07-textures.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="textures">纹理Textures</h1> <h1 id="textures">纹理Textures</h1>
<h2 id="_1">创建一个三维立方体</h2> <h2 id="_1">创建一个三维立方体</h2>
@@ -524,31 +505,22 @@ glBindTexture(GL_TEXTURE_2D, texture.getId());
<p>即使启用了混合并设置了功能,也可能看不到正确的透明效果。其原因是深度测试,当使用深度值丢弃片元时,我们可能将具有透明度的片元与背景混合,而不是与它们后面的片元混合,这将得到错误的渲染结果。为了解决该问题,我们需要先绘制不透明物体,然后按深度递减顺序绘制具有透明度的物体(应先绘制较远物体)。</p> <p>即使启用了混合并设置了功能,也可能看不到正确的透明效果。其原因是深度测试,当使用深度值丢弃片元时,我们可能将具有透明度的片元与背景混合,而不是与它们后面的片元混合,这将得到错误的渲染结果。为了解决该问题,我们需要先绘制不透明物体,然后按深度递减顺序绘制具有透明度的物体(应先绘制较远物体)。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../06-transformations/" class="btn btn-neutral float-left" title="变换"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../08-camera/" class="btn btn-neutral float-right" title="摄像机">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../08-camera/" class="btn btn-neutral float-right" title="摄像机">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../06-transformations/" class="btn btn-neutral" title="变换"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -556,11 +528,11 @@ glBindTexture(GL_TEXTURE_2D, texture.getId());
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -571,15 +543,16 @@ glBindTexture(GL_TEXTURE_2D, texture.getId());
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>摄像机 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>摄像机 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u6444\u50cf\u673a";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "08-camera.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u6444\u50cf\u673a"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "08-camera.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">摄像机</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">摄像机</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">摄像机</li>
<li>摄像机</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/08-camera.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/08-camera.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="camera">摄像机Camera</h1> <h1 id="camera">摄像机Camera</h1>
<p>本章中我们将学习如何在渲染的三维场景中移动。该功能就像是有一台可以在三维世界中运动的摄像机,然而事实上摄像机就是描述该功能的术语。</p> <p>本章中我们将学习如何在渲染的三维场景中移动。该功能就像是有一台可以在三维世界中运动的摄像机,然而事实上摄像机就是描述该功能的术语。</p>
@@ -503,31 +484,22 @@ gameItems = new GameItem[]{gameItem1, gameItem2, gameItem3, gameItem4};
<p><img alt="立方体们" src="../_static/08/cubes.png" /></p> <p><img alt="立方体们" src="../_static/08/cubes.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../07-textures/" class="btn btn-neutral float-left" title="纹理"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../09-loading-more-complex-models/" class="btn btn-neutral float-right" title="加载更复杂的模型">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../09-loading-more-complex-models/" class="btn btn-neutral float-right" title="加载更复杂的模型">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../07-textures/" class="btn btn-neutral" title="纹理"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -535,11 +507,11 @@ gameItems = new GameItem[]{gameItem1, gameItem2, gameItem3, gameItem4};
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -550,15 +522,16 @@ gameItems = new GameItem[]{gameItem1, gameItem2, gameItem3, gameItem4};
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>加载更复杂的模型 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>加载更复杂的模型 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u52a0\u8f7d\u66f4\u590d\u6742\u7684\u6a21\u578b";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "09-loading-more-complex-models.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u52a0\u8f7d\u66f4\u590d\u6742\u7684\u6a21\u578b"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "09-loading-more-complex-models.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">加载更复杂的模型</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">加载更复杂的模型</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">加载更复杂的模型</li>
<li>加载更复杂的模型</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/09-loading-more-complex-models.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/09-loading-more-complex-models.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="loading-more-complex-models">加载更复杂的模型Loading more complex models</h1> <h1 id="loading-more-complex-models">加载更复杂的模型Loading more complex models</h1>
<p>本章中我们将学习加载在外部文件中定义的复杂模型。这些模型将使用3D建模工具(例如<a href="https://www.blender.org/">Blender</a>)创建。到目前为止我们已经通过直接编码定义其几何图形的数组来创建模型。但在本章中我们将学习如何加载以OBJ格式定义的模型。</p> <p>本章中我们将学习加载在外部文件中定义的复杂模型。这些模型将使用3D建模工具(例如<a href="https://www.blender.org/">Blender</a>)创建。到目前为止我们已经通过直接编码定义其几何图形的数组来创建模型。但在本章中我们将学习如何加载以OBJ格式定义的模型。</p>
@@ -513,31 +494,22 @@ gameItems = new GameItem[]{gameItem};
<p><img alt="边分割" src="../_static/09/edge_split.png" /></p> <p><img alt="边分割" src="../_static/09/edge_split.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../08-camera/" class="btn btn-neutral float-left" title="摄像机"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../10-let-there-be-light/" class="btn btn-neutral float-right" title="要有光">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../10-let-there-be-light/" class="btn btn-neutral float-right" title="要有光">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../08-camera/" class="btn btn-neutral" title="摄像机"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -545,11 +517,11 @@ gameItems = new GameItem[]{gameItem};
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -560,15 +532,16 @@ gameItems = new GameItem[]{gameItem};
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,89 +1,82 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>要有光 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>要有光 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u8981\u6709\u5149";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "10-let-there-be-light.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u8981\u6709\u5149"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "10-let-there-be-light.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">要有光</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">要有光</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">环境光分量</a> <li class="toctree-l2"><a class="reference internal" href="#_1">环境光分量</a>
</li> </li>
@@ -96,123 +89,111 @@
<li class="toctree-l2"><a class="reference internal" href="#_5">实现</a> <li class="toctree-l2"><a class="reference internal" href="#_5">实现</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">要有光</li>
<li>要有光</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/10-let-there-be-light.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/10-let-there-be-light.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="let-there-be-light">要有光Let there be light</h1> <h1 id="let-there-be-light">要有光Let there be light</h1>
<p>在本章中我们将学习如何为3D游戏引擎添加光照。我们不会去实现一个完美的光照模型因为抛开复杂性不谈它还需要消耗大量的计算机资源相反我们只需要一个近似的、像样的光照效果我们将使用名为 <strong>Phong</strong> 的着色算法由Bui Tuong Phong开发。另一个需要注意的是我们将只模拟光照但不会模拟这些光照所产生的阴影这将在后续章节中实现</p> <p>在本章中我们将学习如何为3D游戏引擎添加光照。我们不会去实现一个完美的光照模型因为抛开复杂性不谈它还需要消耗大量的计算机资源相反我们只需要一个近似的、像样的光照效果我们将使用名为 <strong>Phong</strong> 的着色算法由Bui Tuong Phong开发。另一个需要注意的是我们将只模拟光照但不会模拟这些光照所产生的阴影这将在后续章节中实现</p>
@@ -514,31 +495,22 @@ shaderProgram.setUniform(&quot;pointLight&quot;, currPointLight);
<p><img alt="光照效果" src="../_static/10/lightning_result.png" /></p> <p><img alt="光照效果" src="../_static/10/lightning_result.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../09-loading-more-complex-models/" class="btn btn-neutral float-left" title="加载更复杂的模型"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../11-let-there-be-even-more-light/" class="btn btn-neutral float-right" title="要有更多的光">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../11-let-there-be-even-more-light/" class="btn btn-neutral float-right" title="要有更多的光">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../09-loading-more-complex-models/" class="btn btn-neutral" title="加载更复杂的模型"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -546,11 +518,11 @@ shaderProgram.setUniform(&quot;pointLight&quot;, currPointLight);
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -561,15 +533,16 @@ shaderProgram.setUniform(&quot;pointLight&quot;, currPointLight);
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,93 +1,86 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>要有更多的光 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>要有更多的光 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u8981\u6709\u66f4\u591a\u7684\u5149";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "11-let-there-be-even-more-light.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u8981\u6709\u66f4\u591a\u7684\u5149"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "11-let-there-be-even-more-light.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">要有更多的光</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">要有更多的光</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">平行光</a> <li class="toctree-l2"><a class="reference internal" href="#_1">平行光</a>
</li> </li>
@@ -96,119 +89,107 @@
<li class="toctree-l2"><a class="reference internal" href="#_3">多光源</a> <li class="toctree-l2"><a class="reference internal" href="#_3">多光源</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">要有更多的光</li>
<li>要有更多的光</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/11-let-there-be-even-more-light.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/11-let-there-be-even-more-light.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="let-there-be-even-more-light">要有更多的光Let there be even more light</h1> <h1 id="let-there-be-even-more-light">要有更多的光Let there be even more light</h1>
<p>在本章中,我们将实现在此前章节中介绍的其他类型的光。我们先从平行光开始。</p> <p>在本章中,我们将实现在此前章节中介绍的其他类型的光。我们先从平行光开始。</p>
@@ -463,31 +444,22 @@ public void setUniform(String uniformName, SpotLight spotLight, int pos) {
<p><img alt="多光源" src="../_static/11/multiple_lights.png" /></p> <p><img alt="多光源" src="../_static/11/multiple_lights.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../10-let-there-be-light/" class="btn btn-neutral float-left" title="要有光"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../12-game-hud/" class="btn btn-neutral float-right" title="游戏HUD">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../12-game-hud/" class="btn btn-neutral float-right" title="游戏HUD">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../10-let-there-be-light/" class="btn btn-neutral" title="要有光"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -495,11 +467,11 @@ public void setUniform(String uniformName, SpotLight spotLight, int pos) {
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -510,15 +482,16 @@ public void setUniform(String uniformName, SpotLight spotLight, int pos) {
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,97 +1,90 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>游戏HUD - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>游戏HUD - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u6e38\u620fHUD";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "12-game-hud.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u6e38\u620fHUD"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "12-game-hud.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">游戏HUD</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">游戏HUD</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">文本渲染</a> <li class="toctree-l2"><a class="reference internal" href="#_1">文本渲染</a>
</li> </li>
@@ -102,115 +95,103 @@
<li class="toctree-l2"><a class="reference internal" href="#osx">OSX</a> <li class="toctree-l2"><a class="reference internal" href="#osx">OSX</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">游戏HUD</li>
<li>游戏HUD</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/12-game-hud.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/12-game-hud.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="hudgame-hud">游戏HUDGame HUD</h1> <h1 id="hudgame-hud">游戏HUDGame HUD</h1>
<p>在本章中我们将为游戏创建一个HUDHeads-Up Display平视显示器。换句话说就是一组用于在三维场景上随时显示相关信息的二维图形和文本。本例中将创建一个简单的HUD这可为我们展现一些显示信息的基本技术。</p> <p>在本章中我们将为游戏创建一个HUDHeads-Up Display平视显示器。换句话说就是一组用于在三维场景上随时显示相关信息的二维图形和文本。本例中将创建一个简单的HUD这可为我们展现一些显示信息的基本技术。</p>
@@ -704,31 +685,22 @@ if (mouseInput.isRightButtonPressed()) {
<p>一个更简洁的方法是使用<a href="https://github.com/nothings/stb/">stb</a>库来渲染文本。</p> <p>一个更简洁的方法是使用<a href="https://github.com/nothings/stb/">stb</a>库来渲染文本。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../11-let-there-be-even-more-light/" class="btn btn-neutral float-left" title="要有更多的光"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../13-sky-box-and-some-optimizations/" class="btn btn-neutral float-right" title="天空盒与一些优化">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../13-sky-box-and-some-optimizations/" class="btn btn-neutral float-right" title="天空盒与一些优化">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../11-let-there-be-even-more-light/" class="btn btn-neutral" title="要有更多的光"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -736,11 +708,11 @@ if (mouseInput.isRightButtonPressed()) {
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -751,15 +723,16 @@ if (mouseInput.isRightButtonPressed()) {
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,212 +1,193 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>天空盒与一些优化 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>天空盒与一些优化 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u5929\u7a7a\u76d2\u4e0e\u4e00\u4e9b\u4f18\u5316";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "13-sky-box-and-some-optimizations.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u5929\u7a7a\u76d2\u4e0e\u4e00\u4e9b\u4f18\u5316"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "13-sky-box-and-some-optimizations.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">天空盒与一些优化</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">天空盒与一些优化</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">天空盒</a> <li class="toctree-l2"><a class="reference internal" href="#_1">天空盒</a>
</li> </li>
<li class="toctree-l2"><a class="reference internal" href="#_2">一些优化</a> <li class="toctree-l2"><a class="reference internal" href="#_2">一些优化</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">天空盒与一些优化</li>
<li>天空盒与一些优化</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/13-sky-box-and-some-optimizations.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/13-sky-box-and-some-optimizations.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="sky-box-and-some-optimizations">天空盒与一些优化 (Sky Box and some optimizations)</h1> <h1 id="sky-box-and-some-optimizations">天空盒与一些优化 (Sky Box and some optimizations)</h1>
<h2 id="_1">天空盒</h2> <h2 id="_1">天空盒</h2>
@@ -468,31 +449,22 @@ public void renderList(List&lt;GameItem&gt; gameItems, Consumer&lt;GameItem&gt;
<p>你可以在源代码中查阅所有细节。</p> <p>你可以在源代码中查阅所有细节。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../12-game-hud/" class="btn btn-neutral float-left" title="游戏HUD"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../14-height-maps/" class="btn btn-neutral float-right" title="高度图">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../14-height-maps/" class="btn btn-neutral float-right" title="高度图">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../12-game-hud/" class="btn btn-neutral" title="游戏HUD"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -500,11 +472,11 @@ public void renderList(List&lt;GameItem&gt; gameItems, Consumer&lt;GameItem&gt;
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -515,15 +487,16 @@ public void renderList(List&lt;GameItem&gt; gameItems, Consumer&lt;GameItem&gt;
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>高度图 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>高度图 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u9ad8\u5ea6\u56fe";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "14-height-maps.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u9ad8\u5ea6\u56fe"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "14-height-maps.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">高度图</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">高度图</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">高度图</li>
<li>高度图</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/14-height-maps.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/14-height-maps.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="height-maps">高度图Height Maps</h1> <h1 id="height-maps">高度图Height Maps</h1>
<p>本章中我们将学习如何使用高度图创建复杂的地形。在开始前,你会注意到我们做了一些重构。我们创建了一些新的包和移动了一些类以更好地组织它们。你可以在源代码中了解这些改变。</p> <p>本章中我们将学习如何使用高度图创建复杂的地形。在开始前,你会注意到我们做了一些重构。我们创建了一些新的包和移动了一些类以更好地组织它们。你可以在源代码中了解这些改变。</p>
@@ -451,31 +432,22 @@ public class Terrain {
<p>你可以在地形周围移动相机,看看它是如何渲染的。由于还没有实现碰撞检测,你可以穿过它并从上面看它。由于我们已经启用了面剔除,当从下面观察时,地形的某些部分不会渲染。</p> <p>你可以在地形周围移动相机,看看它是如何渲染的。由于还没有实现碰撞检测,你可以穿过它并从上面看它。由于我们已经启用了面剔除,当从下面观察时,地形的某些部分不会渲染。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../13-sky-box-and-some-optimizations/" class="btn btn-neutral float-left" title="天空盒与一些优化"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../15-terrain-collisions/" class="btn btn-neutral float-right" title="地形碰撞">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../15-terrain-collisions/" class="btn btn-neutral float-right" title="地形碰撞">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../13-sky-box-and-some-optimizations/" class="btn btn-neutral" title="天空盒与一些优化"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -483,11 +455,11 @@ public class Terrain {
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -498,15 +470,16 @@ public class Terrain {
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,215 +1,195 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>地形碰撞 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>地形碰撞 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u5730\u5f62\u78b0\u649e";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "15-terrain-collisions.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u5730\u5f62\u78b0\u649e"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "15-terrain-collisions.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">地形碰撞</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">地形碰撞</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">地形碰撞</li>
<li>地形碰撞</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/15-terrain-collisions.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/15-terrain-collisions.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="terrain-collisions">地形碰撞Terrain Collisions</h1> <h1 id="terrain-collisions">地形碰撞Terrain Collisions</h1>
<p>此前我们创建了一个地形,接下来就是检测碰撞以避免穿过它。回忆一下之前的内容,一个地形是由地形块组成的,每个地形块都是由高度图生成的,高度图用于设置构成地形的三角形的顶点高度。</p> <p>此前我们创建了一个地形,接下来就是检测碰撞以避免穿过它。回忆一下之前的内容,一个地形是由地形块组成的,每个地形块都是由高度图生成的,高度图用于设置构成地形的三角形的顶点高度。</p>
<p>为了检测碰撞,我们必须将当前所在位置的<strong>Y</strong>值与当前地形点的<strong>Y</strong>值进行比较。如果有碰撞,我们需要回到地形上方。很简单的想法,是吗?确实是这样,但在比较之前,我们需要进行几次计算。</p> <p>为了检测碰撞,我们必须将当前所在位置的<strong>Y</strong>值与当前地形点的<strong>Y</strong>值进行比较。如果有碰撞,我们需要回到地形上方。很简单的想法,是吗?确实是这样,但在比较之前,我们需要进行几次计算。</p>
<p>我们首先要定义的是我们对“当前位置”这个词的理解。由于我们还没有一个球员的概念,答案很简单,当前位置将是机的位置。因此,我们已经有了比较的组成部分之一,因此接下来要计算的是当前位置的地形高度。 <p>首先要定义的是“当前位置”这个词的概念。由于我们还没有一个“玩家”的概念,当前位置将是摄像机的位置。这样我们就有了比较的一方,因此接下来要计算当前位置的地形高度。</p>
首先要定义的是“当前位置”这个词的概念。由于我们还没有一个“玩家”的概念,因此当前位置将是摄像机的位置。这样我们就有了比较的一方,因此接下来要计算当前位置的地形高度</p> <p>如上所述,地形由地形块组成,如下图所示</p>
<p>如上所是,地形由地形块组成,如下图所示。</p>
<p><img alt="地形网格" src="../_static/15/terrain_grid.png" /></p> <p><img alt="地形网格" src="../_static/15/terrain_grid.png" /></p>
<p>每个地形块都是由相同的高度图网格构成,但被精确地缩放和位移,以形成看起来像是连续的景观的地形网格。</p> <p>每个地形块都是由相同的高度图网格构成,但被精确地缩放和位移,以形成看起来像是连续的景观的地形网格。</p>
<p>所以首先要做的是确定当前位置(摄像机位置)在哪个地形块。为了得到它,我们将基于位移和缩放来计算每个地形块的包围盒(<strong>BoundingBox</strong>)。因为地形在运行时不会移动或缩放,所以我们可以在<code>Terrain</code>类的构造方法中计算。这样就可以在任何时候访问它们,而不需要在每个游戏循环周期中重复这些计算。</p> <p>所以首先要做的是确定当前位置(摄像机位置)在哪个地形块。为了得到它,我们将基于位移和缩放来计算每个地形块的包围盒(<strong>BoundingBox</strong>)。因为地形在运行时不会移动或缩放,所以我们可以在<code>Terrain</code>类的构造方法中计算。这样就可以在任何时候访问它们,而不需要在每个游戏循环周期中重复这些计算。</p>
@@ -433,31 +413,22 @@ if ( camera.getPosition().y &lt;= height ) {
<p>有许多可行的解决方案可以避免这个效应,最简单的解决方法是将要进行的计算分成增量较小的多份。</p> <p>有许多可行的解决方案可以避免这个效应,最简单的解决方法是将要进行的计算分成增量较小的多份。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../14-height-maps/" class="btn btn-neutral float-left" title="高度图"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../16-fog/" class="btn btn-neutral float-right" title="雾">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../16-fog/" class="btn btn-neutral float-right" title="雾">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../14-height-maps/" class="btn btn-neutral" title="高度图"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -465,11 +436,11 @@ if ( camera.getPosition().y &lt;= height ) {
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -480,15 +451,16 @@ if ( camera.getPosition().y &lt;= height ) {
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>雾 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>雾 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u96fe";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "16-fog.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u96fe"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "16-fog.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./"></a> <li class="toctree-l1 current"><a class="reference internal current" href="#"></a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active"></li>
<li></li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/16-fog.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/16-fog.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="fog">Fog</h1> <h1 id="fog">Fog</h1>
<p>在处理更复杂的问题之前,我们将学习如何在游戏引擎中创建雾特效。有了这个特效,就可以模拟遥远的物体变暗,似乎消失在浓雾中。</p> <p>在处理更复杂的问题之前,我们将学习如何在游戏引擎中创建雾特效。有了这个特效,就可以模拟遥远的物体变暗,似乎消失在浓雾中。</p>
@@ -365,31 +346,22 @@ public void setUniform(String uniformName, Fog fog) {
<p><img alt="雾灰色背景" src="../_static/16/fog_clear_colour_grey.png" /></p> <p><img alt="雾灰色背景" src="../_static/16/fog_clear_colour_grey.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../15-terrain-collisions/" class="btn btn-neutral float-left" title="地形碰撞"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../17-normal-mapping/" class="btn btn-neutral float-right" title="法线贴图">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../17-normal-mapping/" class="btn btn-neutral float-right" title="法线贴图">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../15-terrain-collisions/" class="btn btn-neutral" title="地形碰撞"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -397,11 +369,11 @@ public void setUniform(String uniformName, Fog fog) {
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -412,15 +384,16 @@ public void setUniform(String uniformName, Fog fog) {
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>法线贴图 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>法线贴图 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u6cd5\u7ebf\u8d34\u56fe";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "17-normal-mapping.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u6cd5\u7ebf\u8d34\u56fe"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "17-normal-mapping.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">法线贴图</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">法线贴图</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">法线贴图</li>
<li>法线贴图</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/17-normal-mapping.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/17-normal-mapping.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="normal-mapping">法线贴图Normal Mapping</h1> <h1 id="normal-mapping">法线贴图Normal Mapping</h1>
<p>本章中将讲解一项技术它将极大地改善我们的3D模型的外观。到目前为止我们已经能够将纹理使用到复杂的3D模型上但这还离真实物体的样子很远。现实世界中的物体表面不是完全光滑的它们有我们的3D模型目前所不具有的瑕疵。</p> <p>本章中将讲解一项技术它将极大地改善我们的3D模型的外观。到目前为止我们已经能够将纹理使用到复杂的3D模型上但这还离真实物体的样子很远。现实世界中的物体表面不是完全光滑的它们有我们的3D模型目前所不具有的瑕疵。</p>
@@ -345,31 +326,22 @@ sceneShaderProgram.setUniform(&quot;normalMap&quot;, 1);
<p>我们现在仍使用这个简单的实现,但请记住,你必须总是使用在模型空间中定义的法线贴图。如果使用切线空间中定义的贴图,就会变得很奇怪。为了能够让它们一同工作,我们需要使用特定的矩阵来将坐标变换到切线空间。</p> <p>我们现在仍使用这个简单的实现,但请记住,你必须总是使用在模型空间中定义的法线贴图。如果使用切线空间中定义的贴图,就会变得很奇怪。为了能够让它们一同工作,我们需要使用特定的矩阵来将坐标变换到切线空间。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../16-fog/" class="btn btn-neutral float-left" title="雾"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../18-shadows/" class="btn btn-neutral float-right" title="阴影">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../18-shadows/" class="btn btn-neutral float-right" title="阴影">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../16-fog/" class="btn btn-neutral" title="雾"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -377,11 +349,11 @@ sceneShaderProgram.setUniform(&quot;normalMap&quot;, 1);
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -392,15 +364,16 @@ sceneShaderProgram.setUniform(&quot;normalMap&quot;, 1);
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,212 +1,193 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>阴影 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>阴影 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u9634\u5f71";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "18-shadows.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u9634\u5f71"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "18-shadows.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">阴影</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">阴影</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">阴影映射</a> <li class="toctree-l2"><a class="reference internal" href="#_1">阴影映射</a>
</li> </li>
<li class="toctree-l2"><a class="reference internal" href="#_2">改进阴影映射</a> <li class="toctree-l2"><a class="reference internal" href="#_2">改进阴影映射</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">阴影</li>
<li>阴影</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/18-shadows.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/18-shadows.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="shadows">阴影Shadows</h1> <h1 id="shadows">阴影Shadows</h1>
<h2 id="_1">阴影映射</h2> <h2 id="_1">阴影映射</h2>
@@ -501,31 +482,22 @@ shadowFactor /= 9.0;
<p>为了渲染多个光源,你只需要为每个光源渲染一个深度图。在渲染场景时,你需要采样所有的深度图来计算合适的阴影系数。</p> <p>为了渲染多个光源,你只需要为每个光源渲染一个深度图。在渲染场景时,你需要采样所有的深度图来计算合适的阴影系数。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../17-normal-mapping/" class="btn btn-neutral float-left" title="法线贴图"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../19-animations/" class="btn btn-neutral float-right" title="动画">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../19-animations/" class="btn btn-neutral float-right" title="动画">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../17-normal-mapping/" class="btn btn-neutral" title="法线贴图"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -533,11 +505,11 @@ shadowFactor /= 9.0;
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -548,15 +520,16 @@ shadowFactor /= 9.0;
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,125 +1,118 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>动画 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>动画 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u52a8\u753b";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "19-animations.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u52a8\u753b"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "19-animations.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">动画</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">动画</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">引言</a> <li class="toctree-l2"><a class="reference internal" href="#_1">引言</a>
</li> </li>
@@ -128,87 +121,75 @@
<li class="toctree-l2"><a class="reference internal" href="#_3">修正动画问题</a> <li class="toctree-l2"><a class="reference internal" href="#_3">修正动画问题</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">动画</li>
<li>动画</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/19-animations.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/19-animations.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="animations">动画Animations</h1> <h1 id="animations">动画Animations</h1>
<h2 id="_1">引言</h2> <h2 id="_1">引言</h2>
@@ -942,31 +923,22 @@ void main()
<p>这就是全部内容了现在你已经有了一个用于动画MD5模型的可工作示例。源代码仍能改进你可以修改在每个渲染周期中加载的矩阵以便在帧之间插入。你可以查看本章中使用的资源了解如何实现该功能。</p> <p>这就是全部内容了现在你已经有了一个用于动画MD5模型的可工作示例。源代码仍能改进你可以修改在每个渲染周期中加载的矩阵以便在帧之间插入。你可以查看本章中使用的资源了解如何实现该功能。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../18-shadows/" class="btn btn-neutral float-left" title="阴影"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../20-particles/" class="btn btn-neutral float-right" title="粒子">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../20-particles/" class="btn btn-neutral float-right" title="粒子">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../18-shadows/" class="btn btn-neutral" title="阴影"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -974,11 +946,11 @@ void main()
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -989,15 +961,16 @@ void main()
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,212 +1,193 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>粒子 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>粒子 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u7c92\u5b50";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "20-particles.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u7c92\u5b50"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "20-particles.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">粒子</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">粒子</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">基础</a> <li class="toctree-l2"><a class="reference internal" href="#_1">基础</a>
</li> </li>
<li class="toctree-l2"><a class="reference internal" href="#texture-atlas">纹理集Texture Atlas</a> <li class="toctree-l2"><a class="reference internal" href="#texture-atlas">纹理集Texture Atlas</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">粒子</li>
<li>粒子</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/20-particles.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/20-particles.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="particles">粒子Particles</h1> <h1 id="particles">粒子Particles</h1>
<h2 id="_1">基础</h2> <h2 id="_1">基础</h2>
@@ -832,31 +813,22 @@ void main()
<p>现在,我们有了粒子动画。在下章中,我们讲学习如何优化渲染流程。我们正在渲染具有相同网格的多个元素,并为每个元素进行绘制调用。在下章中,我们讲学习如何在单个调用中渲染它们。这种技术不仅适用于粒子,也适用于渲染共享同一模型,但被放在不同位置或具有不同纹理的多个元素的场景。</p> <p>现在,我们有了粒子动画。在下章中,我们讲学习如何优化渲染流程。我们正在渲染具有相同网格的多个元素,并为每个元素进行绘制调用。在下章中,我们讲学习如何在单个调用中渲染它们。这种技术不仅适用于粒子,也适用于渲染共享同一模型,但被放在不同位置或具有不同纹理的多个元素的场景。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../19-animations/" class="btn btn-neutral float-left" title="动画"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../21-instanced-rendering/" class="btn btn-neutral float-right" title="实例化渲染">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../21-instanced-rendering/" class="btn btn-neutral float-right" title="实例化渲染">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../19-animations/" class="btn btn-neutral" title="动画"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -864,11 +836,11 @@ void main()
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -879,15 +851,16 @@ void main()
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,133 +1,126 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>实例化渲染 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>实例化渲染 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u5b9e\u4f8b\u5316\u6e32\u67d3";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "21-instanced-rendering.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u5b9e\u4f8b\u5316\u6e32\u67d3"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "21-instanced-rendering.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">实例化渲染</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">实例化渲染</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">很多实例</a> <li class="toctree-l2"><a class="reference internal" href="#_1">很多实例</a>
</li> </li>
@@ -136,79 +129,67 @@
<li class="toctree-l2"><a class="reference internal" href="#_3">扩展</a> <li class="toctree-l2"><a class="reference internal" href="#_3">扩展</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">实例化渲染</li>
<li>实例化渲染</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/21-instanced-rendering.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/21-instanced-rendering.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="instanced-rendering">实例化渲染Instanced Rendering</h1> <h1 id="instanced-rendering">实例化渲染Instanced Rendering</h1>
<h2 id="_1">很多实例</h2> <h2 id="_1">很多实例</h2>
@@ -396,31 +377,22 @@ void main()
<p>请记住这还有很大的优化空间但这本书的目的是指导你学习LWJGL和OpenGL的概念和技术。我们的目标不是创建一个完整的游戏引擎绝对不是一个体素引擎它需要不同的方法和更多的优化</p> <p>请记住这还有很大的优化空间但这本书的目的是指导你学习LWJGL和OpenGL的概念和技术。我们的目标不是创建一个完整的游戏引擎绝对不是一个体素引擎它需要不同的方法和更多的优化</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../20-particles/" class="btn btn-neutral float-left" title="粒子"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../22-audio/" class="btn btn-neutral float-right" title="音效">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../22-audio/" class="btn btn-neutral float-right" title="音效">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../20-particles/" class="btn btn-neutral" title="粒子"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -428,11 +400,11 @@ void main()
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -443,15 +415,16 @@ void main()
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>音效 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>音效 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u97f3\u6548";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "22-audio.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u97f3\u6548"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "22-audio.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">音效</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">音效</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">音效</li>
<li>音效</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/22-audio.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/22-audio.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="audio">音频Audio</h1> <h1 id="audio">音频Audio</h1>
<p>在此之前我们一直在处理图像,但每个游戏的另一个关键面是音频。本章将在<a href="https://www.openal.org" title="OpenAL">OpenAL</a>Open Audio Library开放音频库的帮助下实现这个功能。OpenAL就像是OpenGL在音频的相似物它允许我们通过抽象层播放声音。该层将我们与音频子系统的复杂底层隔离开来。此外它还允许我们可以三维场景中特定的位置设置声音“渲染”声音随着距离衰减并根据它们的速度进行修改模拟<a href="https://en.wikipedia.org/wiki/Doppler_effect">多普勒效应</a>)。</p> <p>在此之前我们一直在处理图像,但每个游戏的另一个关键面是音频。本章将在<a href="https://www.openal.org" title="OpenAL">OpenAL</a>Open Audio Library开放音频库的帮助下实现这个功能。OpenAL就像是OpenGL在音频的相似物它允许我们通过抽象层播放声音。该层将我们与音频子系统的复杂底层隔离开来。此外它还允许我们可以三维场景中特定的位置设置声音“渲染”声音随着距离衰减并根据它们的速度进行修改模拟<a href="https://en.wikipedia.org/wiki/Doppler_effect">多普勒效应</a>)。</p>
@@ -430,31 +411,22 @@ listener.setOrientation(at, up);
<p>后记OpenAL还允许你通过使用<code>alDistanceModel</code>并传递你想使用的模型(<code>AL11.AL_EXPONENT_DISTANCE</code><code>AL_EXPONENT_DISTANCE_CLAMP</code>,等等)。你可以用它们来播放并检查效果。</p> <p>后记OpenAL还允许你通过使用<code>alDistanceModel</code>并传递你想使用的模型(<code>AL11.AL_EXPONENT_DISTANCE</code><code>AL_EXPONENT_DISTANCE_CLAMP</code>,等等)。你可以用它们来播放并检查效果。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../21-instanced-rendering/" class="btn btn-neutral float-left" title="实例化渲染"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../23-3d-object-picking/" class="btn btn-neutral float-right" title="三维物体选取">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../23-3d-object-picking/" class="btn btn-neutral float-right" title="三维物体选取">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../21-instanced-rendering/" class="btn btn-neutral" title="实例化渲染"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -462,11 +434,11 @@ listener.setOrientation(at, up);
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -477,15 +449,16 @@ listener.setOrientation(at, up);
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,212 +1,193 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>三维物体选取 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>三维物体选取 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u4e09\u7ef4\u7269\u4f53\u9009\u53d6";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "23-3d-object-picking.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u4e09\u7ef4\u7269\u4f53\u9009\u53d6"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "23-3d-object-picking.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">三维物体选取</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">三维物体选取</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">摄像机选取</a> <li class="toctree-l2"><a class="reference internal" href="#_1">摄像机选取</a>
</li> </li>
<li class="toctree-l2"><a class="reference internal" href="#_2">鼠标选取</a> <li class="toctree-l2"><a class="reference internal" href="#_2">鼠标选取</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">三维物体选取</li>
<li>三维物体选取</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/23-3d-object-picking.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/23-3d-object-picking.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="3d-object-picking">三维物体选取3D Object Picking</h1> <h1 id="3d-object-picking">三维物体选取3D Object Picking</h1>
<h2 id="_1">摄像机选取</h2> <h2 id="_1">摄像机选取</h2>
@@ -333,31 +314,22 @@ this.selectDetector.selectGameItem(gameItems, camera);
<p>之后你可以参考一篇<a href="https://capnramses.github.io/opengl/raycasting.html" title="优秀文章">优秀文章</a>中背完所解释的步骤的细节,其中包含了涉及不同方案的非常详细的说明。</p> <p>之后你可以参考一篇<a href="https://capnramses.github.io/opengl/raycasting.html" title="优秀文章">优秀文章</a>中背完所解释的步骤的细节,其中包含了涉及不同方案的非常详细的说明。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../22-audio/" class="btn btn-neutral float-left" title="音效"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../24-hud-revisited/" class="btn btn-neutral float-right" title="回顾HUD - NanoVG">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../24-hud-revisited/" class="btn btn-neutral float-right" title="回顾HUD - NanoVG">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../22-audio/" class="btn btn-neutral" title="音效"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -365,11 +337,11 @@ this.selectDetector.selectGameItem(gameItems, camera);
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -380,15 +352,16 @@ this.selectDetector.selectGameItem(gameItems, camera);
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>回顾HUD - NanoVG - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>回顾HUD - NanoVG - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u56de\u987eHUD - NanoVG";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "24-hud-revisited.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u56de\u987eHUD - NanoVG"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "24-hud-revisited.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">回顾HUD - NanoVG</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">回顾HUD - NanoVG</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">回顾HUD - NanoVG</li>
<li>回顾HUD - NanoVG</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/24-hud-revisited.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/24-hud-revisited.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="hud-nanovghud-revisited-nanovg">回顾HUD - NanoVGHUD Revisited - NanoVG</h1> <h1 id="hud-nanovghud-revisited-nanovg">回顾HUD - NanoVGHUD Revisited - NanoVG</h1>
<p>在此前的章节中我们讲解了如何使用正交投影在场景顶部创建一个HUD以渲染图形和纹理。在本章中我们将学习如何使用<a href="https://github.com/memononen/nanovg">NanoVG</a>库来渲染抗锯齿矢量图形从而以简单的方式创建更复杂的HUD。</p> <p>在此前的章节中我们讲解了如何使用正交投影在场景顶部创建一个HUD以渲染图形和纹理。在本章中我们将学习如何使用<a href="https://github.com/memononen/nanovg">NanoVG</a>库来渲染抗锯齿矢量图形从而以简单的方式创建更复杂的HUD。</p>
@@ -311,31 +292,22 @@ window.restoreState();
<p><img alt="Hud" src="../_static/24/hud.png" /></p> <p><img alt="Hud" src="../_static/24/hud.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../23-3d-object-picking/" class="btn btn-neutral float-left" title="三维物体选取"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../25-optimizations-frustum-culling/" class="btn btn-neutral float-right" title="优化 - 截锥剔除">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../25-optimizations-frustum-culling/" class="btn btn-neutral float-right" title="优化 - 截锥剔除">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../23-3d-object-picking/" class="btn btn-neutral" title="三维物体选取"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -343,11 +315,11 @@ window.restoreState();
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -358,15 +330,16 @@ window.restoreState();
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,210 +1,191 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>优化 - 截锥剔除 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>优化 - 截锥剔除 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u4f18\u5316 - \u622a\u9525\u5254\u9664";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "25-optimizations-frustum-culling.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u4f18\u5316 - \u622a\u9525\u5254\u9664"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "25-optimizations-frustum-culling.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">优化 - 截锥剔除</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">优化 - 截锥剔除</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#-">优化 - 截锥剔除一</a> <li class="toctree-l2"><a class="reference internal" href="#-">优化 - 截锥剔除一</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">优化 - 截锥剔除</li>
<li>优化 - 截锥剔除</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/25-optimizations-frustum-culling.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/25-optimizations-frustum-culling.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="-optimizations-frustum-culling">优化 - 截锥剔除Optimizations - Frustum Culling</h1> <h1 id="-optimizations-frustum-culling">优化 - 截锥剔除Optimizations - Frustum Culling</h1>
<h2 id="-">优化 - 截锥剔除一</h2> <h2 id="-">优化 - 截锥剔除一</h2>
@@ -346,31 +327,22 @@ frustumFilter.filter(scene.getGameInstancedMeshes());
<p>使用该方法你甚至可以达到更高的FPS。此外还向<code>Window</code>类中添加了一个全局标记,以启用或禁用截锥剔除。<code>GameItem</code>类也有启用或禁用过滤的标记,因为对于某些项,截锥剔除过滤可能没有意义。</p> <p>使用该方法你甚至可以达到更高的FPS。此外还向<code>Window</code>类中添加了一个全局标记,以启用或禁用截锥剔除。<code>GameItem</code>类也有启用或禁用过滤的标记,因为对于某些项,截锥剔除过滤可能没有意义。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../24-hud-revisited/" class="btn btn-neutral float-left" title="回顾HUD - NanoVG"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../26-cascaded-shadow-maps/" class="btn btn-neutral float-right" title="级联阴影映射">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../26-cascaded-shadow-maps/" class="btn btn-neutral float-right" title="级联阴影映射">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../24-hud-revisited/" class="btn btn-neutral" title="回顾HUD - NanoVG"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -378,11 +350,11 @@ frustumFilter.filter(scene.getGameInstancedMeshes());
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -393,15 +365,16 @@ frustumFilter.filter(scene.getGameInstancedMeshes());
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>级联阴影映射 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>级联阴影映射 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u7ea7\u8054\u9634\u5f71\u6620\u5c04";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "26-cascaded-shadow-maps.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u7ea7\u8054\u9634\u5f71\u6620\u5c04"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "26-cascaded-shadow-maps.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">级联阴影映射</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">级联阴影映射</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">级联阴影映射</li>
<li>级联阴影映射</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/26-cascaded-shadow-maps.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/26-cascaded-shadow-maps.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="cascaded-shadow-maps">级联阴影映射Cascaded Shadow Maps</h1> <h1 id="cascaded-shadow-maps">级联阴影映射Cascaded Shadow Maps</h1>
<p>在阴影一章中我们介绍了阴影映射技术以便在渲染三维场景时使用平行光显示阴影。此前介绍的方案中要求你手动调整一些参数以改进效果。在本章中我们将修改该技术以自动化所有流程并改进在开放空间中的效果。为了达到目的我们将使用一种称为级联阴影映射CMSCascaded Shadow Map的技术。</p> <p>在阴影一章中我们介绍了阴影映射技术以便在渲染三维场景时使用平行光显示阴影。此前介绍的方案中要求你手动调整一些参数以改进效果。在本章中我们将修改该技术以自动化所有流程并改进在开放空间中的效果。为了达到目的我们将使用一种称为级联阴影映射CMSCascaded Shadow Map的技术。</p>
@@ -387,31 +368,22 @@ uniform sampler2D shadowMap_2;
<p><img alt="最终效果" src="../_static/26/csmpng.png" /></p> <p><img alt="最终效果" src="../_static/26/csmpng.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../25-optimizations-frustum-culling/" class="btn btn-neutral float-left" title="优化 - 截锥剔除"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../27-assimp/" class="btn btn-neutral float-right" title="Assimp库">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../27-assimp/" class="btn btn-neutral float-right" title="Assimp库">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../25-optimizations-frustum-culling/" class="btn btn-neutral" title="优化 - 截锥剔除"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -419,11 +391,11 @@ uniform sampler2D shadowMap_2;
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -434,15 +406,16 @@ uniform sampler2D shadowMap_2;
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,212 +1,193 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>Assimp库 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>Assimp库 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "Assimp\u5e93";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "27-assimp.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "Assimp\u5e93"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "27-assimp.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">Assimp库</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">Assimp库</a>
<ul class="current"> <ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#_1">静态网格</a> <li class="toctree-l2"><a class="reference internal" href="#_1">静态网格</a>
</li> </li>
<li class="toctree-l2"><a class="reference internal" href="#_2">动画</a> <li class="toctree-l2"><a class="reference internal" href="#_2">动画</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">Assimp库</li>
<li>Assimp库</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/27-assimp.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/27-assimp.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="assimpassimp">Assimp库Assimp</h1> <h1 id="assimpassimp">Assimp库Assimp</h1>
<h2 id="_1">静态网格</h2> <h2 id="_1">静态网格</h2>
@@ -601,31 +582,22 @@ Mesh mesh = new Mesh(Utils.listToArray(vertices), Utils.listToArray(textures),
<p>这个示例的复杂之处在于Assimp结构的调整使其适应本书中使用的引擎并预先计算每个帧的数据。此外这些概念与动画一章中的概念类似。你可以尝试修改源代码以在帧之间插入以获得更平滑的动画。</p> <p>这个示例的复杂之处在于Assimp结构的调整使其适应本书中使用的引擎并预先计算每个帧的数据。此外这些概念与动画一章中的概念类似。你可以尝试修改源代码以在帧之间插入以获得更平滑的动画。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../26-cascaded-shadow-maps/" class="btn btn-neutral float-left" title="级联阴影映射"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../28-deferred-shading/" class="btn btn-neutral float-right" title="延迟着色法">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../28-deferred-shading/" class="btn btn-neutral float-right" title="延迟着色法">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../26-cascaded-shadow-maps/" class="btn btn-neutral" title="级联阴影映射"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -633,11 +605,11 @@ Mesh mesh = new Mesh(Utils.listToArray(vertices), Utils.listToArray(textures),
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -648,15 +620,16 @@ Mesh mesh = new Mesh(Utils.listToArray(vertices), Utils.listToArray(textures),
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>延迟着色法 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>延迟着色法 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u5ef6\u8fdf\u7740\u8272\u6cd5";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "28-deferred-shading.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u5ef6\u8fdf\u7740\u8272\u6cd5"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "28-deferred-shading.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">延迟着色法</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">延迟着色法</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">延迟着色法</li>
<li>延迟着色法</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/28-deferred-shading.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/28-deferred-shading.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="deferred-shading">延迟着色法Deferred Shading</h1> <h1 id="deferred-shading">延迟着色法Deferred Shading</h1>
<p>到目前为止我们渲染三维场景的方式称为正向渲染法Forward Rendering。我们首先渲染3D对象并在片元着色器中应用纹理和光照效果。如果我们有一个具有多种光照和复杂效果的复杂片元着色器处理阶段这种方法就不是很高效。此外我们最终可能会将这些效果应用到稍后可能由于深度测试而被丢弃的片元上尽管这并不完全正确如果我们启用<a href="https://www.khronos.org/opengl/wiki/Early_Fragment_Test">早期片元测试</a>的话)。</p> <p>到目前为止我们渲染三维场景的方式称为正向渲染法Forward Rendering。我们首先渲染3D对象并在片元着色器中应用纹理和光照效果。如果我们有一个具有多种光照和复杂效果的复杂片元着色器处理阶段这种方法就不是很高效。此外我们最终可能会将这些效果应用到稍后可能由于深度测试而被丢弃的片元上尽管这并不完全正确如果我们启用<a href="https://www.khronos.org/opengl/wiki/Early_Fragment_Test">早期片元测试</a>的话)。</p>
@@ -988,31 +969,22 @@ uniform sampler2D depthText;
<p>最后要注意的一点是,如果你想了解这些技术在现实中的应用,可以查看<a href="http://www.adriancourreges.com/blog/2015/11/02/gta-v-graphics-study/" title="GTA V - Graphics Study">这个极好的说明</a>了解GTA V的帧是如何渲染的。</p> <p>最后要注意的一点是,如果你想了解这些技术在现实中的应用,可以查看<a href="http://www.adriancourreges.com/blog/2015/11/02/gta-v-graphics-study/" title="GTA V - Graphics Study">这个极好的说明</a>了解GTA V的帧是如何渲染的。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../27-assimp/" class="btn btn-neutral float-left" title="Assimp库"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../a01-opengl-debugging/" class="btn btn-neutral float-right" title="附录 A - OpenGL调试">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../a01-opengl-debugging/" class="btn btn-neutral float-right" title="附录 A - OpenGL调试">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../27-assimp/" class="btn btn-neutral" title="Assimp库"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -1020,11 +992,11 @@ uniform sampler2D depthText;
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -1035,15 +1007,16 @@ uniform sampler2D depthText;
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

341
404.html
View File

@@ -1,194 +1,178 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="/img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>Lwjglbook中文翻译</title>
<link rel="stylesheet" href="/css/theme.css" />
<link rel="shortcut icon" href="/img/favicon.ico"> <link rel="stylesheet" href="/css/theme_extra.css" />
<title>Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="/css/theme.css" /> <script src="/js/html5shiv.min.js"></script>
<link rel="stylesheet" href="/css/theme_extra.css" /> <![endif]-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="/js/jquery-2.1.1.min.js" defer></script>
<script src="/js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href="/." class="icon icon-home"> Lwjglbook中文翻译</a> <a href="/." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="//search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="//search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="/01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="/02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="/03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="/04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="/05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="/06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="/07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="/08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="/09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="/10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="/11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="/12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="/13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="/14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="/15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="/16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="/17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="/18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="/19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="/20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="/21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="/22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="/23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="/24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="/25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="/26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="/27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="/28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="/a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="/glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="/glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="/.">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="/.">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="/.">Docs</a> &raquo;</li> <li><a href="/." class="icon icon-home" aria-label="Docs"></a></li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="404-page-not-found">404</h1> <h1 id="404-page-not-found">404</h1>
@@ -197,22 +181,18 @@
</div> </div>
</div> </div><footer>
<footer>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -220,26 +200,27 @@
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
</span> </span>
</div> </div>
<script>var base_url = '/';</script> <script src="/js/jquery-3.6.0.min.js"></script>
<script src="/js/theme_extra.js" defer></script> <script>var base_url = "/";</script>
<script src="/js/theme.js" defer></script> <script src="/js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="/js/theme.js"></script>
<script src="/search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="/search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>附录 A - OpenGL调试 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>附录 A - OpenGL调试 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u9644\u5f55 A - OpenGL\u8c03\u8bd5";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "a01-opengl-debugging.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u9644\u5f55 A - OpenGL\u8c03\u8bd5"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "a01-opengl-debugging.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">附录 A - OpenGL调试</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">附录 A - OpenGL调试</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="../glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">附录 A - OpenGL调试</li>
<li>附录 A - OpenGL调试</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/a01-opengl-debugging.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/a01-opengl-debugging.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="a-openglopengl-debugging">附录 A - OpenGL调试OpenGL Debugging</h1> <h1 id="a-openglopengl-debugging">附录 A - OpenGL调试OpenGL Debugging</h1>
<p>调试OpenGL程序可能是一项艰巨的任务。在大多数情况下你会看到一个黑屏你无法知道到底发生了什么。为了缓解这个窘况我们可以使用一些现有的工具来提供关于渲染流程的更多信息。</p> <p>调试OpenGL程序可能是一项艰巨的任务。在大多数情况下你会看到一个黑屏你无法知道到底发生了什么。为了缓解这个窘况我们可以使用一些现有的工具来提供关于渲染流程的更多信息。</p>
@@ -234,31 +215,22 @@
<p><img alt="管线状态" src="../_static/a01/pipeline_state.png" /></p> <p><img alt="管线状态" src="../_static/a01/pipeline_state.png" /></p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../28-deferred-shading/" class="btn btn-neutral float-left" title="延迟着色法"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../glossary/" class="btn btn-neutral float-right" title="术语表">Next <span class="icon icon-circle-arrow-right"></span></a> <a href="../glossary/" class="btn btn-neutral float-right" title="术语表">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../28-deferred-shading/" class="btn btn-neutral" title="延迟着色法"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -266,11 +238,11 @@
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -281,15 +253,16 @@
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

Before

Width:  |  Height:  |  Size: 434 KiB

After

Width:  |  Height:  |  Size: 434 KiB

File diff suppressed because one or more lines are too long

View File

@@ -21,11 +21,11 @@
* https://github.com/mkdocs/mkdocs/issues/233 * https://github.com/mkdocs/mkdocs/issues/233
*/ */
.rst-content pre code { .rst-content pre code {
white-space: pre; white-space: pre;
word-wrap: normal; word-wrap: normal;
display: block; display: block;
padding: 12px; padding: 12px;
font-size: 12px; font-size: 12px;
} }
/** /**
@@ -77,9 +77,9 @@ pre .cs, pre .c {
* https://github.com/mkdocs/mkdocs/issues/319 * https://github.com/mkdocs/mkdocs/issues/319
*/ */
.rst-content .no-highlight { .rst-content .no-highlight {
display: block; display: block;
padding: 0.5em; padding: 0.5em;
color: #333; color: #333;
} }
@@ -103,7 +103,7 @@ pre .cs, pre .c {
form .search-query { form .search-query {
width: 100%; width: 100%;
border-radius: 50px; border-radius: 50px;
padding: 6px 12px; /* csslint allow: box-model */ padding: 6px 12px;
border-color: #D1D4D5; border-color: #D1D4D5;
} }
@@ -113,16 +113,16 @@ form .search-query {
* https://github.com/mkdocs/mkdocs/issues/656 * https://github.com/mkdocs/mkdocs/issues/656
*/ */
.rst-content .admonition code { .rst-content .admonition code {
color: #404040; color: #404040;
border: 1px solid #c7c9cb; border: 1px solid #c7c9cb;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
background: #f8fbfd; background: #f8fbfd;
background: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);
} }
/* /*
* Account for wide tables which go off the side. * Account for wide tables which go off the side.
* Override borders to avoid wierdness on narrow tables. * Override borders to avoid weirdness on narrow tables.
* *
* https://github.com/mkdocs/mkdocs/issues/834 * https://github.com/mkdocs/mkdocs/issues/834
* https://github.com/mkdocs/mkdocs/pull/1034 * https://github.com/mkdocs/mkdocs/pull/1034
@@ -135,8 +135,8 @@ form .search-query {
} }
td, th { td, th {
border: 1px solid #e1e4e5 !important; /* csslint allow: important */ border: 1px solid #e1e4e5 !important;
border-collapse: collapse; border-collapse: collapse;
} }
/* /*
@@ -155,6 +155,12 @@ td, th {
padding-bottom: 40px; padding-bottom: 40px;
} }
/* For section-index only */
.wy-menu-vertical .current-section p {
background-color: #e3e3e3;
color: #404040;
}
/* /*
* The second step of above amendment: Here we make sure the items are aligned * The second step of above amendment: Here we make sure the items are aligned
* correctly within the .rst-current-version container. Using flexbox, we * correctly within the .rst-current-version container. Using flexbox, we

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -1,208 +1,189 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>术语表 - Lwjglbook中文翻译</title>
<link rel="stylesheet" href="../css/theme.css" />
<link rel="shortcut icon" href="../img/favicon.ico"> <link rel="stylesheet" href="../css/theme_extra.css" />
<title>术语表 - Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="../css/theme.css" /> // Current page data
<link rel="stylesheet" href="../css/theme_extra.css" /> var mkdocs_page_name = "\u672f\u8bed\u8868";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "glossary.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u672f\u8bed\u8868"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "glossary.md"; <script src="../js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="../js/jquery-2.1.1.min.js" defer></script>
<script src="../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href=".." class="icon icon-home"> Lwjglbook中文翻译</a> <a href=".." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="../search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="../01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="../02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="../03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="../04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="../05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="../06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="../07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="../08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="../09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="../10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="../11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="../12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="../13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="../14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="../15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="../16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="../17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="../18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="../19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="../20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="../21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="../22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="../23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="../24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="../25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="../26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="../27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="../28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="../a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul class="current"> <ul class="current">
<li class="toctree-l1 current"><a class="reference internal current" href="./">术语表</a> <li class="toctree-l1 current"><a class="reference internal current" href="#">术语表</a>
<ul class="current"> <ul class="current">
</ul> </ul>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="..">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="..">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="..">Docs</a> &raquo;</li> <li><a href=".." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">术语表</li>
<li>术语表</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/glossary.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/glossary.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="_1">术语表</h1> <h1 id="_1">术语表</h1>
<blockquote> <blockquote>
@@ -279,29 +260,21 @@
<p><strong>面剔除Face Culling</strong> 剔除无用或看不到的面以提升性能的OpenGL功能。</p> <p><strong>面剔除Face Culling</strong> 剔除无用或看不到的面以提升性能的OpenGL功能。</p>
</div> </div>
</div> </div><footer>
<footer> <div class="rst-footer-buttons" role="navigation" aria-label="Footer Navigation">
<a href="../a01-opengl-debugging/" class="btn btn-neutral float-left" title="附录 A - OpenGL调试"><span class="icon icon-circle-arrow-left"></span> Previous</a>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../a01-opengl-debugging/" class="btn btn-neutral" title="附录 A - OpenGL调试"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div> </div>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -309,11 +282,11 @@
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
@@ -322,15 +295,16 @@
</span> </span>
</div> </div>
<script>var base_url = '..';</script> <script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/theme_extra.js" defer></script> <script>var base_url = "..";</script>
<script src="../js/theme.js" defer></script> <script src="../js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="../js/theme.js"></script>
<script src="../search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="../search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -1,206 +1,187 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="description" content="None" /><meta name="author" content="Mouse0w0" />
<meta name="description" content="None"> <link rel="shortcut icon" href="img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>Lwjglbook中文翻译</title>
<link rel="stylesheet" href="css/theme.css" />
<link rel="shortcut icon" href="img/favicon.ico"> <link rel="stylesheet" href="css/theme_extra.css" />
<title>Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<script>
<link rel="stylesheet" href="css/theme.css" /> // Current page data
<link rel="stylesheet" href="css/theme_extra.css" /> var mkdocs_page_name = "\u300a\u7528LWJGL 3\u5f00\u53d13D\u6e38\u620f(3D Game Development with LWJGL 3)\u300b\u4e2d\u6587\u7ffb\u8bd1";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> var mkdocs_page_input_path = "index.md";
var mkdocs_page_url = null;
<script> </script>
// Current page data
var mkdocs_page_name = "\u300a\u7528LWJGL 3\u5f00\u53d13D\u6e38\u620f(3D Game Development with LWJGL 3)\u300b\u4e2d\u6587\u7ffb\u8bd1"; <!--[if lt IE 9]>
var mkdocs_page_input_path = "index.md"; <script src="js/html5shiv.min.js"></script>
var mkdocs_page_url = null; <![endif]-->
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="js/jquery-2.1.1.min.js" defer></script>
<script src="js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href="." class="icon icon-home"> Lwjglbook中文翻译</a> <a href="." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="./search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="./search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href=".">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href=".">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href=".">Docs</a> &raquo;</li> <li><a href="." class="icon icon-home" aria-label="Docs"></a></li>
<li class="breadcrumb-item active">《用LWJGL 3开发3D游戏(3D Game Development with LWJGL 3)》中文翻译</li>
<li>《用LWJGL 3开发3D游戏(3D Game Development with LWJGL 3)》中文翻译</li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/index.md" class="icon icon-github"> Edit on GitHub</a>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/edit/master/docs/index.md"
class="icon icon-github"> Edit on GitHub</a>
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="lwjgl-33d3d-game-development-with-lwjgl-3">《用LWJGL 3开发3D游戏(3D Game Development with LWJGL 3)》中文翻译</h1> <h1 id="lwjgl-33d3d-game-development-with-lwjgl-3">《用LWJGL 3开发3D游戏(3D Game Development with LWJGL 3)》中文翻译</h1>
<h2 id="_1">本书原介绍</h2> <h2 id="_1">本书原介绍</h2>
@@ -226,22 +207,18 @@
<p>如果你喜欢本译本请Star并分享它。如果你想捐助译者请通过下面的链接捐助<a href="https://afdian.net/@mouse">爱发电</a></p> <p>如果你喜欢本译本请Star并分享它。如果你想捐助译者请通过下面的链接捐助<a href="https://afdian.net/@mouse">爱发电</a></p>
</div> </div>
</div> </div><footer>
<footer>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -249,32 +226,33 @@
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
</span> </span>
</div> </div>
<script>var base_url = '.';</script> <script src="js/jquery-3.6.0.min.js"></script>
<script src="js/theme_extra.js" defer></script> <script>var base_url = ".";</script>
<script src="js/theme.js" defer></script> <script src="js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="js/theme.js"></script>
<script src="search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>
</html> </html>
<!-- <!--
MkDocs version : 1.2.2 MkDocs version : 1.6.0
Build Date UTC : 2021-09-27 05:57:46.929473+00:00 Build Date UTC : 2024-07-17 13:58:59.435995+00:00
--> -->

4
js/html5shiv.min.js vendored Executable file
View File

@@ -0,0 +1,4 @@
/**
* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.3",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b),"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:this,document);

File diff suppressed because one or more lines are too long

2
js/jquery-3.6.0.min.js vendored Executable file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,201 +1,185 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]--> <html class="writer-html5" lang="en" >
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="author" content="Mouse0w0" />
<link rel="shortcut icon" href="./img/favicon.ico" />
<meta name="author" content="Mouse0w0"> <title>Lwjglbook中文翻译</title>
<link rel="stylesheet" href="./css/theme.css" />
<link rel="shortcut icon" href="./img/favicon.ico"> <link rel="stylesheet" href="./css/theme_extra.css" />
<title>Lwjglbook中文翻译</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="./css/theme.css" /> <script src="./js/html5shiv.min.js"></script>
<link rel="stylesheet" href="./css/theme_extra.css" /> <![endif]-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="./js/jquery-2.1.1.min.js" defer></script>
<script src="./js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> </head>
<body class="wy-body-for-nav" role="document"> <body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav"> <div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav"> <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll"> <div class="wy-side-scroll">
<div class="wy-side-nav-search"> <div class="wy-side-nav-search">
<a href="./." class="icon icon-home"> Lwjglbook中文翻译</a> <a href="./." class="icon icon-home"> Lwjglbook中文翻译
<div role="search"> </a><div role="search">
<form id ="rtd-search-form" class="wy-form" action="./search.html" method="get"> <form id ="rtd-search-form" class="wy-form" action="./search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" /> <input type="text" name="q" placeholder="Search docs" aria-label="Search docs" title="Type search term here" />
</form> </form>
</div> </div>
</div> </div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation"> <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./01-first-steps/">事前准备</a> <li class="toctree-l1"><a class="reference internal" href="./01-first-steps/">事前准备</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./02-the-game-loop/">游戏循环</a> <li class="toctree-l1"><a class="reference internal" href="./02-the-game-loop/">游戏循环</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./03-a-brief-about-coordinates/">坐标简介</a> <li class="toctree-l1"><a class="reference internal" href="./03-a-brief-about-coordinates/">坐标简介</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./04-rendering/">渲染</a> <li class="toctree-l1"><a class="reference internal" href="./04-rendering/">渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./05-more-on-rendering/">渲染补充</a> <li class="toctree-l1"><a class="reference internal" href="./05-more-on-rendering/">渲染补充</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./06-transformations/">变换</a> <li class="toctree-l1"><a class="reference internal" href="./06-transformations/">变换</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./07-textures/">纹理</a> <li class="toctree-l1"><a class="reference internal" href="./07-textures/">纹理</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./08-camera/">摄像机</a> <li class="toctree-l1"><a class="reference internal" href="./08-camera/">摄像机</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./09-loading-more-complex-models/">加载更复杂的模型</a> <li class="toctree-l1"><a class="reference internal" href="./09-loading-more-complex-models/">加载更复杂的模型</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./10-let-there-be-light/">要有光</a> <li class="toctree-l1"><a class="reference internal" href="./10-let-there-be-light/">要有光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./11-let-there-be-even-more-light/">要有更多的光</a> <li class="toctree-l1"><a class="reference internal" href="./11-let-there-be-even-more-light/">要有更多的光</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./12-game-hud/">游戏HUD</a> <li class="toctree-l1"><a class="reference internal" href="./12-game-hud/">游戏HUD</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./13-sky-box-and-some-optimizations/">天空盒与一些优化</a> <li class="toctree-l1"><a class="reference internal" href="./13-sky-box-and-some-optimizations/">天空盒与一些优化</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./14-height-maps/">高度图</a> <li class="toctree-l1"><a class="reference internal" href="./14-height-maps/">高度图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./15-terrain-collisions/">地形碰撞</a> <li class="toctree-l1"><a class="reference internal" href="./15-terrain-collisions/">地形碰撞</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./16-fog/"></a> <li class="toctree-l1"><a class="reference internal" href="./16-fog/"></a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./17-normal-mapping/">法线贴图</a> <li class="toctree-l1"><a class="reference internal" href="./17-normal-mapping/">法线贴图</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./18-shadows/">阴影</a> <li class="toctree-l1"><a class="reference internal" href="./18-shadows/">阴影</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./19-animations/">动画</a> <li class="toctree-l1"><a class="reference internal" href="./19-animations/">动画</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./20-particles/">粒子</a> <li class="toctree-l1"><a class="reference internal" href="./20-particles/">粒子</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./21-instanced-rendering/">实例化渲染</a> <li class="toctree-l1"><a class="reference internal" href="./21-instanced-rendering/">实例化渲染</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./22-audio/">音效</a> <li class="toctree-l1"><a class="reference internal" href="./22-audio/">音效</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./23-3d-object-picking/">三维物体选取</a> <li class="toctree-l1"><a class="reference internal" href="./23-3d-object-picking/">三维物体选取</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./24-hud-revisited/">回顾HUD - NanoVG</a> <li class="toctree-l1"><a class="reference internal" href="./24-hud-revisited/">回顾HUD - NanoVG</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./25-optimizations-frustum-culling/">优化 - 截锥剔除</a> <li class="toctree-l1"><a class="reference internal" href="./25-optimizations-frustum-culling/">优化 - 截锥剔除</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./26-cascaded-shadow-maps/">级联阴影映射</a> <li class="toctree-l1"><a class="reference internal" href="./26-cascaded-shadow-maps/">级联阴影映射</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./27-assimp/">Assimp库</a> <li class="toctree-l1"><a class="reference internal" href="./27-assimp/">Assimp库</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./28-deferred-shading/">延迟着色法</a> <li class="toctree-l1"><a class="reference internal" href="./28-deferred-shading/">延迟着色法</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./a01-opengl-debugging/">附录 A - OpenGL调试</a> <li class="toctree-l1"><a class="reference internal" href="./a01-opengl-debugging/">附录 A - OpenGL调试</a>
</li> </li>
</ul> </ul>
<ul> <ul>
<li class="toctree-l1"><a class="reference internal" href="./glossary/">术语表</a> <li class="toctree-l1"><a class="reference internal" href="./glossary/">术语表</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"> <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="Mobile navigation menu">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<nav class="wy-nav-top" role="navigation" aria-label="top navigation"> <a href="./.">Lwjglbook中文翻译</a>
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="./.">Lwjglbook中文翻译</a>
</nav> </nav>
<div class="wy-nav-content"> <div class="wy-nav-content">
<div class="rst-content"> <div class="rst-content"><div role="navigation" aria-label="breadcrumbs navigation">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs"> <ul class="wy-breadcrumbs">
<li><a href="./.">Docs</a> &raquo;</li> <li><a href="./." class="icon icon-home" aria-label="Docs"></a></li>
<li class="wy-breadcrumbs-aside"> <li class="wy-breadcrumbs-aside">
</li> </li>
</ul> </ul>
<hr/> <hr/>
</div> </div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div role="main"> <div class="section" itemprop="articleBody">
<div class="section">
<h1 id="search">Search Results</h1> <h1 id="search">Search Results</h1>
<form id="content_search" action="search.html"> <form id="content_search" action="search.html">
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span> <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
<input name="q" id="mkdocs-search-query" type="text" class="search_input search-query ui-autocomplete-input" placeholder="Search the Docs" autocomplete="off" autofocus title="Type search term here"> <input name="q" id="mkdocs-search-query" type="text" class="search_input search-query ui-autocomplete-input" placeholder="Search the Docs" aria-label="Search the Docs" autocomplete="off" autofocus title="Type search term here">
</form> </form>
<div id="mkdocs-search-results" class="search-results" data-no-results-text="No results found"> <div id="mkdocs-search-results" class="search-results" data-no-results-text="No results found">
@@ -204,22 +188,18 @@
</div> </div>
</div> </div><footer>
<footer>
<hr/> <hr/>
<div role="contentinfo"> <div role="contentinfo">
<!-- Copyright etc --> <!-- Copyright etc -->
<p>2019, Mouse0w0</p> <p>2019, Mouse0w0</p>
</div> </div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer> </footer>
</div> </div>
</div> </div>
@@ -227,26 +207,27 @@
</div> </div>
<div class="rst-versions" role="note" aria-label="versions"> <div class="rst-versions" role="note" aria-label="Versions">
<span class="rst-current-version" data-toggle="rst-current-version"> <span class="rst-current-version" data-toggle="rst-current-version">
<span> <span>
<a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a> <a href="https://github.com/Mouse0w0/lwjglbook-CN-Translation" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span> </span>
</span> </span>
</div> </div>
<script>var base_url = '.';</script> <script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/theme_extra.js" defer></script> <script>var base_url = ".";</script>
<script src="./js/theme.js" defer></script> <script src="./js/theme_extra.js"></script>
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" defer></script> <script src="./js/theme.js"></script>
<script src="./search/main.js" defer></script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
<script defer> <script src="./search/main.js"></script>
window.onload = function () { <script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true); SphinxRtdTheme.Navigation.enable(true);
}; });
</script> </script>
</body> </body>

View File

@@ -3456,7 +3456,7 @@ lunr.QueryParser.parseBoost = function (parser) {
} else if (typeof exports === 'object') { } else if (typeof exports === 'object') {
/** /**
* Node. Does not work with strict CommonJS, but * Node. Does not work with strict CommonJS, but
* only CommonJS-like enviroments that support module.exports, * only CommonJS-like environments that support module.exports,
* like Node. * like Node.
*/ */
module.exports = factory() module.exports = factory()

View File

@@ -21,8 +21,15 @@ function joinUrl (base, path) {
return base + "/" + path; return base + "/" + path;
} }
function escapeHtml (value) {
return value.replace(/&/g, '&amp;')
.replace(/"/g, '&quot;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;');
}
function formatResult (location, title, summary) { function formatResult (location, title, summary) {
return '<article><h3><a href="' + joinUrl(base_url, location) + '">'+ title + '</a></h3><p>' + summary +'</p></article>'; return '<article><h3><a href="' + joinUrl(base_url, location) + '">'+ escapeHtml(title) + '</a></h3><p>' + escapeHtml(summary) +'</p></article>';
} }
function displayResults (results) { function displayResults (results) {

File diff suppressed because one or more lines are too long

View File

@@ -1,158 +1,3 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
<url>
<loc>None</loc>
<lastmod>2021-09-27</lastmod>
<changefreq>daily</changefreq>
</url>
</urlset> </urlset>

Binary file not shown.