<p dir="auto">I‘m a webgl novice.I hope get some help about mouse picking. I want to do a street view program with webgl.so,l create a SphereGeometry,and the camera position is in the SphereGeometry.on the street view texture,I want to mark the point where is picked by the mouse,but I can not get the point position maybe because the camera is in the Sphere.if I make the Sphere smaller , the raycaster.intersectObjects( scene.children) worked and get the intersect point 's position.3q</p>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">In r83, a loaded <code class="notranslate">BufferGeometry</code> object would receive transforms, and apply these transform matrices to their "position" <code class="notranslate">Float32Array</code>.  However, in r84, these transform matrices are no longer applied.</p>
<p dir="auto">Here's a simple example where I apply a rotation matrix to duplicate a tree:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="// Load tree geometry
var geomLoader = new THREE.BufferGeometryLoader();
geomLoader.load(&quot;meshes/tree.json&quot;, geomLoaded);

function geomLoaded(geometry){
    // Enlarge tree
    geometry.scale(2, 2, 2);

    // posArray is twice as big as the loaded vertices so it can hold two trees
    var vertCount = geometry.getAttribute(&quot;position&quot;).itemSize * 2;
    var posArray = new Float32Array(vertCount * 3);

    // Set top tree vertices to first half posArray
    posArray.set(geometry.getAttribute(&quot;position&quot;).array);

    // Rotate geometry and apply new vertices to second half of posArray
    geometry.rotateZ(Math.PI);
    posArray.set(geometry.getAttribute(&quot;position&quot;).array, posArray.length / 2);

    geometry.addAttribute(&quot;position&quot;, new THREE.BufferAttribute(posArray, 3));

    pointsObject = new THREE.Points(this.geometry, this.shaderMat);
    scene.add(pointsObject);
}"><pre class="notranslate"><code class="notranslate">// Load tree geometry
var geomLoader = new THREE.BufferGeometryLoader();
geomLoader.load("meshes/tree.json", geomLoaded);

function geomLoaded(geometry){
    // Enlarge tree
    geometry.scale(2, 2, 2);

    // posArray is twice as big as the loaded vertices so it can hold two trees
    var vertCount = geometry.getAttribute("position").itemSize * 2;
    var posArray = new Float32Array(vertCount * 3);

    // Set top tree vertices to first half posArray
    posArray.set(geometry.getAttribute("position").array);

    // Rotate geometry and apply new vertices to second half of posArray
    geometry.rotateZ(Math.PI);
    posArray.set(geometry.getAttribute("position").array, posArray.length / 2);

    geometry.addAttribute("position", new THREE.BufferAttribute(posArray, 3));

    pointsObject = new THREE.Points(this.geometry, this.shaderMat);
    scene.add(pointsObject);
}
</code></pre></div>
<p dir="auto">In r83, I got the desired effect of two trees in one <code class="notranslate">BufferGeometry</code> object:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/7864858/24126635/447f364c-0d8c-11e7-9854-6bf4585da303.jpg"><img src="https://cloud.githubusercontent.com/assets/7864858/24126635/447f364c-0d8c-11e7-9854-6bf4585da303.jpg" alt="r83" style="max-width: 100%;"></a></p>
<p dir="auto">In r84, I get the undesired effect of no scaling, and no rotating, leading to both trees stacking on top of each other:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/7864858/24126637/47016ba6-0d8c-11e7-8c33-34849f4ed254.jpg"><img src="https://cloud.githubusercontent.com/assets/7864858/24126637/47016ba6-0d8c-11e7-8c33-34849f4ed254.jpg" alt="r84" style="max-width: 100%;"></a></p>
<p dir="auto">Is this a bug, or an intentional change in behavior?</p>
<h5 dir="auto">Three.js version</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r84</li>
</ul>
<h5 dir="auto">Browser</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> All of them</li>
</ul>
<h5 dir="auto">OS</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> All of them</li>
</ul>
<h5 dir="auto">Hardware Requirements (graphics card, VR Device, ...)</h5>