Finding support and maintenance
Collab with us ISSUES and FORK
Live web preview here
The main project file code in ./js/script.js.
This project was made with the help of:
* Three.js
* Cannon.js
CDN:
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js" integrity="sha512-dLxUelApnYxpLt6K2iomGngnHO83iUvZytA3YjDUCjT0HDOHKXnVYdf3hU4JjM8uEhxf9nD1/ey98U3t2vZ0qQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cannon.js/0.6.2/cannon.min.js" integrity="sha512-avLcnGxl5mqAX/wIKERdb1gFNkOLHh2W5JNCfJm5OugpEPBz7LNXJJ3BDjjwO00AxEY1MqdNjtEmiYhKC0ld7g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>To activate the bot testing, you only need to write in console playBot([relation:float], [time:int]), by default the parameters are 0.9 and 20ms
Or you can set it manually:
let botTimer = setInterval(()=>{
const lastLayer = stackBoxArr[stackBoxArr.length -1];
const previousLayer = stackBoxArr[stackBoxArr.length -2];
// LAST LAYER DIRECTION
let lastDirection = lastLayer.direction;
// CALCULATE OUTBOX
let delta = lastLayer.threejs.position[lastDirection] - previousLayer.threejs.position[lastDirection] // !NOTE: THE BOTH BOX MUST BE CALCULATED WITH THE SAME DIRECTION
let alpha = Math.abs(delta); // GET POSITIVE NUM
// CALCULATE OUTBOX WIDTH DEPTH
let outbox = (lastDirection === "x")? lastLayer.width : lastLayer.depth;
let inbox = outbox - alpha;
const boxRelation = inbox / outbox; // 0 to 1
if(boxRelation >= 0.9){
document.body.click();
console.log(boxRelation); // OUTPUT
}
}, 20);