In your case, you add the following to your callback function: objects.traverse( function( node ) { if( node.material ) { node.material.side = THREE.DoubleSide; } }); The doubleSided property of Mesh is deprecated. It was replaced with the side property of Material Also, it is best to learn from three.js examples that work with the current … Read more
After working with Fonts for some time, I can see 6 ways to do fonts in WebGL, all with advantages and disadvantages: Font as Geometry Get an open source font like the ones from Google (Open Sans and Roboto are very popular) Read out the curves of the font using OpenType or similar (https://nodebox.github.io/opentype.js/) Triangulate … Read more
The reason there are so many different options for 3D is because the whole thing is still in a state of flux — 3D in the browser isn’t a finished standard, and of the options you listed, the only one that works in all currently available browsers is Canvas. IE in particular is unlikely to … Read more
This thread is a nice reading on this topic. It seems like prototypes for this functionality are at least suggested for Firefox and Chrome.
Just make an alias in your .bashrc or .bash_profile alias ogc=”open -a Google\ Chrome –args –disable-web-security” And then reload your shell. exec $SHELL Now, every time you type ogc (or whatever you want to call it) in your terminal, it will run the full command open -a Google\ Chrome –args –disable-web-security
Hopefully this little write-up is helpful to you. It overviews a big chunk of what I’ve learned about WebGL and 3D in general. BTW, if I’ve gotten anything wrong, somebody please correct me — because I’m still learning, too! Architecture The browser is just that, a Web browser. All it does is expose the WebGL … Read more
I’ve worked a bit on separating out the part of the WebGL Globe code (linked to above) that produces the atmospheric effect. A preliminary working version is here: http://stemkoski.github.io/Three.js/Atmosphere.html To the best of my understanding, there are a few interesting things going on in the original code to create the atmospheric effect. First, the glowing … Read more
Use ShaderMaterial and set both textures as uniforms, and then blend them within shader. I made this example: http://abstract-algorithm.com/three_sh/ and that really should be enough. So, you make ShaderMaterial: var vertShader = document.getElementById(‘vertex_shh’).innerHTML; var fragShader = document.getElementById(‘fragment_shh’).innerHTML; var attributes = {}; // custom attributes var uniforms = { // custom uniforms (your textures) tOne: { … Read more
Yes, WebGL’s vertex index buffers are limited to 16-bit right now. This is because they’re aiming to make version 1.0 as cross-platform as possible, so there’s a tendency to make stuff target the lowest common denominator — in cases like this, mobile platforms with limited graphics hardware. Once 1.0 is out and the initial rush … Read more
WebGL is not a failure in the making. Speaking like it’s a failure shows these peoples ignorance. That said, if you’re just starting out, explore your options. If you’re looking for more eyes than just windows users, stay away from proprietary solutions. Microsoft’s dominance isn’t big as people think, anymore. IE is fading in popularity, … Read more