We have our own [JSON Geometry format](https://github.com/mrdoob/three.js/wiki/JSON-Geometry-format-4).

You can use these:

 * [Editor](http://threejs.org/editor/) (drag your object into the window, select it and select `File/Export Geometry`)
 * [Blender exporter](https://github.com/mrdoob/three.js/tree/master/utils/exporters/blender)
 * [Python script from OBJ to JSON](https://github.com/mrdoob/three.js/blob/master/utils/converters/obj/convert_obj_three.py)

The online 3D editor http://Clara.io can also export to the various ThreeJS JSON formats.  http://Clara.io supports importing more than 20 different formats, including FBX, Collada, 3DS, STL and DXF, so it can be used as a general conversion tool.

I think that three.js does not have prefered 3d model. Personaly I prefer wavefront object (obj).

export the model  from clara.io or others providers 
then import into https://threejs.org/editor/
so you can tried some format of models


Is there a brief guide to explain how to start up a application when the instance starts up and running? If it were one of the services installed through `yum` then I guess I can use `/sbin/chkconfig` to add it to the service. (To make it sure, is it correct?)

However, I just want to run the program which was not installed through `yum`. To run node.js program, I will have to run script `sudo node app.js` at home directory whenever the system boots up.

I am not used to Amazon Linux AMI so I am having little trouble finding a &#39;right&#39; way to run some script automatically on every boot.

Is there an elegant way to do this?

How can I automatically start a node.js application in Amazon Linux AMI on aws?

I am trying to send mail to my friends through my Java Mail application. I am able to do it successfully however the receiver&#39;s column in the mailbox shows the complete email address rather than the name of the sender. I tried changing various parameters but still the mailbox would show the full e-mail address rather than the name of the sender. 

using this method to send the message:

     public void send(String key){
		String to=key;
		String from=&quot;mygmailid&quot;;
		String subject=&quot;wassp&quot;;
		String text=&quot;Hello&quot;;
		Properties props=new Properties();
		
		props.put(&quot;mail.smtp.host&quot;, &quot;smtp.gmail.com&quot;);
		props.put(&quot;mail.smtp.user&quot;, &quot;myname&quot;);
		props.put(&quot;mail.smtp.socketFactory.port&quot;, &quot;465&quot;);
		props.put(&quot;mail.smtp.socketFactory.class&quot;,&quot;javax.net.ssl.SSLSocketFactory&quot;);
		props.put(&quot;mail.smtp.auth&quot;, &quot;true&quot;);
		props.put(&quot;mail.smtp.port&quot;, &quot;465&quot;);
		Session mailSession=Session.getDefaultInstance(props);
		Message simpleMessage=new MimeMessage(mailSession);
		
		InternetAddress fromAddress=null;
		InternetAddress toAddress=null;
		
		try{
			fromAddress=new InternetAddress(from);
			toAddress=new InternetAddress(to);
		}
		catch(AddressException e){
			e.printStackTrace();
		}
		
		try{
			simpleMessage.setFrom(fromAddress);
			simpleMessage.setRecipient(RecipientType.TO,toAddress);
			simpleMessage.setSubject(subject);
			simpleMessage.setText(text);
			
			transport.connect(&quot;smtp.gmail.com&quot;,465, &quot;myid@gmail.com&quot;, &quot;mygmailpassword&quot;);
			transport.sendMessage(simpleMessage, simpleMessage.getAllRecipients());
			transport.close();  
			
		}
		catch(MessagingException e){
			e.printStackTrace();
		}
	}

I am calling this method as:

    public static void main(String[] args) {
		MailSender mailer=new MailSender();
		mailer.send(&quot;friendmail@gmail.com&quot;);
	}



Java mail sender&#39;s address displayed rather than his name

What is the preferred 3d model format of THREE.JS which is widely used by 3d modelling softwares (can export to that format). I ask this, because I have my 3d models in an own unique format, and would like to use them in THREE.JS. While I could write an own loader, but I think it&#39;s better to convert them to a standard format.



Preferred 3d model format of THREE.JS

<p>What is the preferred 3d model format of THREE.JS which is widely used by 3d modelling softwares (can export to that format). I ask this, because I have my 3d models in an own unique format, and would like to use them in THREE.JS. While I could write an own loader, but I think it's better to convert them to a standard format.</p>


I am making an android project in opengl es that uses accelerometer to calculate change in specific axes and my aim is to rotate my spacecraft-like object&#39;s movement vector. The problem is that i can&#39;t understand the math behind rotation matrices. Default movement vector is 0,1,0 , means +y, so the object looks upward in the beginning. and i am trying to rotate its movement vector so i can move the object where it points. I can gather rotation changes in phone. x-axis : rotate[0], y-axis : rotate[1], z-axis : rotate[2]. How can i rotate my movement vector using rotation matrix ?

Rotating a Vector in 3D Space

I have been working on an area lighting implementation in WebGL similar to this demo:

http://threejs.org/examples/webgldeferred_arealights.html

The above implementation in three.js was ported from the work of ArKano22 over on gamedev.net:

http://www.gamedev.net/topic/552315-glsl-area-light-implementation/

Though these solutions are very impressive, they both have a few limitations. The primary issue with ArKano22&#39;s original implementation is that the calculation of the diffuse term does not account for surface normals.

I have been augmenting this solution for some weeks now, working with the improvements by redPlant to address this problem. Currently I have normal calculations incorporated into the solution, BUT the result is also flawed.

Here is a sneak preview of my current implementation:

![area lighting teaser][1]

## Introduction

The steps for calculating the diffuse term for each fragment is as follows:

1. Project the vertex onto the plane that the area light sits on, so that the projected vector is coincident with the light&#39;s normal/direction.
2. Check that the vertex is on the correct side of the area light plane by comparing the projection vector with the light&#39;s normal.
3. Calculate the 2D offset of this projected point on the plane from the light&#39;s center/position.
4. Clamp this 2D offset vector so that it sits inside the light&#39;s area (defined by its width and height).
5. Derive the 3D world position of the projected and clamped 2D point. This is the **nearest point** on the area light to the vertex.
6. Perform the usual diffuse calculations that you would for a point light by taking the dot product between the the vertex-to-nearest-point vector (normalised) and the vertex normal.

## Problem

The issue with this solution is that the lighting calculations are done from the **nearest point** and do not account for other points on the lights surface that could be illuminating the fragment even more so. Let me try and explain why…

Consider the following diagram:

![problematic area lighting situation][2]

The area light is both perpendicular to the surface and intersects it. Each of the fragments on the surface will always return a **nearest point** on the area light where the surface and the light intersect. Since the surface normal and the vertex-to-light vectors are always perpendicular, the dot product between them is zero. Subsequently, the calculation of the diffuse contribution is zero despite there being a large area of light looming over the surface.

## Potential Solution

I propose that rather than calculate the light from the **nearest point** on the area light, we calculate it from a point on the area light that yields the greatest dot product between the vertex-to-light vector (normalised) and the vertex normal. In the diagram above, this would be the purple dot, rather than the blue dot.

## Help!

And so, this is where I need your help. In my head, I have a pretty good idea of how this point can be derived, but don&#39;t have the mathematical competence to arrive at the solution.

Currently I have the following information available in my fragment shader:

* vertex position
* vertex normal (unit vector)
* light position, width and height
* light normal (unit vector)
* light right (unit vector)
* light up (unit vector)
* projected point from the vertex onto the lights plane (3D)
* projected point offset from the lights center (2D)
* clamped offset (2D)
* world position of this clamped offset – the **nearest point** (3D)

To put all this information into a visual context, I created this diagram (hope it helps):

![available lighting information][3]

To test my proposal, I need the **casting point** on the area light – represented by the red dots, so that I can perform the dot product between the vertex-to-casting-point (normalised) and the vertex normal. Again, this should yield the maximum possible contribution value.

# UPDATE!!!

I have created an interactive sketch over on CodePen that visualises the mathematics that I currently have implemented:

## http://codepen.io/wagerfield/pen/ywqCp

![codepen][4]

The relavent code that you should focus on is line **318**.

`castingPoint.location` is an instance of `THREE.Vector3` and is the missing piece of the puzzle. You should also notice that there are 2 values at the lower left of the sketch – these are dynamically updated to display the dot product between the relevant vectors.

I imagine that the solution would require another pseudo plane that aligns with the direction of the vertex normal AND is perpendicular to the light&#39;s plane, but I could be wrong!


  [1]: http://i.stack.imgur.com/4V5c0.png
  [2]: http://i.stack.imgur.com/ubZ4v.png
  [3]: http://i.stack.imgur.com/pZUEf.png
  [4]: http://i.stack.imgur.com/USld4.png

Improved Area Lighting in WebGL &amp; ThreeJS

Sometimes you need to check whether you Linux 3D acceleration is really working (besides the `glxinfo` output). This can be quickly done by the `glxgears` tool. However, the FPS are often limited to the displays vertical refresh rate (i.e. 60 fps). So the tool becomes more or less useless since even a software render can produce 60FPS glxgears easily on modern CPUs. 

I found it rather hard to get a quick and easy solution for this, I answer my own question. Hopefully it saves your time.

Disable vertical sync for glxgears

I have used a 3D iphone (.pod) model, its showing correctly in PVRShammon.

But when I imported that 3D model into isgl3D, its not showing correctly with the textured image, the image is covering only some of the areas of the object with some lines and triangles.





--------------------------------------------------------------------------------------------

    _cameraController = [[Isgl3dDemoCameraController alloc] initWithCamera:self.camera andView:self];
    _cameraController.orbit = 10;
    _cameraController.theta = 20;
    _cameraController.phi = 0;
    _cameraController.doubleTapEnabled = NO;
        

    Isgl3dPODImporter * podImporter = [Isgl3dPODImporter podImporterWithFile:@&quot;iPhone5Spod.pod&quot;];
    [podImporter printPODInfo];
    [podImporter buildSceneObjects];


    Isgl3dTextureMaterial *material2 = [[[Isgl3dTextureMaterial alloc] 
                                             initWithTextureFile:@&quot;DiffuseBody2.jpg&quot;  
                                             shininess:0.0  
                                             precision:Isgl3dTexturePrecisionHigh  
                                             repeatX:YES  
                                             repeatY:YES] autorelease];


    mesh2 = [podImporter meshAtIndex:4];
    node2 = [self.scene createNodeWithMesh: mesh2 andMaterial:material2];
    mesh2.normalizationEnabled = YES;
    node2.position = iv3(0, 0, 0);
    node2.rotationY = 180;
    [podImporter addMeshesToScene:self.scene];
    
    
    Isgl3dLight * light  = [Isgl3dLight lightWithHexColor:@&quot;FFFFFF&quot; diffuseColor:@&quot;FFFFFF&quot; specularColor:@&quot;FFFFFF&quot; attenuation:0.000];
    light.lightType = DirectionalLight;
    [light setDirection:-1 y:-1 z:0];
    
    
    [self setSceneAmbient:[Isgl3dColorUtil rgbString:[podImporter ambientColor]]];
    [self schedule:@selector(tick:)];

--------------------------------------------------------------------------------------------
For More Information Please have a look at the image.
[Output image in isgl3D view][1]




  

  [1]: http://i.stack.imgur.com/SDO4s.png

Texture Mapping in 3D Object (.pod) not happening correctly using isgl3D

I am searching for a graph which has **3 dimensions (x, y, and z)** and uses **D3.js**. Please let me know if there are any data visualization site where I can find such graph or if there is one on [d3js.org][1] that I have missed  out somehow.


  [1]: http://d3js.org

3 dimension (X, Y and Z) graph using D3.js

I am using three.js.

I have two mesh geometries in my scene.

If these geometries are intersected (or *would intersect* if translated) I want to detect this as a collision.

How do I go about performing collision detection with three.js? If three.js does not have collision detection facilities, are there other libraries I might use in conjuction with three.js?


How to detect collision in three.js?

I&#39;m new and starting to learn about 3D computer graphics in web browsers. I&#39;m interested in making 3D games in a browser. For anyone who has learned both WebGL and three.js...

1. Is knowledge of WebGL required to use three.js?

2. What are the advantages of using three.js vs. WebGL? 

Learning WebGL and three.js

I&#39;ve searched around for an example that matches my use case but cannot find one. I&#39;m trying to convert screen mouse co-ordinates into 3D world co-ordinates taking into account the camera.

Solutions I&#39;ve found all do ray intersection to achieve object picking.

What I am trying to do is position the center of a Three.js object at the co-ordinates that the mouse is currently &quot;over&quot;.

My camera is at x:0, y:0, z:500 (although it will move during the simulation) and all my objects are at z = 0 with varying x and y values so I need to know the world X, Y based on assuming a z = 0 for the object that will follow the mouse position.

This question looks like a similar issue but doesn&#39;t have a solution: https://stackoverflow.com/questions/10874539/getting-coordinates-of-the-mouse-in-relation-to-3D-space-in-three-js

Given the mouse position on screen with a range of &quot;top-left = 0, 0 | bottom-right = window.innerWidth, window.innerHeight&quot;, can anyone provide a solution to move a Three.js object to the mouse co-ordinates along z = 0?

Mouse / Canvas X, Y to Three.js World X, Y, Z

I&#39;m loading an OBJ file using Three.js and OBJLoader.js.  This returns a Three.Object3D object, which has what you&#39;d expect from a 3D model (position vector, up vector...)

What I can&#39;t figure out is how to get a bounding box for it-- is this possible?

Any way to get a bounding box from a three.js Object3D?

How do you save an image from a Three.js canvas?

I&#39;m attempting to use Canvas2Image but it doesn&#39;t like to play with Threejs. Since the canvas isn&#39;t defined until it has a div to attach the canvas object to.

http://ajaxian.com/archives/canvas2image-save-out-your-canvas-data-to-images

Content Type	Original Author	Original Content on Stackoverflow
Question	balazs	View Question on Stackoverflow
Solution 1 - 3d	mrdoob	View Answer on Stackoverflow
Solution 2 - 3d	bhouston	View Answer on Stackoverflow
Solution 3 - 3d	soil	View Answer on Stackoverflow
Solution 4 - 3d	Ion Stefanache	View Answer on Stackoverflow

Preferred 3d model format of THREE.JS

3d Problem Overview

3d Solutions

Solution 1 - 3d

Solution 2 - 3d

Solution 3 - 3d

Solution 4 - 3d

Java mail sender's address displayed rather than his name

How can I automatically start a node.js application in Amazon Linux AMI on aws?

Attributions