https://theory.cpe.ku.ac.th/wiki/index.php?action=history&feed=atom&title=PyOpenGL_Programming%2FTutorial_1%3A_First_Program
PyOpenGL Programming/Tutorial 1: First Program - ประวัติรุ่นแก้ไข
2026-04-17T14:24:13Z
ประวัติรุ่นแก้ไขของหน้านี้ในวิกิ
MediaWiki 1.33.1
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5411&oldid=prev
Cardcaptor: /* การ import โมดูล PyOpenGL */
2008-10-27T06:10:59Z
<p><span dir="auto"><span class="autocomment">การ import โมดูล PyOpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 06:10, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l41" >แถว 41:</td>
<td colspan="2" class="diff-lineno">แถว 41:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre title="python"></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre title="python"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>from OpenGL.<del class="diffchange diffchange-inline">GL๊UT </del>import *</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>from OpenGL.<ins class="diffchange diffchange-inline">GLUT </ins>import *</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
Cardcaptor
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5410&oldid=prev
Cardcaptor: /* การ import โมดูล PyOpenGL */
2008-10-27T06:10:43Z
<p><span dir="auto"><span class="autocomment">การ import โมดูล PyOpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 06:10, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36" >แถว 36:</td>
<td colspan="2" class="diff-lineno">แถว 36:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>from OpenGL.GL import *</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>from OpenGL.GL import *</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>from OpenGL.GLU import *</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>from OpenGL.GLU import *</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></pre></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">นอกจากนี้เราจะต้อง import โมดูล OpenGL.GLUT เพื่อใ้ช้ฟ้ังก์็ชันต่างๆ ของ GLUT ด้วย</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><pre title="python"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">from OpenGL.GL๊UT import *</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
Cardcaptor
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5409&oldid=prev
Cardcaptor: /* การ import โมดูล PyOpenGL */
2008-10-27T06:09:10Z
<p><span dir="auto"><span class="autocomment">การ import โมดูล PyOpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 06:09, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l32" >แถว 32:</td>
<td colspan="2" class="diff-lineno">แถว 32:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== การ import โมดูล PyOpenGL ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== การ import โมดูล PyOpenGL ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>โดยมากเราจะ import สองโมดูอคือ OpenGL.GL และ OpenGL.GLU ซึ่งเป็นโมดูลหลัก</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>โดยมากเราจะ import สองโมดูอคือ OpenGL.GL และ OpenGL.GLU ซึ่งเป็นโมดูลหลัก</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><pre title="python"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">from OpenGL.GL import *</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">from OpenGL.GLU import *</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></pre></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== คำสั่ง OpenGL ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== คำสั่ง OpenGL ==</div></td></tr>
</table>
Cardcaptor
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5408&oldid=prev
Cardcaptor: /* คำสั่ง OpenGL */
2008-10-27T06:08:44Z
<p><span dir="auto"><span class="autocomment">คำสั่ง OpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 06:08, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l30" >แถว 30:</td>
<td colspan="2" class="diff-lineno">แถว 30:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> glutMainLoop()</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> glutMainLoop()</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== การ import โมดูล PyOpenGL ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">โดยมากเราจะ import สองโมดูอคือ OpenGL.GL และ OpenGL.GLU ซึ่งเป็นโมดูลหลัก</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== คำสั่ง OpenGL ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== คำสั่ง OpenGL ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>ถ้าเราตัดโปรแกรมข้างบนเอามาแค่ส่วนที่เป็นคำสั่ง OpenGL จะได้ผลดังต่อไปนี้</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>ถ้าเราตัดโปรแกรมข้างบนเอามาแค่ส่วนที่เป็นคำสั่ง OpenGL จะได้ผลดังต่อไปนี้</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l60" >แถว 60:</td>
<td colspan="2" class="diff-lineno">แถว 63:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย <tt>gl</tt> เสร็จแล้วจะตามด้วยชื่อคำสั่ง เช่น <tt>Vertex</tt> หรือ <tt>Color</tt> เป็นต้น บางคำสั่งอาจมีจำนวนและชนิดของ argument เช่น <tt>3f</tt> บอกว่าต้องการ argument เป็นตัวเลขประเภท float จำนวน 3 ตัว หรือ <tt>3i</tt> บอกว่าต้องการ argument ประเภท int จำนวน 3 ตัว เป็นต้น อย่างไรก็ดีภาษาไพทอนไม่ได้มาตรวจเช็คว่า argument ต้องเป็นประเภทตามที่ระบุไว้จริงๆ ชื่อคำสั่งแปลกๆ เหล่านี้เป็นผลมาจากการที่ OpenGL ถูกเขียนขึ้นมาใช้กับภาษา C เป็นภาษาแรก ดังนั้นคนเขียนโปรแกรม PyOpenGL จึงต้องระมัดระวังตรวจสอบให้ตัวแปรที่ส่งไปมีชนิดที่ถูกต้องด้วยตัวเอง สำหรับตัวย่อของตัวแปรชนิดต่างๆ สามารถดูได้ที่ http://fly.cc.fer.hr/~unreal/theredbook/chapter01.html ที่หัวข้อ Open Command Syntax</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย <tt>gl</tt> เสร็จแล้วจะตามด้วยชื่อคำสั่ง เช่น <tt>Vertex</tt> หรือ <tt>Color</tt> เป็นต้น บางคำสั่งอาจมีจำนวนและชนิดของ argument เช่น <tt>3f</tt> บอกว่าต้องการ argument เป็นตัวเลขประเภท float จำนวน 3 ตัว หรือ <tt>3i</tt> บอกว่าต้องการ argument ประเภท int จำนวน 3 ตัว เป็นต้น อย่างไรก็ดีภาษาไพทอนไม่ได้มาตรวจเช็คว่า argument ต้องเป็นประเภทตามที่ระบุไว้จริงๆ ชื่อคำสั่งแปลกๆ เหล่านี้เป็นผลมาจากการที่ OpenGL ถูกเขียนขึ้นมาใช้กับภาษา C เป็นภาษาแรก ดังนั้นคนเขียนโปรแกรม PyOpenGL จึงต้องระมัดระวังตรวจสอบให้ตัวแปรที่ส่งไปมีชนิดที่ถูกต้องด้วยตัวเอง สำหรับตัวย่อของตัวแปรชนิดต่างๆ สามารถดูได้ที่ http://fly.cc.fer.hr/~unreal/theredbook/chapter01.html ที่หัวข้อ Open Command Syntax</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>ข้อควรรู้อีกประการหนึ่ีงคือ </div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>ข้อควรรู้อีกประการหนึ่ีงคือ <ins class="diffchange diffchange-inline">OpenGL ทำงานเป็น state machine กล่าวคือ มันจะจำค่าต่างๆ ที่ผู้ใช้กำหนดได้เอาไว้ โดยเมื่อผู้ใช้กำหนดค่า ค่านั้นจะถูกใช้ต่อไปเรื่อยๆ จนกว่าจะเปลี่ยน ค่าที่ OpenGL จำไว้ ได้แก่ สีที่ใช้ล้างหน้าจอ สีของจุด ทิศทางและตำแหน่งของกล้องถ่ายรูป ฯลฯ ยกตัวอย่างเช่น ยกตัวอย่างเช่น เวลาเราเรียก <tt>glColor3f(1,1,1)</tt> แล้วสีของจุดที่กำหนดด้วย <tt>glVertex</tt> จะเป็นสีขาวไปจนกว่าจะเรียก <tt>glColor</tt> ใหม่อีกครั้ง</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td></tr>
</table>
Cardcaptor
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5407&oldid=prev
Cardcaptor: /* คำสั่ง OpenGL */
2008-10-27T06:05:42Z
<p><span dir="auto"><span class="autocomment">คำสั่ง OpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 06:05, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l58" >แถว 58:</td>
<td colspan="2" class="diff-lineno">แถว 58:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: บอกว่าสิ่งที่เริ่มไปตั้งแต่ glBegin ที่แล้วได้เสร็จสิ้นแล้ว ในที่นี้คือบอกว่ากำหนดสี่เหลี่ยมเสร็จสิ้นแล้ว (เราได้กำหนดไปสี่จุดพอดี!)</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: บอกว่าสิ่งที่เริ่มไปตั้งแต่ glBegin ที่แล้วได้เสร็จสิ้นแล้ว ในที่นี้คือบอกว่ากำหนดสี่เหลี่ยมเสร็จสิ้นแล้ว (เราได้กำหนดไปสี่จุดพอดี!)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย <tt>gl</tt> เสร็จแล้วจะตามด้วยชื่อคำสั่ง เช่น <tt>Vertex</tt> หรือ <tt>Color</tt> เป็นต้น บางคำสั่งอาจมีจำนวนและชนิดของ argument เช่น <tt>3f</tt> บอกว่าต้องการ argument เป็นตัวเลขประเภท float จำนวน 3 ตัว หรือ <tt>3i</tt> บอกว่าต้องการ argument ประเภท int จำนวน 3 ตัว เป็นต้น อย่างไรก็ดีภาษาไพทอนไม่ได้มาตรวจเช็คว่า argument ต้องเป็นประเภทตามที่ระบุไว้จริงๆ ชื่อคำสั่งแปลกๆ เหล่านี้เป็นผลมาจากการที่ OpenGL ถูกเขียนขึ้นมาใช้กับภาษา C เป็นภาษาแรก ดังนั้นคนเขียนโปรแกรม PyOpenGL จึงต้องระมัดระวังตรวจสอบให้ตัวแปรที่ส่งไปมีชนิดที่ถูกต้องด้วยตัวเอง</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย <tt>gl</tt> เสร็จแล้วจะตามด้วยชื่อคำสั่ง เช่น <tt>Vertex</tt> หรือ <tt>Color</tt> เป็นต้น บางคำสั่งอาจมีจำนวนและชนิดของ argument เช่น <tt>3f</tt> บอกว่าต้องการ argument เป็นตัวเลขประเภท float จำนวน 3 ตัว หรือ <tt>3i</tt> บอกว่าต้องการ argument ประเภท int จำนวน 3 ตัว เป็นต้น อย่างไรก็ดีภาษาไพทอนไม่ได้มาตรวจเช็คว่า argument ต้องเป็นประเภทตามที่ระบุไว้จริงๆ ชื่อคำสั่งแปลกๆ เหล่านี้เป็นผลมาจากการที่ OpenGL ถูกเขียนขึ้นมาใช้กับภาษา C เป็นภาษาแรก ดังนั้นคนเขียนโปรแกรม PyOpenGL จึงต้องระมัดระวังตรวจสอบให้ตัวแปรที่ส่งไปมีชนิดที่ถูกต้องด้วยตัวเอง <ins class="diffchange diffchange-inline">สำหรับตัวย่อของตัวแปรชนิดต่างๆ สามารถดูได้ที่ http://fly.cc.fer.hr/~unreal/theredbook/chapter01.html ที่หัวข้อ Open Command Syntax</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">ข้อควรรู้อีกประการหนึ่ีงคือ </ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td></tr>
</table>
Cardcaptor
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5406&oldid=prev
Cardcaptor: /* คำสั่ง OpenGL */
2008-10-27T06:01:46Z
<p><span dir="auto"><span class="autocomment">คำสั่ง OpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 06:01, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l58" >แถว 58:</td>
<td colspan="2" class="diff-lineno">แถว 58:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: บอกว่าสิ่งที่เริ่มไปตั้งแต่ glBegin ที่แล้วได้เสร็จสิ้นแล้ว ในที่นี้คือบอกว่ากำหนดสี่เหลี่ยมเสร็จสิ้นแล้ว (เราได้กำหนดไปสี่จุดพอดี!)</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: บอกว่าสิ่งที่เริ่มไปตั้งแต่ glBegin ที่แล้วได้เสร็จสิ้นแล้ว ในที่นี้คือบอกว่ากำหนดสี่เหลี่ยมเสร็จสิ้นแล้ว (เราได้กำหนดไปสี่จุดพอดี!)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย <tt>gl</tt> เสร็จแล้วจะตามด้วยชื่อคำสั่ง เช่น <tt>Vertex</tt> หรือ <tt>Color</tt> เป็นต้น บางคำสั่งอาจมีจำนวนและชนิดของ argument เช่น <tt>3f</tt> บอกว่าต้องการ argument <del class="diffchange diffchange-inline">เป็นตัวประเภท </del>float จำนวน 3 ตัว</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย <tt>gl</tt> เสร็จแล้วจะตามด้วยชื่อคำสั่ง เช่น <tt>Vertex</tt> หรือ <tt>Color</tt> เป็นต้น บางคำสั่งอาจมีจำนวนและชนิดของ argument เช่น <tt>3f</tt> บอกว่าต้องการ argument <ins class="diffchange diffchange-inline">เป็นตัวเลขประเภท </ins>float จำนวน 3 ตัว <ins class="diffchange diffchange-inline">หรือ <tt>3i</tt> บอกว่าต้องการ argument ประเภท int จำนวน 3 ตัว เป็นต้น อย่างไรก็ดีภาษาไพทอนไม่ได้มาตรวจเช็คว่า argument ต้องเป็นประเภทตามที่ระบุไว้จริงๆ ชื่อคำสั่งแปลกๆ เหล่านี้เป็นผลมาจากการที่ OpenGL ถูกเขียนขึ้นมาใช้กับภาษา C เป็นภาษาแรก ดังนั้นคนเขียนโปรแกรม PyOpenGL จึงต้องระมัดระวังตรวจสอบให้ตัวแปรที่ส่งไปมีชนิดที่ถูกต้องด้วยตัวเอง</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td></tr>
</table>
Cardcaptor
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5405&oldid=prev
Cardcaptor: /* คำสั่ง OpenGL */
2008-10-27T05:58:15Z
<p><span dir="auto"><span class="autocomment">คำสั่ง OpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 05:58, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l58" >แถว 58:</td>
<td colspan="2" class="diff-lineno">แถว 58:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: บอกว่าสิ่งที่เริ่มไปตั้งแต่ glBegin ที่แล้วได้เสร็จสิ้นแล้ว ในที่นี้คือบอกว่ากำหนดสี่เหลี่ยมเสร็จสิ้นแล้ว (เราได้กำหนดไปสี่จุดพอดี!)</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: บอกว่าสิ่งที่เริ่มไปตั้งแต่ glBegin ที่แล้วได้เสร็จสิ้นแล้ว ในที่นี้คือบอกว่ากำหนดสี่เหลี่ยมเสร็จสิ้นแล้ว (เราได้กำหนดไปสี่จุดพอดี!)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย <tt>gl</tt> เสร็จแล้วจะตามด้วยชื่อคำสั่ง เช่น <tt>Vertex</tt> หรือ <tt>Color</tt> เป็นต้น บางคำสั่งอาจมีจำนวนและชนิดของ argument เช่น <tt>3f</tt> บอกว่าต้องการ argument เป็นตัวประเภท float จำนวน 3 ตัว</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td></tr>
</table>
Cardcaptor
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5404&oldid=prev
Cardcaptor: /* คำสั่ง OpenGL */
2008-10-27T05:56:09Z
<p><span dir="auto"><span class="autocomment">คำสั่ง OpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 05:56, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l50" >แถว 50:</td>
<td colspan="2" class="diff-lineno">แถว 50:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: ล้าง bitplane ที่เก็บสีด้วยสีทีกำหนดใน glClearColor</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*: ล้าง bitplane ที่เก็บสีด้วยสีทีกำหนดใน glClearColor</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* <tt>glColor3f(1.0, 1.0, 1.0)</tt></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* <tt>glColor3f(1.0, 1.0, 1.0)</tt></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*: เปลี่ยนสีเป็นสีขาว <del class="diffchange diffchange-inline">จุด </del>เส้น และรูปทรงที่วาดต่อจากนี้ไปจะเป็นสีขาว</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*: เปลี่ยนสีเป็นสีขาว <ins class="diffchange diffchange-inline">โดยที่จุด </ins>เส้น และรูปทรงที่วาดต่อจากนี้ไปจะเป็นสีขาว</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">* <tt>glBegin(GL_QUADS)</tt></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*: บอกว่าต่อไปนี้เราจะวาดรูปสี่เหลี่ยม</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">* <tt>glVertex3f(x, y, z)</tt></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*: กำหนดจุดยอดมุมของสี่เหลี่ยม</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">* <tt>glEnd()</tt></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*: บอกว่าสิ่งที่เริ่มไปตั้งแต่ glBegin ที่แล้วได้เสร็จสิ้นแล้ว ในที่นี้คือบอกว่ากำหนดสี่เหลี่ยมเสร็จสิ้นแล้ว (เราได้กำหนดไปสี่จุดพอดี!)</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td></tr>
</table>
Cardcaptor
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5403&oldid=prev
158.108.232.198: /* คำสั่ง OpenGL */
2008-10-27T05:53:28Z
<p><span dir="auto"><span class="autocomment">คำสั่ง OpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 05:53, 27 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l44" >แถว 44:</td>
<td colspan="2" class="diff-lineno">แถว 44:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย gl</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">เรามาดูกันทีละคำสั่ง</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">* <tt>glClearColor(0.0, 0.0, 0.0, 0.0)</tt></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*: เปลี่ยนสีที่จะใช้ล้างหน้าจอเป็นสีดำ</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">* <tt>glClear(GL_COLOR_BUFFER_BIT)</tt></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*: ล้าง bitplane ที่เก็บสีด้วยสีทีกำหนดใน glClearColor</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">* <tt>glColor3f(1.0, 1.0, 1.0)</tt></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*: เปลี่ยนสีเป็นสีขาว จุด เส้น และรูปทรงที่วาดต่อจากนี้ไปจะเป็นสีขาว</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td></tr>
</table>
158.108.232.198
https://theory.cpe.ku.ac.th/wiki/index.php?title=PyOpenGL_Programming/Tutorial_1:_First_Program&diff=5402&oldid=prev
Cardcaptor: /* คำสั่ง OpenGL */
2008-10-24T17:54:01Z
<p><span dir="auto"><span class="autocomment">คำสั่ง OpenGL</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="th">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 17:54, 24 ตุลาคม 2551</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l43" >แถว 43:</td>
<td colspan="2" class="diff-lineno">แถว 43:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>glEnd()</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>glEnd()</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></pre></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">สังเกตว่าคำสั่ง OpenGL จะขึ้นต้นด้วย gl</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{PyOpenGL Programming/Navigation|Basic Vocabulary|Tutorial 2: Geometric Primitives}}</div></td></tr>
</table>
Cardcaptor