Skip to content

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also .

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also .
...
  • 2 commits
  • 4 files changed
  • 0 commit comments
  • 1 contributor
Showing with 27 additions and 14 deletions.
  1. +11 −2 css/my.css
  2. +4 −4 index.html
  3. BIN uebung1/formular1.jpg
  4. +12 −8 uebung1/index.html
View
13 css/my.css
@@ -1,5 +1,5 @@
-.math {
- font-family: courier-new;
+span.math {
+ font-family: courier-new, serif;
}
.overline {
@@ -11,4 +11,13 @@ p {
.caption p {
text-align: left;
+}
+
+canvas {
+ width: 100%;
+}
+
+img.math {
+ display: block;
+ margin: 0 auto;
}
View
8 index.html
@@ -79,19 +79,19 @@
</div>
<div class="row">
- <div class="span6">
+ <div class="span4">
<h2><a href="uebung1/index.html">Übung 1</a></h2>
<div class="row">
<div class="span1">
<ul class="thumbnails">
- <li class="thumbnail">
+ <li class="thumbnail span1">
<a href="uebung1/index.html">
- <img src="img/uebung1.jpg" />
+ <img src="img/uebung1.jpg" alt="" style="width: 100%;"/>
</a>
</li>
</ul>
</div>
- <div class="span5">
+ <div class="span3">
<p>
Es soll die Pyramide aus der <a href="http://learningwebgl.com/blog/?p=370" target="_blank">WebGL Lesson 4</a>
durch eine Kugel ersetzt werden. Zur Darstellung der Kugel sollen Dreiecke verwendet werden.
View
BIN uebung1/formular1.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
20 uebung1/index.html
@@ -87,12 +87,16 @@
Kugeloberfläche liegen. Die Kugel, an die wir uns anähern, hat den Mittelpunkt <span class="math">M</span>
im Ursprung des Koordinatensystems und den Radius <span class="math">r=1</span>.
Für die Zerlegung des Tetraeders werden alle Seitendreiecke des Tetraeders einzeln betrachtet.
- Das Dreieck besteht aus den Eckpunkten <span class="math">A, B</span> und <span class="math">C</span>. Wir zerlegen nun dieses Dreieck in 4 kleinere
- Dreiecke (s. Abb. 1). Dazu benötigen wir die Mittelpunkte <span class="math">AB</span>, <span class="math">BC</span> und <span class="math">AC</span> der Geraden
+ Das Dreieck besteht aus den Eckpunkten <span class="math">A, B</span> und <span class="math">C</span>.
+ Wir zerlegen nun dieses Dreieck in 4 kleinere Dreiecke (s. Abb. 1). Dazu benötigen wir die Mittelpunkte
+ <span class="math">AB</span>, <span class="math">BC</span> und <span class="math">AC</span> der Geraden
<span class="math overline">AB</span>, <span class="math overline">BC</span> und <span class="math overline">AC</span>.
Die Vektoren <span class="math">AB</span>, <span class="math">BC</span> und <span class="math">AC</span> liegen nun auf der Oberfläche des Tetraeders. Um diese nun an den Kreis
anzunähern müssen diese lediglich normalisiert werden, wodurch sie auf der Kugeloberfläche liegen (
- s. Abb. 2). Je nach gewünschtem Detailgrad können nun die Schritte beliebig oft auf die
+ s. Abb. 2). Um also den neuen Punkt <span class="math">AB</span> auf der Kugeloberfläche zu berechnen
+ gilt,
+ <img src="formular1.jpg" alt="normalize(A+B)" class="math" />
+ Je nach gewünschtem Detailgrad können nun die Schritte beliebig oft auf die
neu zerlegten Dreiecke angewandt werden.
</p>
<ul class="thumbnails">
@@ -119,6 +123,10 @@
</div>
</li>
</ul>
+ </div>
+ <div class="span6">
+ <h2>Demo</h2>
+ <canvas id="lesson04-canvas" width="500" height="500" ></canvas>
<h2>Quellcode</h2>
<ul>
<li>
@@ -132,17 +140,13 @@
</a>
</li>
</ul>
- </div>
- <div class="span6">
- <h2>Demo</h2>
- <canvas id="lesson04-canvas" width="500" height="500" ></canvas>
-
<h2>Verwendete Resourcen</h2>
<ul>
<li><a href="https://github.com/toji/gl-matrix" target="_blank">glMatrix Bibliothek</a></li>
<li><a href="http://learningwebgl.com/blog/?p=370" target="_blank">4. Übung von Learning WebGL</a></li>
<li><a href="http://twitter.github.com/bootstrap/" target="_blank">Bootstrap CSS für das Layout</a></li>
</ul>
+
</div>
</div>
</div>

No commit comments for this range

Something went wrong with that request. Please try again.