holoweb.js
v0.1.0
Published
Hologram Web Framework
Downloads
2
Readme
HoloWeb
Hologram Web Framework
This project aims to create a lightweight, minimalist and easy to use framework for Holograms on webpage.
Usage
Clone this repository and run:
npm run build:prod
Create your html file and include the minified file:
<script src="./dist/holoweb.min.js"></script>
You can then try this code that would create a rotating holographic cube:
var holoweb = new HoloWeb();
function animate() {
requestAnimationFrame(animate);
mesh.rotation.y += 0.01;
}
var texture = new THREE.TextureLoader().load('images/crate.gif');
var geometry = new THREE.BoxBufferGeometry(200, 200, 200);
var material = new THREE.MeshBasicMaterial({map: texture});
var mesh = new THREE.Mesh(geometry, material);
holoweb.add(mesh);
animate();
window.onmousemove = function (e) {
mesh.position.x = 2 * (e.clientX - window.innerWidth / 2);
mesh.position.y = 3 * (window.innerHeight / 2 - e.clientY);
}