TypechoJoeTheme

拾光°の博客

登录
用户名
密码
/
注册
用户名
邮箱
标签搜索
2023-02-16

three.js 导入模型

three.js 导入模型
要导入模型,可以使用 Three.js 的 OBJLoader 或 GLTFLoader。使用 OBJLoader 导入 OBJ 模型使用 OBJLoader 导入 OBJ 模型需要先引入 OBJLoader.js 文件。可以通过 npm 或直接下载 Three.js 的源代码获取这个文件。import * as THREE from 'three'; import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'; // 创建 OBJLoader 对象 const loader = new OBJLoader(); // 加载模型 loader.load( 'path/to/model.obj', // 加载完成后的回调函数 function(object) { scene.add(object); } ); 在这个例子中,我们首先引入 THREE 和 OBJLoader,然后创建了一个 OBJLoader 对象。接着使用 loader.load() 方法加载模型文件,并传入一个回调函...
拾光°
2023-02-16

未分类

341 阅读
0 评论
2023年02月16日
341 阅读
0 评论
2023-02-16

three.js 入门

three.js 入门
要入门 Three.js,需要了解以下几个概念和步骤:1、场景 (Scene): Three.js 中所有的对象都需要添加到场景中才能够被渲染。2、相机 (Camera): 相机定义了场景中的视角和投影方式。Three.js 提供了多种不同类型的相机,如透视相机、正交相机等。3、渲染器 (Renderer): 渲染器是将场景和相机中的对象渲染成图像的核心组件。Three.js 提供了多种不同的渲染器,如 WebGLRenderer、CanvasRenderer 等。4、几何体 (Geometry): 几何体是定义了 3D 对象的形状和位置信息。5、材质 (Material): 材质定义了 3D 对象的外观和纹理。6、网格 (Mesh): 网格是由几何体和材质组成的 3D 对象。下面是一个简单的 Three.js 程序,它创建了一个场景、相机、渲染器、几何体、材质和网格,然后将网格添加到场景中并渲染到页面中:// 创建场景 var scene = new THREE.Scene(); // 创建相机 var camera = new THREE.PerspectiveCamera...
拾光°
2023-02-16

未分类

297 阅读
0 评论
2023年02月16日
297 阅读
0 评论
2022-03-28

VUEX

VUEX
vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起,集中式来管理。需要声明的是,这里所说的状态指的是vue组件中data里面的属性。简单的来说,它就是存储公共变量的东西,然后插件可以通过它来访问,或者修改数据,来达到响应式.相当于一个仓库,里面可以放很多公共的东西,而这些公共的东西都可以让组件使用.vuex中核心模块有:StateMutationActionGetterState介绍:State提供唯一的公共数据源, 所有共享的数据都要统一放到Store的State中进行存储。类似于data函数管理数据,管理的数据是响应式的,当数据改变时驱动视图更新。第一种取数据方法<!-- this.$store.state.全局数据名称 --> <template> <div> <h3>当前最新的count值为: {{$store.state.count}}</h3> </div> </template>在template中访问vue实例中的内容时,this...
拾光°
2022-03-28

vue

354 阅读
0 评论
2022年03月28日
354 阅读
0 评论
2022-03-24

vue 跨域配置webpack

vue 跨域配置webpack
很多情况下后台会给我们做请求代理,当后台没有帮你的时候只能自己解决了,Vue-cli这里我用的是webpack,那么我们需要在webpack上做代理设置,具体步骤如下:新建一个 webpack.config.js devServer: { historyApiFallback: true, hot: true, inline: true, contentBase: "./app", // port: 3000, //前面是配置 webpack-dev-server 的,也可以 package.json 文件中配置 proxy: { "/api": { // target: 'http://localhost:8888', target: 'https: //www.baidu.com', //要跨域的地址 pathRewrite: {'^/api' ...
拾光°
2022-03-24

vue

355 阅读
0 评论
2022年03月24日
355 阅读
0 评论
2022-02-23

节流和防抖

节流和防抖
一、函数节流一个函数执行一次后,只有大于设定的执行周期后才会执行第二次原理:用时间戳来判断是否已到回调该执行时间,记录上次执行的时间戳,然后每次触发 scroll 事件执行回调,回调中判断当前时间戳距离上次执行时间戳的间隔是否已经到达 规定时间段,如果是,则执行,并更新上次执行的时间戳,这样循环下去 /** * 节流函数 * @param fn 事件触发的操作 * @param mustDelay 间隔多少毫秒需要触发一次事件 */ function throttle(fn,mustDelay){ let timer, start = 0; return function (){ let now = new Date().getTime(), self = this, args = arguments; if(now > start + mustDelay){ ...
拾光°
2022-02-23

未分类

347 阅读
0 评论
2022年02月23日
347 阅读
0 评论
24 文章数
298 评论量
IP信息

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月