javascript - Cylinder partially visible WebGL -

-

i designing cylinder in webgl 1.0 (which based on opengl es 2.0).

it started off n-sided polygon (n slices) m stacks. normals specified follows:

enter image description here

even though polygon/cylinder being drawn correctly, faces aren't visible every angle. can seen inside following images show:

enter image description here

enter image description here

my goal have visible cylinder following 1 (no top/bottom faces required):

enter image description here

does have idea on how fix this? code below:

//end if stacks = 0  if (this.stacks <= 0) return;   this.vertices = [];   this.indices = [];  this.normals = [];  //--- vertices & normals ---   var angle;  var alpha = 360 / this.slices;  var zcoord = 0;   // (n) stacks -> (n + 1) faces -> (faces * this.slices) vertex  ( var stackindex = 0; stackindex < this.stacks + 1; stackindex++) {       //reset angle each face of stack      angle = 0;       ( var sliceindex = 0; sliceindex < this.slices; sliceindex++) {           this.vertices.push(math.cos(angle * degtorad)); //x          this.vertices.push(math.sin(angle * degtorad)); //y          this.vertices.push(zcoord); //z           this.normals.push(math.cos(angle * degtorad)); //x          this.normals.push(math.sin(angle * degtorad)); //y          this.normals.push(zcoord); //z           //updating angle          angle = angle + alpha;           }      //updating z coordinate      zcoord = zcoord + (1 / this.stacks);  }     //--- indices ---   var stackinc; stackindex = 0; sliceindex = 0;   (stackindex = 0; stackindex < this.stacks; stackindex++) {       stackinc = stackindex * this.slices;       (sliceindex = 0; sliceindex < this.slices; sliceindex++) {           if (sliceindex != this.slices - 1) {               //t1              this.indices.push(sliceindex + stackinc);              this.indices.push(sliceindex + stackinc + this.slices);              this.indices.push(sliceindex + stackinc + this.slices + 1);               //t2              this.indices.push(sliceindex + stackinc + this.slices + 1); //this.slices              this.indices.push(sliceindex + stackinc + 1); //0              this.indices.push(sliceindex + stackinc); //int4              }         //handling last face uses repeated vertices          else {              this.indices.push(sliceindex + stackinc);              this.indices.push(sliceindex + stackinc + this.slices);              this.indices.push(stackinc + this.slices);               this.indices.push(stackinc + this.slices);              this.indices.push(stackinc);              this.indices.push(sliceindex + stackinc); //int4              }          }      }

regardless of face normals, webgl defines front- , back-face based on order in define triangle.

having triangle:

a-------b  \     /   \   /    \ /     c

if add vertices index in order a, b, c (clock wise), , don't see them, need switch order in a, c, b (counter clock wise).

this because of this: https://www.opengl.org/wiki/face_culling


Comments

Post a Comment

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

-
i trying use map can make tag names reference number. when try , use it, in code error (6 in total every time reference map): src/main.cpp:25:45: error: no viable overloaded operator[] type 'std::map<std::string, std::string>' const char* idcs = node.child_value(tagmap[3]); this code: #include "pugi/pugixml.hpp" #include <iostream> #include <string> #include <map> int main() { pugi::xml_document doca, docb; std::map<std::string, pugi::xml_node> mapa, mapb; std::map<std::string, std::string> tagmap {{"1", "data"}, {"2", "entry"}, {"3", "id"}, {"4", "content"}}; if (!doca.load_file("a.xml") || !docb.load_file("b.xml")) { std::cout << "can't find input files"; return 1; } (auto& node: doca.child(tagmap[1]).children(tagmap[2])) { co
Read more

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

-
i wish write custom appender on basis of outputstreamappender . wrote following class package tests; import java.io.ioexception; import java.io.outputstream; import ch.qos.logback.core.outputstreamappender; public class myappender<e> extends outputstreamappender<e> { public myappender() { system.out.println("myappender created"); setoutputstream(new outputstream() { @override public void write(int b) throws ioexception { throw new unsupportedoperationexception(); } }); } } then wrote following runner: package tests; import org.slf4j.loggerfactory; import ch.qos.logback.classic.logger; public class runner { private static final logger log = (logger) loggerfactory.getlogger(runner.class); public static void main(string[] args) { //log.addappender(new myappender<iloggingevent>()); log.info("hello world"); } } finall
Read more

java - Cannot secure connection using TLS -

-
i'm trying establish secure socket connection between java client applet (built jdk 1.7.0_75-b13) , vc++ server application. as test vehicle, used vc++ client/server sample found in msdn forums, modified use schannel , able establish socket using cipher suite tls_rsa_with_aes_128_cbc_sha. works of tls 1.0/1.1/1.2. when try opening socket java applet same server application, connection rejected server reporting following: tls 1.0 acceptsecuritycontext failed: 0x80090327 tls 1.1 acceptsecuritycontext failed: 0x80090331 tls 1.2 acceptsecuritycontext failed: 0x80090331 this java code used create socket: debugprint("setting secure connection"); sslsocketfactory sslsocketfactory = (sslsocketfactory) sslsocketfactory.getdefault(); sslsocket sslsocket = (sslsocket) sslsocketfactory.createsocket("127.0.0.1", socketnumber); debugprint("starting handshake"); sslsocket.settcpnodelay(true); sslsocket.setsolinger(false, 0); sslsocket.s
Read more