fix image sizes

Author: greggman

webgl/lessons/ru/webgl-3d-geometry-lathe.md

@@ -284,7 +284,7 @@ P = P1 * invT^3 +
 
 Вот SVG силуэт кегли, который я сделал.
 
-<img class="webgl_center" src="resources/bowling-pin-silhouette.svg" width="50%" height="50%" />
+<img class="webgl_center" src="resources/bowling-pin-silhouette.svg" width="400" />
 
 Он сделан из 4 кривых Безье. Данные для этого пути выглядят так
 
@@ -508,14 +508,14 @@ P = P1 * invT^3 +
 Мы могли бы вычислить нормаль для каждой точки на кривой. Фактически, если вы вернетесь к примерам
 на этой странице, вы можете увидеть, что линия, образованная `R1` и `R2`, является касательной к кривой.
 
-<img class="webgl_center" src="resources/tangent-to-curve.png" width="50%" />
+<img class="webgl_center" src="resources/tangent-to-curve.png" width="400" />
 
 Нормаль перпендикулярна касательной, поэтому было бы легко использовать касательные
 для генерации нормалей.
 
 Но давайте представим, что мы хотели сделать подсвечник с силуэтом, как этот
 
-<img class="webgl_center" src="resources/candle-holder.svg" width="50%" />
+<img class="webgl_center" src="resources/candle-holder.svg" width="400" />
 
 Есть много гладких областей, но также много острых углов. Как мы решаем, какие нормали
 использовать? Хуже того, когда мы хотим острый край, нам нужны дополнительные вершины. Потому что вершины
@@ -773,7 +773,7 @@ for (let division = 0; division <= numDivisions; ++division) {
 не равны, они не будут считаться одной и той же вершиной. Это означает, что при вычислении нормалей
 они не будут учитывать все лица, и их нормали будут неправильными.</p>
 <p>Вот результат, когда это происходит</p>
-<img class="webgl_center" src="resources/lathe-normal-seam.png" width="50%" />
+<img class="webgl_center" src="resources/lathe-normal-seam.png" width="400" />
 <p>Как вы можете видеть, есть шов, где вершины не считаются общими,
 потому что они не являются 100% совпадением</p>
 <p>Моя первая мысль была, что я должен изменить мое решение так, чтобы когда я проверяю совпадающие

webgl/lessons/webgl-3d-geometry-lathe.md

@@ -284,7 +284,7 @@ major editors mentioned above. [I used this online editor](https://svg-edit.gith
 
 Here's the svg silhouette of a bowling pin I made.
 
-<img class="webgl_center" src="resources/bowling-pin-silhouette.svg" width="50%" height="50%" />
+<img class="webgl_center" src="resources/bowling-pin-silhouette.svg" width="400" />
 
 It's made from 4 bezier curves. The data for that path looks like this
 
@@ -509,14 +509,14 @@ There's still one other thing we should do and that's add normals.
 We could compute a normal for each point on the curve. In fact if you go back to the examples
 on this page you can see the line formed by `R1` and `R2` are a line tangent to the curve.
 
-<img class="webgl_center" src="resources/tangent-to-curve.png" width="50%" />
+<img class="webgl_center" src="resources/tangent-to-curve.png" width="400" />
 
 A normal is perpendicular to the tangent so it would be easy to use the tangents
 to generate normals.
 
 But, lets imagine we wanted to make a candle holder with a silhouette like this
 
-<img class="webgl_center" src="resources/candle-holder.svg" width="50%" />
+<img class="webgl_center" src="resources/candle-holder.svg" width="400" />
 
 There are many smooth areas but also many hard corners. How do we decide which normals
 to use? Worse, when we want a sharp edge we need extra vertices. Because vertices
@@ -773,7 +773,7 @@ same vertex. Unfortunately, because <code>Math.sin(0)</code> and <code>Math.sin(
 are not equal they will not be considered the same vertex. That means when computing the normals
 they won't take into consideration all the faces and their normals will come out wrong.</p>
 <p>Here's the result when that happens</p>
-<img class="webgl_center" src="resources/lathe-normal-seam.png" width="50%" />
+<img class="webgl_center" src="resources/lathe-normal-seam.png" width="400" />
 <p>As you can see there is a seam where the vertices are not considered shared
 because they are not a 100% match</p>
 <p>My first thought was that I should change my solution so that when I check for matching

webgl/lessons/zh_cn/webgl-3d-geometry-lathe.md

@@ -246,7 +246,7 @@ P = P1 * invT^3 +
 
 这是我做的保龄球的半边轮廓的 svg。
 
-<img class="webgl_center" src="resources/bowling-pin-silhouette.svg" width="50%" height="50%" />
+<img class="webgl_center" src="resources/bowling-pin-silhouette.svg" width="400" />
 
 由 4 个曲线制成，路径的数据像这样
 
@@ -463,13 +463,13 @@ WebGL 缓冲
 我们可以计算每一个曲线点的法向量，事实上如果你会看这节中的例子，你会发现 `R1` 和 `R2`
 构成的线段切曲线于红点处。
 
-<img class="webgl_center" src="resources/tangent-to-curve.png" width="50%" />
+<img class="webgl_center" src="resources/tangent-to-curve.png" width="400" />
 
 法向量和切线垂直所以从切线很容易求出法向量。
 
 但是，假设我们想要做一个烛台，有这样一个框架。
 
-<img class="webgl_center" src="resources/candle-holder.svg" width="50%" />
+<img class="webgl_center" src="resources/candle-holder.svg" width="400" />
 
 这有很多平滑区域也有很多锐利角，如何决定使用法向量的方向呢？当需要锐利边缘时就要使用多余的顶点，
 因为一个顶点有一个位置和一个法向量，如果需要多个法向量就需要不同的顶点，这也是制作立方体需要至少 24
@@ -711,7 +711,7 @@ for (let division = 0; division <= numDivisions; ++division) {
 如果相同就认为是同一点，那么如果不被认为是同一点就会计算出错误的法向量。
 </p>
 <p>这是这种情况发生时的样子</p>
-<img class="webgl_center" src="resources/lathe-normal-seam.png" width="50%" />
+<img class="webgl_center" src="resources/lathe-normal-seam.png" width="400" />
 <p>你可以看到它们在共享处没有被当作相同点，因为它们不是100%的相等。</p>
 <p>起初我想通过提供一个误差范围，检查顶点的距离是否在范围内，如果小于误差范围就认为是同一点。
 就像这样。