<script src="https://rawgit.com/mrdoob/three.js/dev/build/three.js"></script>
<script src="https://rawgit.com/mrdoob/three.js/dev/examples/js/controls/OrbitControls.js"></script>
<!-- test between parallel check using dot product vs vector comparison, both seems about equal, while test1 seems sometimes a split few mili seconds faster -->
CSS
/* fix mouse click offset errors when doing drags */
body {
margin: 0;
}
JavaScript
var scene, renderer, camera;
var cube;
var controls;
var umbrellaMesh;
init();
lightSetup();
animate();
function init() {
renderer = new THREE.WebGLRenderer({
antialias: true
});
var width = window.innerWidth;
var height = window.innerHeight;
renderer.setSize(width, height);
document.body.appendChild(renderer.domElement);
scene = new THREE.Scene();
var gridXZ = new THREE.GridHelper(1000, 100);
scene.add(gridXZ);
var axes = new THREE.AxesHelper(1000);
scene.add(axes);
camera = new THREE.PerspectiveCamera(45, width / height, 1, 10000);
camera.position.y = 160;
camera.position.z = 400;
camera.lookAt(new THREE.Vector3(0, 0, 0));
controls = new THREE.OrbitControls(camera, renderer.domElement);
lightSetup();
tese1()
}
// speed bendhmark test
function test1(vArr){
let t0 = performance.now();
vArr.forEach((v,i, vArr) => {
if(i-2 < vArr.length){
isParallel(v, vArr[i+1]);
}
});
let t1 = performance.now();
console.log(`test1 time took ${t1-t0}`);
}
// speed bendhmark test
function test2(vArr){
let t0 = performance.now();
vArr.forEach((v,i, vArr) => {
if(i-2 < vArr.length){
isParallel2(v, vArr[i+1]);
}
});
let t1 = performance.now();
console.log(`test2 time took ${t1-t0}`);
}
function vEquals(v1, v2, epsilon = .01) {
return v1.distanceToSquared(v2) <= epsilon ? true : false;
}
function isParallel2(v1, v2) {
if(v1 && v2 && hasDistanceDir(v1) && hasDistanceDir(v2)) {
const v2Negate = v2.clone().negate();
if(vEquals(v1, v2Negate) || vEquals(v1, v2)) {
return true;
}
}
return false;
}
function isParallel(v1,v2) {
if(v1 && v2 && hasDistanceDir(v1) && hasDistanceDir(v2)) {
const dot = v1.dot(v2);
return dot === -1 || dot === 1 || Math.abs(dot) - 1 < .0001;
}
return false;
}
function isAllValuesNumbers(v) {
let result = !isNaN(v.x) && !isNaN(v.y) && !isNaN(v.z);
if(!result) {
console.log('vector not all values a...
Please Whitelist JSFiddle in your content blocker.
Help keep JSFiddle free for always by one of two ways:
Whitelist JSFiddle in your content blocker (two clicks)
Go PRO and get access to additional PRO features →
Join the 4+ million users, and keep the JSFiddle dream alive.
Ad-free
All ads in the editor and listing pages are turned completely off.
Use pre-released features
You get to try and use features (like the Palette Color Generator) months before everyone else.
Fiddle collections
Sort and categorize your Fiddles into multiple collections.
Private collections and fiddles
You can make as many Private Fiddles, and Private Collections as you wish!
Console
Debug your Fiddle with a minimal built-in JavaScript console.