source: other-projects/playing-in-the-street/summer-2013/trunk/Playing-in-the-Street-WPF/Content/Web/mrdoob-three.js-4862f5f/docs/api/renderers/CanvasRenderer.html@ 28897

Last change on this file since 28897 was 28897, checked in by davidb, 10 years ago

GUI front-end to server base plus web page content
File size: 2.7 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <script src="../../list.js"></script>
6 <script src="../../page.js"></script>
7 <link type="text/css" rel="stylesheet" href="../../page.css" />
8 </head>
9 <body>
10 <h1>[name]</h1>
11
12 <div class="desc">The Canvas renderer displays your beautifully crafted scenes <em>not</em> using WebGL,
13 but draws it using the (slower) <a href="http://www.w3.org/html/wg/drafts/2dcontext/html5_canvas/">Canvas 2D Context</a> API.</div>
14 <div class="desc">This renderer can be a nice fallback from [page:WebGLRenderer] for simple scenes:</div>
15 <code>
16 if (window.WebGLRenderingContext)
17 renderer = new THREE.WebGLRenderer();
18 else
19 renderer = new THREE.CanvasRenderer();
20 </code>
21 <div class="desc">
22 Note: both WebGLRenderer and CanvasRenderer are embedded in the web page using an HTML5 &lt;canvas&gt; tag.
23 The "Canvas" in CanvasRenderer means it uses Canvas 2D instead of WebGL.<br />
24 Don't confuse either CanvasRenderer with the SoftwareRenderer example, which simulates a screen buffer in a Javascript array.
25 </div>
26
27
28 <h2>Constructor</h2>
29
30
31 <h3>[name]([page:todo parameters])</h3>
32 <div>
33 parameters -- todo
34 </div>
35 <div>
36 todo
37 </div>
38
39
40 <h2>Properties</h2>
41
42
43 <h3>.[page:object info]</h3>
44 <div>
45 todo
46 </div>
47
48 <h3>.[page:object domElement]</h3>
49 <div>
50 todo
51 </div>
52
53 <h3>.[page:number devicePixelRatio]</h3>
54 <div>
55 todo
56 </div>
57
58 <h3>.[page:boolean autoClear]</h3>
59 <div>
60 todo
61 </div>
62
63 <h3>.[page:boolean sortObjects]</h3>
64 <div>
65 todo
66 </div>
67
68 <h3>.[page:boolean sortElements]</h3>
69 <div>
70 todo
71 </div>
72
73 <h2>Methods</h2>
74
75
76 <h3>.getMaxAnisotropy() [page:todo]</h3>
77 <div>
78 todo
79 </div>
80
81 <h3>.render([page:todo scene], [page:todo camera]) [page:todo]</h3>
82 <div>
83 scene -- todo <br />
84 camera -- todo
85 </div>
86 <div>
87 todo
88 </div>
89
90 <h3>.clear() [page:todo]</h3>
91 <div>
92 todo
93 </div>
94
95 <h3>.setClearColor([page:todo color], [page:todo alpha]) [page:todo]</h3>
96 <div>
97 color -- todo <br />
98 alpha -- todo
99 </div>
100 <div>
101 todo
102 </div>
103
104 <h3>.setFaceCulling() [page:todo]</h3>
105 <div>
106 todo
107 </div>
108
109 <h3>.supportsVertexTextures() [page:todo]</h3>
110 <div>
111 todo
112 </div>
113
114 <h3>.setSize([page:todo width], [page:todo height], [page:todo updateStyle]) [page:todo]</h3>
115 <div>
116 width -- todo <br />
117 height -- todo <br />
118 updateStyle -- todo
119 </div>
120 <div>
121 todo
122 </div>
123
124 <h3>.setClearColorHex([page:todo hex], [page:todo alpha]) [page:todo]</h3>
125 <div>
126 hex -- todo <br />
127 alpha -- todo
128 </div>
129 <div>
130 todo
131 </div>
132
133 <h2>Source</h2>
134
135 [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
136 </body>
137</html>
Note: See TracBrowser for help on using the repository browser.