commit 00f4d21378213a5d8ca6a99e7c505a9d373a3153
parent db405078d7b92422a43448a06456405f9b0461c7
Author: Matsuda Kenji <ftvda283@gmail.com>
Date: Mon, 13 Sep 2021 20:42:34 +0900
review Introduction
Diffstat:
2 files changed, 13 insertions(+), 270 deletions(-)
diff --git a/translation/Getting-started/Shaders.html b/translation/Getting-started/Shaders.html
@@ -1,5 +1,3 @@
-
-
<!DOCTYPE html>
<html lang="en">
<head>
@@ -8,255 +6,17 @@
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<meta name="description" content="Learn OpenGL . com provides good and clear modern 3.3+ OpenGL tutorials with clear examples. A great resource to learn modern OpenGL aimed at beginners.">
<meta name="fragment" content="!">
- <script>
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
- ga('create', 'UA-51879160-1', 'learnopengl.com');
- ga('send', 'pageview');
+ <link rel="stylesheet" href="../static/style.css" />
- </script>
- <!--<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
- <script>
- (adsbygoogle = window.adsbygoogle || []).push({
- google_ad_client: "ca-pub-7855791439695850",
- enable_page_level_ads: true
- });
- </script>
- <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
- <script>
- var googletag = googletag || {};
- googletag.cmd = googletag.cmd || [];
- </script>
- <script>
- googletag.cmd.push(function() {
- googletag.defineSlot('/8491498/learnopengl_video', [300, 225], 'div-gpt-ad-1540574378241-0').addService(googletag.pubads());
- googletag.pubads().enableSingleRequest();
- googletag.pubads().collapseEmptyDivs();
- googletag.enableServices();
- });
- </script>
- <script type="text/javascript" src="https://d31vxm9ubutrmw.cloudfront.net/static/js/1681.js"></script>
- <script src="/js/jquery-1.11.0.min.js"></script>
- <script src="/js/hoverintent.js"></script>
- <link rel="stylesheet" type="text/css" href="/layout.css">
- <link rel="stylesheet" type="text/css" href="/js/styles/obsidian.css">
- <script src="/js/highlight.pack.js"></script>
- <script src="/js/functions.js"></script>
- <script type="text/javascript" src="/js/mathjax/MathJax.js?config=TeX-AMS_HTML"></script>
- <script>
- // Has to be loaded last due to content bug
- MathJax.Hub.Config({
- TeX: { equationNumbers: { autoNumber: "AMS" } }
- });
- </script>
- <script>hljs.initHighlightingOnLoad();</script>
- <script>
- $(document).ready(function() {
- // check if user visited from the old # based urls, re-direct to ?p= form
- if(window.location.hash)
- {
- var name = window.location.hash.substring(2);
- // name = name.replace(/-/g," ");
- var index = name.indexOf('#'); // Remove any hash fragments from the url (Disquss adds hash fragments for comments, but results in 404 pages)
- if(index >= 0)
- name = name.substring(0, index);
-
- window.location.href = "https://learnopengl.com/" + name;
- } else {
- // Check if data has been succesfully loaded, if so: change title bar as ajax hash fragment
- var title = $('#content-url').text();
-
- // Refresh syntax highlighting
- // $('pre').each(function(i, e) {hljs.highlightBlock(e)});
-
- // Reset DISQUS
- // if(title == '/dev/')
- // title = '';
- // alert('hoi');
-
- // Adjust ads for correct bottom positioning based on content size
- window.setTimeout(function() {
- AdPositioning();
- }, 3000);
-
-
- // set API resets after time-out (once content is properly loaded)
- window.setTimeout(function() {
- MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
- MathJax.Hub.Queue(["resetEquationNumbers", MathJax.InputJax.TeX]);
-
- var page_url = title == "" ? "http://www.learnopengl.com/" : "http://www.learnopengl.com/" + title;
- if(typeof DISQUS !== 'undefined') {
- DISQUS.reset({
- reload: true,
- config: function () {
- this.page.identifier = title;
- this.page.url = page_url;
- }
- });
- $('#disqus_thread').show();
- }
- // Refresh callbacks on <function> tags
- SetFunctionTagCallbacks();
- }, 1000);
-
- // Zet ook de juiste button op 'selected'
- $('#nav li span, #nav li a').removeClass('selected');
- if(title != '')
- {
- $('#nav li[id=\'' + title + '\']').children('span, a').addClass('selected');
- }
- // En open menu waar nodig
- var parents = $('#nav span.selected, #nav a.selected').parents('li').children('span.closed, a.closed');
- var index = 0;
- for(index = parents.length - 1; index >= 0; index--)
- {
-
- var id = $(parents[index]).attr("id").replace( /^\D+/g, '');
- MenuClick(id, false);
- }
-
- }
- });
- // var initialized = false;
- // window.onpopstate = function() {
- // if(initialized)
- // LoadPage();
- // else
- // initialized = true;
- // };
-
- // Set up DISQUS
- // $(document).ready(function() {
- var disqus_shortname = 'learnopengl';
- (function() {
- var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
- dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
- (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
- })();
- // });
- </script>
</head>
<body>
-<a href="https://learnopengl.com">
-<div id="header">
-</div>
-</a>
-
-<div id="supercontainer">
- <!-- 728x90/320x50 -->
- <div id="header_ad">
- <div id="waldo-tag-6194"></div>
- </div>
- <div id="rightad_container">
- <div id="rightad">
- <!-- /8491498/learnopengl_video -->
- <!--<div id='div-gpt-ad-1540574378241-0' style='height:225px; width:300px;'>
- <script>
- googletag.cmd.push(function() { googletag.display('div-gpt-ad-1540574378241-0'); });
- </script>
- </div>
- <br/>-->
-
- <div id="waldo-tag-1715"></div>
- </div>
-
- <div id="admessage">
- If you're running AdBlock, please consider whitelisting this site if you'd like to support LearnOpenGL; and no worries, I won't be mad if you don't :)
- <!--<br/><br/>
- Also, check out this little local multiplayer-only game I've made: <a href="https://store.steampowered.com/app/983590/Tank_Blazers/" target="_blank">Tank Blazers</a>.
- <br/>
- <a href="https://store.steampowered.com/app/983590/Tank_Blazers" target="_blank"><img src="/img/tank_blazers.jpg" style="width:278px; margin-top: 9px; margin-left: -3px;"/></a>-->
- </div>
-
- <div id="rightonethirdad">
- <div id="waldo-tag-2246"></div>
- </div>
-
- <div id="rightbottomad">
- <div id="waldo-tag-2247"></div>
- </div>
- </div>
- <div id="container">
- <div id="loading"></div>
-<script>
-$(document).ready(function() {
-$('#menu-item4').mousedown(function() { MenuClick(4, true) });
-$('#menu-item48').mousedown(function() { MenuClick(48, true) });
-$('#menu-item56').mousedown(function() { MenuClick(56, true) });
-$('#menu-item63').mousedown(function() { MenuClick(63, true) });
-$('#menu-item100').mousedown(function() { MenuClick(100, true) });
-$('#menu-item102').mousedown(function() { MenuClick(102, true) });
-$('#menu-item113').mousedown(function() { MenuClick(113, true) });
-$('#menu-item116').mousedown(function() { MenuClick(116, true) });
-$('#menu-item78').mousedown(function() { MenuClick(78, true) });
-$('#menu-item81').mousedown(function() { MenuClick(81, true) });
-$('#menu-item85').mousedown(function() { MenuClick(85, true) });
-$('#menu-item125').mousedown(function() { MenuClick(125, true) });
-$('#menu-item128').mousedown(function() { MenuClick(128, true) });
-$('#menu-item129').mousedown(function() { MenuClick(129, true) });
-$('#menu-item133').mousedown(function() { MenuClick(133, true) });
-$('#menu-item134').mousedown(function() { MenuClick(134, true) });
-});
-</script>
- <div id="nav">
- <div id="social">
- <a href="https://github.com/JoeyDeVries/LearnOpenGL" target="_blank">
- <img src="/img/github.png" class="social_ico">
- </a>
- <!-- <a href="https://www.facebook.com/Learnopengl-2199631333595544/" target="_blank">
- <img src="/img/facebook.png" class="social_ico">
- </a>-->
- <a href="https://twitter.com/JoeyDeVriez" target="_blank">
- <img src="/img/twitter.png" class="social_ico">
- </a>
-
- </div>
- <img src='img/nav-button_bottom-arrow.png' style='display: none'><ol><li id='Introduction'><a id="menu-item1" href="https://learnopengl.com/Introduction">Introduction </a></li><li id='Getting-started'><span id="menu-item4" class="closed">Getting started </span><ol id="menu-items-of4" style="display:none;"><li id='Getting-started/OpenGL'><a id="menu-item49" href="https://learnopengl.com/Getting-started/OpenGL">OpenGL </a></li><li id='Getting-started/Creating-a-window'><a id="menu-item5" href="https://learnopengl.com/Getting-started/Creating-a-window">Creating a window </a></li><li id='Getting-started/Hello-Window'><a id="menu-item6" href="https://learnopengl.com/Getting-started/Hello-Window">Hello Window </a></li><li id='Getting-started/Hello-Triangle'><a id="menu-item38" href="https://learnopengl.com/Getting-started/Hello-Triangle">Hello Triangle </a></li><li id='Getting-started/Shaders'><a id="menu-item39" href="https://learnopengl.com/Getting-started/Shaders">Shaders </a></li><li id='Getting-started/Textures'><a id="menu-item40" href="https://learnopengl.com/Getting-started/Textures">Textures </a></li><li id='Getting-started/Transformations'><a id="menu-item43" href="https://learnopengl.com/Getting-started/Transformations">Transformations </a></li><li id='Getting-started/Coordinate-Systems'><a id="menu-item44" href="https://learnopengl.com/Getting-started/Coordinate-Systems">Coordinate Systems </a></li><li id='Getting-started/Camera'><a id="menu-item47" href="https://learnopengl.com/Getting-started/Camera">Camera </a></li><li id='Getting-started/Review'><a id="menu-item50" href="https://learnopengl.com/Getting-started/Review">Review </a></li></ol></li><li id='Lighting'><span id="menu-item48" class="closed">Lighting </span><ol id="menu-items-of48" style="display:none;"><li id='Lighting/Colors'><a id="menu-item51" href="https://learnopengl.com/Lighting/Colors">Colors </a></li><li id='Lighting/Basic-Lighting'><a id="menu-item52" href="https://learnopengl.com/Lighting/Basic-Lighting">Basic Lighting </a></li><li id='Lighting/Materials'><a id="menu-item53" href="https://learnopengl.com/Lighting/Materials">Materials </a></li><li id='Lighting/Lighting-maps'><a id="menu-item54" href="https://learnopengl.com/Lighting/Lighting-maps">Lighting maps </a></li><li id='Lighting/Light-casters'><a id="menu-item55" href="https://learnopengl.com/Lighting/Light-casters">Light casters </a></li><li id='Lighting/Multiple-lights'><a id="menu-item58" href="https://learnopengl.com/Lighting/Multiple-lights">Multiple lights </a></li><li id='Lighting/Review'><a id="menu-item57" href="https://learnopengl.com/Lighting/Review">Review </a></li></ol></li><li id='Model-Loading'><span id="menu-item56" class="closed">Model Loading </span><ol id="menu-items-of56" style="display:none;"><li id='Model-Loading/Assimp'><a id="menu-item59" href="https://learnopengl.com/Model-Loading/Assimp">Assimp </a></li><li id='Model-Loading/Mesh'><a id="menu-item60" href="https://learnopengl.com/Model-Loading/Mesh">Mesh </a></li><li id='Model-Loading/Model'><a id="menu-item61" href="https://learnopengl.com/Model-Loading/Model">Model </a></li></ol></li><li id='Advanced-OpenGL'><span id="menu-item63" class="closed">Advanced OpenGL </span><ol id="menu-items-of63" style="display:none;"><li id='Advanced-OpenGL/Depth-testing'><a id="menu-item72" href="https://learnopengl.com/Advanced-OpenGL/Depth-testing">Depth testing </a></li><li id='Advanced-OpenGL/Stencil-testing'><a id="menu-item73" href="https://learnopengl.com/Advanced-OpenGL/Stencil-testing">Stencil testing </a></li><li id='Advanced-OpenGL/Blending'><a id="menu-item74" href="https://learnopengl.com/Advanced-OpenGL/Blending">Blending </a></li><li id='Advanced-OpenGL/Face-culling'><a id="menu-item77" href="https://learnopengl.com/Advanced-OpenGL/Face-culling">Face culling </a></li><li id='Advanced-OpenGL/Framebuffers'><a id="menu-item65" href="https://learnopengl.com/Advanced-OpenGL/Framebuffers">Framebuffers </a></li><li id='Advanced-OpenGL/Cubemaps'><a id="menu-item66" href="https://learnopengl.com/Advanced-OpenGL/Cubemaps">Cubemaps </a></li><li id='Advanced-OpenGL/Advanced-Data'><a id="menu-item69" href="https://learnopengl.com/Advanced-OpenGL/Advanced-Data">Advanced Data </a></li><li id='Advanced-OpenGL/Advanced-GLSL'><a id="menu-item67" href="https://learnopengl.com/Advanced-OpenGL/Advanced-GLSL">Advanced GLSL </a></li><li id='Advanced-OpenGL/Geometry-Shader'><a id="menu-item68" href="https://learnopengl.com/Advanced-OpenGL/Geometry-Shader">Geometry Shader </a></li><li id='Advanced-OpenGL/Instancing'><a id="menu-item70" href="https://learnopengl.com/Advanced-OpenGL/Instancing">Instancing </a></li><li id='Advanced-OpenGL/Anti-Aliasing'><a id="menu-item75" href="https://learnopengl.com/Advanced-OpenGL/Anti-Aliasing">Anti Aliasing </a></li></ol></li><li id='Advanced-Lighting'><span id="menu-item100" class="closed">Advanced Lighting </span><ol id="menu-items-of100" style="display:none;"><li id='Advanced-Lighting/Advanced-Lighting'><a id="menu-item101" href="https://learnopengl.com/Advanced-Lighting/Advanced-Lighting">Advanced Lighting </a></li><li id='Advanced-Lighting/Gamma-Correction'><a id="menu-item110" href="https://learnopengl.com/Advanced-Lighting/Gamma-Correction">Gamma Correction </a></li><li id='Advanced-Lighting/Shadows'><span id="menu-item102" class="closed">Shadows </span><ol id="menu-items-of102" style="display:none;"><li id='Advanced-Lighting/Shadows/Shadow-Mapping'><a id="menu-item103" href="https://learnopengl.com/Advanced-Lighting/Shadows/Shadow-Mapping">Shadow Mapping </a></li><li id='Advanced-Lighting/Shadows/Point-Shadows'><a id="menu-item104" href="https://learnopengl.com/Advanced-Lighting/Shadows/Point-Shadows">Point Shadows </a></li></ol></li><li id='Advanced-Lighting/Normal-Mapping'><a id="menu-item106" href="https://learnopengl.com/Advanced-Lighting/Normal-Mapping">Normal Mapping </a></li><li id='Advanced-Lighting/Parallax-Mapping'><a id="menu-item107" href="https://learnopengl.com/Advanced-Lighting/Parallax-Mapping">Parallax Mapping </a></li><li id='Advanced-Lighting/HDR'><a id="menu-item111" href="https://learnopengl.com/Advanced-Lighting/HDR">HDR </a></li><li id='Advanced-Lighting/Bloom'><a id="menu-item112" href="https://learnopengl.com/Advanced-Lighting/Bloom">Bloom </a></li><li id='Advanced-Lighting/Deferred-Shading'><a id="menu-item108" href="https://learnopengl.com/Advanced-Lighting/Deferred-Shading">Deferred Shading </a></li><li id='Advanced-Lighting/SSAO'><a id="menu-item109" href="https://learnopengl.com/Advanced-Lighting/SSAO">SSAO </a></li></ol></li><li id='PBR'><span id="menu-item113" class="closed">PBR </span><ol id="menu-items-of113" style="display:none;"><li id='PBR/Theory'><a id="menu-item114" href="https://learnopengl.com/PBR/Theory">Theory </a></li><li id='PBR/Lighting'><a id="menu-item115" href="https://learnopengl.com/PBR/Lighting">Lighting </a></li><li id='PBR/IBL'><span id="menu-item116" class="closed">IBL </span><ol id="menu-items-of116" style="display:none;"><li id='PBR/IBL/Diffuse-irradiance'><a id="menu-item117" href="https://learnopengl.com/PBR/IBL/Diffuse-irradiance">Diffuse irradiance </a></li><li id='PBR/IBL/Specular-IBL'><a id="menu-item118" href="https://learnopengl.com/PBR/IBL/Specular-IBL">Specular IBL </a></li></ol></li></ol></li><li id='In-Practice'><span id="menu-item78" class="closed">In Practice </span><ol id="menu-items-of78" style="display:none;"><li id='In-Practice/Debugging'><a id="menu-item79" href="https://learnopengl.com/In-Practice/Debugging">Debugging </a></li><li id='In-Practice/Text-Rendering'><a id="menu-item80" href="https://learnopengl.com/In-Practice/Text-Rendering">Text Rendering </a></li><li id='In-Practice/2D-Game'><span id="menu-item81" class="closed">2D Game </span><ol id="menu-items-of81" style="display:none;"><li id='In-Practice/2D-Game/Breakout'><a id="menu-item82" href="https://learnopengl.com/In-Practice/2D-Game/Breakout">Breakout </a></li><li id='In-Practice/2D-Game/Setting-up'><a id="menu-item88" href="https://learnopengl.com/In-Practice/2D-Game/Setting-up">Setting up </a></li><li id='In-Practice/2D-Game/Rendering-Sprites'><a id="menu-item83" href="https://learnopengl.com/In-Practice/2D-Game/Rendering-Sprites">Rendering Sprites </a></li><li id='In-Practice/2D-Game/Levels'><a id="menu-item84" href="https://learnopengl.com/In-Practice/2D-Game/Levels">Levels </a></li><li id='In-Practice/2D-Game/Collisions'><span id="menu-item85" class="closed">Collisions </span><ol id="menu-items-of85" style="display:none;"><li id='In-Practice/2D-Game/Collisions/Ball'><a id="menu-item95" href="https://learnopengl.com/In-Practice/2D-Game/Collisions/Ball">Ball </a></li><li id='In-Practice/2D-Game/Collisions/Collision-detection'><a id="menu-item96" href="https://learnopengl.com/In-Practice/2D-Game/Collisions/Collision-detection">Collision detection </a></li><li id='In-Practice/2D-Game/Collisions/Collision-resolution'><a id="menu-item97" href="https://learnopengl.com/In-Practice/2D-Game/Collisions/Collision-resolution">Collision resolution </a></li></ol></li><li id='In-Practice/2D-Game/Particles'><a id="menu-item89" href="https://learnopengl.com/In-Practice/2D-Game/Particles">Particles </a></li><li id='In-Practice/2D-Game/Postprocessing'><a id="menu-item90" href="https://learnopengl.com/In-Practice/2D-Game/Postprocessing">Postprocessing </a></li><li id='In-Practice/2D-Game/Powerups'><a id="menu-item91" href="https://learnopengl.com/In-Practice/2D-Game/Powerups">Powerups </a></li><li id='In-Practice/2D-Game/Audio'><a id="menu-item94" href="https://learnopengl.com/In-Practice/2D-Game/Audio">Audio </a></li><li id='In-Practice/2D-Game/Render-text'><a id="menu-item92" href="https://learnopengl.com/In-Practice/2D-Game/Render-text">Render text </a></li><li id='In-Practice/2D-Game/Final-thoughts'><a id="menu-item93" href="https://learnopengl.com/In-Practice/2D-Game/Final-thoughts">Final thoughts </a></li></ol></li></ol></li><li id='Guest-Articles'><span id="menu-item125" class="closed">Guest Articles </span><ol id="menu-items-of125" style="display:none;"><li id='Guest-Articles/How-to-publish'><a id="menu-item126" href="https://learnopengl.com/Guest-Articles/How-to-publish">How to publish </a></li><li id='Guest-Articles/2020'><span id="menu-item128" class="closed">2020 </span><ol id="menu-items-of128" style="display:none;"><li id='Guest-Articles/2020/OIT'><span id="menu-item129" class="closed">OIT </span><ol id="menu-items-of129" style="display:none;"><li id='Guest-Articles/2020/OIT/Introduction'><a id="menu-item130" href="https://learnopengl.com/Guest-Articles/2020/OIT/Introduction">Introduction </a></li><li id='Guest-Articles/2020/OIT/Weighted-Blended'><a id="menu-item132" href="https://learnopengl.com/Guest-Articles/2020/OIT/Weighted-Blended">Weighted Blended </a></li></ol></li><li id='Guest-Articles/2020/Skeletal-Animation'><a id="menu-item131" href="https://learnopengl.com/Guest-Articles/2020/Skeletal-Animation">Skeletal Animation </a></li></ol></li><li id='Guest-Articles/2021'><span id="menu-item133" class="closed">2021 </span><ol id="menu-items-of133" style="display:none;"><li id='Guest-Articles/2021/Scene'><span id="menu-item134" class="closed">Scene </span><ol id="menu-items-of134" style="display:none;"><li id='Guest-Articles/2021/Scene/Scene-Graph'><a id="menu-item135" href="https://learnopengl.com/Guest-Articles/2021/Scene/Scene-Graph">Scene Graph </a></li><li id='Guest-Articles/2021/Scene/Frustum-Culling'><a id="menu-item136" href="https://learnopengl.com/Guest-Articles/2021/Scene/Frustum-Culling">Frustum Culling </a></li></ol></li></ol></li></ol></li><li id='Code-repository'><a id="menu-item99" href="https://learnopengl.com/Code-repository">Code repository </a></li><li id='Translations'><a id="menu-item119" href="https://learnopengl.com/Translations">Translations </a></li><li id='About'><a id="menu-item2" href="https://learnopengl.com/About">About </a></li></ol> <div id="menu_book">
- <a href="https://geni.us/learnopengl" target="_blank"><img src="/book/below_menu.png" class="clean"/></a>
- </div>
- <div id="donate">
- <a href="https://www.paypal.me/learnopengl/" target="_blank">
- <div id="donate_img"></div>
- <img style="display: none" src="/img/donate_button_hover.png"/>
- <!--<img id="donate_img" src="img/patreon.png"/>-->
- </a>
- <!--<div id="alipay">
- <img style="width: 150px;" class="clean" src="/img/alipay_logo.png"/>
- <img style="width: 150px; margin-top: 5px" src="/img/alipay.png"/>
- </div>-->
- </div>
- <div class="btc">
- <h3>BTC</h3>
- <p>
- 1CLGKgmBSuYJ1nnvDGAepVTKNNDpUjfpRa
- </p>
- <img src="/img/btc_qr.png"/>
- </div>
- <div class="btc">
- <h3>ETH/ERC20</h3>
- <p>
- 0x1de59bd9e52521a46309474f8372531533bd7c43
- </p>
- <img src="/img/erc20_qr.png"/>
- </div>
- <div id="ad">
- <!--<div id="waldo-tag-1684"></div>-->
- </div>
-
- <div id="lefttwothirdad">
- <div id="waldo-tag-2245"></div>
- </div>
- </div>
-
<div id="content">
<h1 id="content-title">Shaders</h1>
+ <h1 id="content-title">シェーダー</h1>
<h1 id="content-url" style='display:none;'>Getting-started/Shaders</h1>
<p>
As mentioned in the <a href="https://learnopengl.com/Getting-started/Hello-Triangle" target="_blank">Hello Triangle</a> chapter, shaders are little programs that rest on the GPU. These programs are run for each specific section of the graphics pipeline. In a basic sense, shaders are nothing more than programs transforming inputs to outputs. Shaders are also very isolated programs in that they're not allowed to communicate with each other; the only communication they have is via their inputs and outputs.
+
</p>
<p>
@@ -822,21 +582,5 @@ while(...)
</div>
-
- <div id="hover">
- HI
- </div>
- <!-- 728x90/320x50 sticky footer -->
-<div id="waldo-tag-6196"></div>
-
- <div id="disqus_thread"></div>
-
-
-
-
-</div> <!-- container div -->
-
-
-</div> <!-- super container div -->
</body>
-</html>
-\ No newline at end of file
+</html>
diff --git a/translation/Introduction.html b/translation/Introduction.html
@@ -15,37 +15,37 @@
<h1 id="content-url" style='display:none;'>Introduction</h1>
<p>
Since you came here you probably want to learn the inner workings of computer graphics and do all the stuff the cool kids do by yourself. Doing things by yourself is extremely fun and resourceful and gives you a great understanding of graphics programming. However, there are a few items that need to be taken into consideration before starting your journey.
-ここに来たあなたはコンピュータグラフィックスの内部に興味があり、クールなガキンチョがやっているようなことを自身の手で行いたいと考えていることでしょう。グラフィックプログラミングを自身の手で行うことはとても楽しく、好奇心を刺激されるものであり、またグラフィックプログラミングに関する深い理解がえられます。しかし旅にでかける前に考慮すべきことがいくつかあります。
+ここに来たあなたはコンピュータグラフィックスの内部に興味があり、イケてるエンジニアがやっているようなことを自身の手ででも行いたいと考えていることでしょう。グラフィックプログラミングを自身の手で行うことはとても楽しく、頭脳を刺激されるものであり、またグラフィックプログラミングに関する深い理解が得られます。しかし旅に出掛ける前に考慮すべきことがいくつかあります。
</p>
<h2>Prerequisites</h2>
<h2>前提知識</h2>
<p>
Since OpenGL is a graphics API and not a platform of its own, it requires a language to operate in and the language of choice is <code>C++</code>. Therefore a decent knowledge of the <code>C++</code> programming language is required for these chapters. However, I will try to explain most of the concepts used, including advanced <code>C++</code> topics where required so it is not required to be an expert in <code>C++</code>, but you should be able to write more than just a <code>'Hello World'</code> program. If you don't have much experience with <code>C++</code> I can recommend the free tutorials at <a href="http://www.learncpp.com" target="_blank">www.learncpp.com</a>.
-今日のOpenGLはグラフィックAPIであり、プラットフォームではありません。そのためOpenGLを操作するためのプログラミング言語が必要です。本書ではそのような言語として<code>C++</code>を用います。そのため本書を読むにあたって<code>C++</code>の十分な知識が必要です。ときには<code>C++</code>の発展的な手法を用います。しかし可能な限り基本となる考え方は説明しますので、<code>C++</code>のエキスパートである必要はありません。ただし<code>'Hello World'</code>を出力するプログラムを書けるだけでは不十分です。<code>C++</code>の経験が不十分であれば、<a href="http://www.learncpp.com" target="_blank">www.learncpp.com</a>で利用できる無料のチュートリアルがおすすめです。
+今日のOpenGLはグラフィックスAPIであり、プラットフォームではありません。そのためOpenGLを操作するためのプログラミング言語が必要です。本書ではそのような言語として<code>C++</code>を用います。そのため本書を読むにあたって<code>C++</code>の十分な知識が必要です。ときには<code>C++</code>の発展的な手法を用います。しかし可能な限り基本となる考え方は説明しますので、<code>C++</code>のエキスパートである必要はありません。ただし<code>'Hello World'</code>を出力するプログラムを書けるだけでは不十分です。<code>C++</code>の経験が不十分であれば、<a href="http://www.learncpp.com" target="_blank">www.learncpp.com</a>で利用できる無料のチュートリアルがおすすめです。
</p>
<p>
Also, we will be using some math (linear algebra, geometry, and trigonometry) along the way and I will try to explain all the required concepts of the math required. However, I'm not a mathematician by heart so even though my explanations may be easy to understand, they will most likely be incomplete. So where necessary I will provide pointers to good resources that explain the material in a more complete fashion. Don't be scared about the mathematical knowledge required before starting your journey into OpenGL; almost all the concepts can be understood with a basic mathematical background and I will try to keep the mathematics to a minimum where possible. Most of the functionality doesn't even require you to understand all the math as long as you know how to use it.
-加えて数学も利用します。線形代数、幾何学、三角関数といったものです。これらの数学についても、必要な概念はできるだけ説明するようにします。ただ私は数学者ではないので、私の説明が理解しやすかったとしても、その説明は数学的に完全なものではないかもしれません。そのため必要におうじてより完全な説明がされている情報源を紹介するようにします。OpenGLの旅にでかけるまえに数学をおそれないでください。ほとんどの概念は基本的な数学の知識があれば理解できます。また、数学の利用は最小限にとどめるように努力します。ほとんどの場合、使い方さえ知っていれば、数学の中身を理解する必要はありません。
+加えて数学も利用します。線形代数、幾何学、三角関数といったものです。これらの数学についても、必要な概念はできるだけ説明するようにします。ただし私は数学者ではありません。私の説明が理解しやすかったとしても、その説明は数学的に完全なものではないかもしれません。そのため必要に応じてより完全な説明がされている情報源を提供するようにします。OpenGLの旅に出掛けていない段階で数学に恐れをなさないでください。ほとんどの概念は基本的な数学の知識があれば理解できますし、数学の利用自体も最小限にとどめるように努力します。ほとんどの場合、使い方だけ知っていれば、数学の中身を理解する必要さえありません。
</p>
<h2>Structure</h2>
<h2>本書の構成</h2>
<p>
LearnOpenGL is broken down into a number of general sections. Each section contains several chapters that each explain different concepts in large detail. Each of the chapters can be found at the menu to your left. The concepts are taught in a linear fashion (so it is advised to start from the top to the bottom, unless otherwise instructed) where each chapter explains the background theory and the practical aspects.
-本書はいくつかの章におおまかに分けられます。各章は個々の概念を詳細に解説した節により構成されます。各節は左のメニューから見つけることができます。個々の概念は順番に解説していますので、特に断りがなければ前から順番に読むことを推奨します）。各節では背景となる理屈と実際の利用法を説明します。
+本書はいくつかの章におおまかに分けられます。各章は個々の概念を詳細に解説した節により構成されます。各節は左のメニューから見つけることができます。個々の概念は順番に解説していますので、特に断りがなければ前から順番に読むことを推奨します。各節では背景となる理屈と実際の利用法を説明します。
</p>
<p>
To make the concepts easier to follow, and give them some added structure, the book contains <em>boxes</em>, <em>code blocks</em>, <em>color hints</em> and <em>function references</em>.
-本書の流れを構造化し、追跡しやすくするため、いくつかの<em>ボックス</em>、<em>コードブロック</em>、<em>色付き文字</em>そして<em>関数の照会</em>を使います。
+本書を視覚的に見やすくし、話の流れを追跡しやすくするため、いくつかの<em>ボックス</em>、<em>コードブロック</em>、<em>色付き文字</em>そして<em>関数の照会</em>を用います。
</p>
<h3>Boxes</h3>
<h3>ボックス</h3>
<note><strong>Green</strong> boxes encompasses some notes or useful features/hints about OpenGL or the subject at hand.</note>
-<note><strong>緑</strong>のボックスはOpenGLについてあるいはその場所で議論している話題についてのメモや有用な特性/ヒントを含みます。</note>
+<note><strong>緑</strong>のボックスはOpenGLについてあるいはその場所で議論している話題についてのメモや有用な特性、ヒントを含みます。</note>
<warning><strong>Red</strong> boxes will contain warnings or other features you have to be extra careful with.</warning>
<warning><strong>赤</strong>のボックスは警告や、十分な注意をはらうべき特性を含みます。</warning>
@@ -53,7 +53,7 @@
<h3>コード</h3>
<p>
You will find plenty of small pieces of code in the website that are located in dark-gray boxes with syntax-highlighted code as you can see below:
-本書ではたくさんのコードがでてきますが、それらは以下のような深い灰色のボックスに、シンタックスハイライトがつけられて記述されています:
+本書にはたくさんのコードがでてきますが、それらは以下のような深い灰色のボックスに、シンタックスハイライトがつけられて記述されています:
</p>
<pre><code>
@@ -65,7 +65,7 @@
<p>
Since these provide only snippets of code, wherever necessary I will provide a link to the entire source code required for a given subject.
-このようなコードは断片であるため、必要におうじてコード全体が記述されているリンクを貼っておきます。
+このようなコードは断片であるため、必要に応じてコード全体が記述されているリンクを貼っておきます。
</p>
<h3>Color hints</h3>
@@ -88,7 +88,7 @@
<h3>OpenGL関数の照会</h3>
<p>
A particularly well appreciated feature of LearnOpenGL is the ability to review most of OpenGL's functions wherever they show up in the content. Whenever a function is found in the content that is documented at the website, the function will show up with a slightly noticeable underline. You can hover the mouse over the function and after a small interval, a pop-up window will show relevant information about this function including a nice overview of what the function actually does. Hover your mouse over <fun><function id='60'>glEnable</function></fun> to see it in action.
-この本の、ひろく受けいれられている特徴として、OpenGLの関数をいつでも照会できることがあげられます。文中の関数にはよく見ると下線が引かれています。ポインタを関数の上にあわせてしばらくすると、ポップアップがでて関数の情報が表示されます。こちらの関数<fun><function id='60'>glEnable</function></fun>で試してみてください。
+この本がひろく受け容れられている特徴として、文中にあらわれたOpenGLの関数をいつでも照会できることがあげられます。文中の関数にはよく見ると下線が引かれています。マウスのカーソルを関数の上にあわせてしばらくすると、ポップアップがでて関数の情報が表示されます。こちらの関数<fun><function id='60'>glEnable</function></fun>で試してみてください。
</p>
<p>
