fast-three-sketch
v1.1.53
Published
轻量three.js二次封装,快速搭建三维场景
Downloads
156
Maintainers
Readme
threeSketch
Description
旨在快速生成更易维护,易读性高的 three.js 项目。
Installation
- npm i fast-three-sketch
init
import { SketchBase } from "fast-three-sketch";
const sketch = new SketchBase( true, true );
sketch.initAxesHelper();
// render one frame
// sketch.render();
// render on animationFrame
sketch.animate();
// customRender for postprocessing
// sketch.customRender = Composer.render
// add components to the renderQueue
// sketch.addUpdatable(updatableModule)
// remove components from the renderQueue
// sketch.removeUpdatable(updatableModule)
// saveScreenshot
// sketch.saveScreenshot("screenShot.png");
resize
function resize ( w, h ) {
console.log( w, h );
}
this.addResizeFn( resize );
raycaster
const raycasterControls = sketch.raycast( "click", group, intersections => {
console.log( intersections);
} );
sketch.raycast( "dblclick", group, intersections => {
console.log( intersections );
} );
setTimeout( () => {
raycasterControls.clear();
}, 3000 );
---------
function test ( intersection ) {
if ( intersection.length ) {
console.log( intersection );
}
}
const controls = this.raycast( "dblclick", obj3d1, test );
const controls2 = this.raycast( "dblclick", obj3d2, test );
setTimeout( () => {
controls.clear();
setTimeout( () => {
controls2.clear();
}, 3000 );
}, 3000 );
EventEmitter
import {Component} from "fast-three-sketch"
const componentA = new Component()
const componentB = new Component()
componentA.on( "love", ( event ) => {
console.log( " love ", event );
} );
setTimeout( () => {
componentB.emit( "love", "i love" );
}, 3000 );
Gitee Feature
- You can use Readme_XXX.md to support different languages, such as Readme_en.md, Readme_zh.md
- Gitee blog blog.gitee.com
- JueJin blog juejin.com