{"id":20271,"date":"2023-08-08T14:43:55","date_gmt":"2023-08-08T21:43:55","guid":{"rendered":"https:\/\/www.kith.org\/jed\/?page_id=20271"},"modified":"2023-08-14T11:44:24","modified_gmt":"2023-08-14T18:44:24","slug":"examples-from-the-vrml-2-0-handbook-chapter-4-part-2","status":"publish","type":"page","link":"https:\/\/www.kith.org\/jed\/hodgepodge\/code\/3d-graphics-in-vrml\/examples-from-the-vrml-2-0-handbook\/examples-from-the-vrml-2-0-handbook-chapter-4-part-2\/","title":{"rendered":"Examples from the VRML 2.0 Handbook: chapter 4, part 2"},"content":{"rendered":"\r\n<script src=\"https:\/\/create3000.github.io\/code\/x_ite\/latest\/x_ite.min.js\"><\/script>\r\n<style>\r\nx3d-canvas {\r\n  width: 600px;\r\n  height: 300px;\r\n}\r\ndiv.x3d-canvas {\r\n  width: 600px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\np.download {\r\n  text-align: center;\r\n  text-indent: 0;\r\n  margin: 10px;\r\n}\r\nhr {\r\n  margin-top: 40px;\r\n  margin-bottom: 40px;\r\n}\r\n<\/style>\r\n\r\n<p>This page shows the example 3D models from the second half of chapter 4 of the <cite>The VRML 2.0 Handbook<\/cite>, by Jed Hartman and Josie Wernecke. For more information, see my main <a href=\"https:\/\/www.kith.org\/jed\/hodgepodge\/code\/3d-graphics-in-vrml\/examples-from-the-vrml-2-0-handbook\/\">Handbook examples page<\/a>.<\/p>\r\n<p>In some cases, the download links download a Zip file containing the main VRML file plus any other associated files that the main file relies on, such as textures.<\/p>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-8: Using a Cylinder node<\/h2>\r\n<p>Creates two columns and puts them on the bases.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.08.columns.grey.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20371\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-8.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-8.gif\" alt=\"Example 4-8.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20371\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-8.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.08.columns.grey.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2> Unnumbered example (p. 76): Ceiling<\/h2>\r\n<p>Adds a ceiling to the temple.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.ceiling.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20381\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-ceiling.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-ceiling.gif\" alt=\"Unnumbered example.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20381\" \/><\/a><figcaption class=\"caption wp-caption-text\">Unnumbered example.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.ceiling.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-9: Using a Coordinate node<\/h2>\r\n<p>Creates a flat square by specifying four coordinates.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.09.coordinate.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20372\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-9.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-9.gif\" alt=\"Example 4-9.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20372\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-9.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.09.coordinate.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-10: Using an IndexedFaceSet node<\/h2>\r\n<p>Creates part of the roof of the temple.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.10.band.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20373\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-10.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-10.gif\" alt=\"Example 4-10.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20373\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-10.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.10.band.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-11: Using an IndexedLineSet node<\/h2>\r\n<p>Creates a burst of sun rays.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.11.lightrays.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20374\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-11.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-11.gif\" alt=\"Example 4-11.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20374\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-11.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.11.lightrays.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-12: Using a Text node<\/h2>\r\n<p>Shows the word <i>Tenochtitlan<\/i>.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.12.text.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20375\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-12.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-12.gif\" alt=\"Example 4-12.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20375\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-12.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.12.text.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-13: Specifying fonts<\/h2>\r\n<p>Shows samples of different fonts.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.13.fontstyle.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20376\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-13.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-13.gif\" alt=\"Example 4-13.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20376\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-13.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.13.fontstyle.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-14: Using diffuse color in a Material node<\/h2>\r\n<p>Shows the temple model with red column-bases and gray-green columns.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.14.diffuse.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20377\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-14.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-14.gif\" alt=\"Example 4-14.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20377\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-14.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.14.diffuse.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-15: Ambient intensity<\/h2>\r\n<p>Makes the temple roof red, with that color contributing to ambient lighting.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.15.ambient.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20504\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 310px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-15.png\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-15-300x145.png\" alt=\"Example 4-15.\" width=\"300\" height=\"145\" class=\"size-medium wp-image-20504\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-15.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.15.ambient.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-17: Prototyping a column<\/h2>\r\n<p>Shows a column as a prototype.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.17.proto.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20378\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-17.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-17.gif\" alt=\"Example 4-17.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20378\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-17.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.17.proto.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-18: Prototyping with an exposed field<\/h2>\r\n<p>Shows a column as a prototype with an exposed field.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.18.exposed.wrl\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20379\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-18.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-18.gif\" alt=\"Example 4-18.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20379\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-18.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.18.exposed.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n<h2>Example 4-19: External prototype syntax<\/h2>\r\n<p>Shows a column as a prototype in a different file.<\/p>\r\n<p class=\"download\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.19.externproto.zip\">Download<\/a><\/p>\r\n<h3>Preview image<\/h3>\r\n<figure id=\"attachment_20380\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 206px\"><a href=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-19.gif\"><img src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/4-19.gif\" alt=\"Example 4-19.\" width=\"196\" height=\"122\" class=\"size-full wp-image-20380\" \/><\/a><figcaption class=\"caption wp-caption-text\">Example 4-19.<\/figcaption><\/figure>\r\n<h3>Live demo<\/h3>\r\n<div class=\"x3d-canvas\">\r\n<x3d-canvas src=\"https:\/\/www.kith.org\/jed\/wp-content\/uploads\/sites\/2\/2023\/08\/04.19.externproto.wrl\"><\/x3d-canvas>\r\n<\/div>\r\n<hr width=\"25%\" \/>\r\n\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":20177,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-20271","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/pages\/20271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/comments?post=20271"}],"version-history":[{"count":18,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/pages\/20271\/revisions"}],"predecessor-version":[{"id":20505,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/pages\/20271\/revisions\/20505"}],"up":[{"embeddable":true,"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/pages\/20177"}],"wp:attachment":[{"href":"https:\/\/www.kith.org\/jed\/wp-json\/wp\/v2\/media?parent=20271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}