• Content count

  • Joined

  • Last visited

  1. Blender Vertex Colors to Three.js

    I'm trying to find a way to import a Mesh with vertex colors made on Blender. I've managed to load a mesh with textures or a basic material., but I can't seem to find a way to use the vertex paint i made on Blender...on three.js I've made sure to add Vertex Colors in the Object Data panel on Blender I ticked the vertex colors option on the Blender three.js exporter. I'm loading the model using: loader.load( "model.js", function ( geometry, materials ) { mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) ); scene.add( mesh ); animate();} );...but all I only get a solid gray color. I'm guessing that's the default material color from Blender. Hope this makes sense. Thanks all.
  2. Hi. Not sure if you already saw this, but I found this thread to be very interesting and informative: He shares his earning reports and even sells a book on how to make money with HTML5 games. Visit his site too, there's a lot of info. As for assets, well that's another story. If you're looking for artwork, there are tons of free ones you can use, or buy them on a site. I found another thread on this forum with that info. If you're planning on paying somebody for custom art, I wouldn't know. I personally make my own artwork for fun, or have an artist friend collaborate. Good luck.
  3. Gap between images that are side by side *Firefox and IE Issue*

    Never mind Found the solution. Apparently the gaps were caused due to anti-aliasing. I'm still trying to confirm this, but if that's the case, perhaps different browsers handle anti-aliasing differently? Can't I just turn it on and off? Anyways the solution was to add exactly 1 pixel more to the width and height parameters of my floor tiles drawImage() call. context.drawImage(img,sx,sy,swidth,sheight,x,y, width + 1, height + 1); I read about it on a stackoverflow question, but (one of) the suggested solution(s) was to add 0.5 pixels. Yet I find in my case, I still need another 0.5 to remove the gap. This obviously won't ruin my physics and collision since I'm just adding the pixels during the draw call. No more gaps on any browser I know of, and 1 pixel doesn't really bother me, even though it feels like a hack. Hope this helps somebody and I'll mark the question answered.
  4. Hi, new to the forums I've got an issue drawing images on the canvas on Firefox and IE. I created an array of Sprites (Floor Tiles), iterated through them and placed them right next to each other. When I translate the canvas (platformer style), everything draws perfectly EXCEPT on Firefox and IE. Both browsers seem to draw each sprite with a 1 pixel gap between them, but only when I'm calling ctx.translate(). The other browsers draw my floor tiles appropriately. Wondering if anybody ran into a similar issue. I'm running the latest version of each browser, and rounding sprite position coordinates when calling drawImage(). Again, this pixel gap issue only happens on Firefox and Internet Explorer. Thanks! Chrome / Opera / Chrome Mobile / Opera Mobile / Safari Mobile (During ctx.translate) Firefox / Internet Explorer (During ctx.translate)