随笔分类 - three.js
3d模型运行库相关内容
摘要：设置模型的变换大小、角度、位移控件 注：obj为三维模型object对象 位置 obj.position ：查询x、y、z位置信息 obj.position.set(x,y,z) ：设置x、y、z位置信息 obj.translateY(1) ：设置单个y位置信息 obj.translateX(1)
阅读全文
摘要：文档参考地址：https://sogrey.top/Three.js-start/tools/TransformControls.js.html 具体参数等内容看文档。 可视化变换控件对象 // function initTransformControls(){ transformControl =
阅读全文
摘要：// 鼠标事件 start window.addEventListener( 'click', onMouseMove, false ); // 鼠标监听事件 function onMouseMove( event ) { // 射线 raycaster = new THREE.Raycaster(
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>SkinnedMesh骨骼动画</title> <style> body { margin: 0;background: #f1f1f1 } canvas { width: 100%;
阅读全文
摘要：// 几何体，用点创建几何形体 function initGeometry(){ var geometry = new THREE.BufferGeometry(); //创建一个Buffer类型几何体对象 //类型数组创建顶点数据 var vertices = new Float32Array([
阅读全文
摘要：这里的字体都是要用json文件格式的 这个是官方网址上给的.ttf字体文件转换为json的在线地址， 下面就是字体在场景中怎么显示啦http://gero3.github.io/facetype.js/ //字体显示内容 function initFont(){ var loader = new T
阅读全文
摘要：tree,js的简单实现内容显示，对模型的gltf进行引用内容显示 加载所用资源https://github.com/mrdoob/three.js 整理后代码{ <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>My first t
阅读全文