香香鲲 - 博客园

2022年12月8日

摘要：导入轨道控制器包 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls" BoxGeometry盒子+MeshBasicMaterial const geometry = new THREE.BoxGeome 阅读全文

posted @ 2022-12-08 22:14 香香鲲阅读(95) 评论(0) 推荐(0) 编辑

2022年12月5日

Threejs：渲染第一个场景

摘要：导入方式1 import * as THREE from "three"; //设置场景 const scene = new THREE.Scene(); // 初始化渲染器 const renderer = new THREE.WebGLRenderer(); //设置渲染器的大小 rendere 阅读全文

posted @ 2022-12-05 17:17 香香鲲阅读(50) 评论(0) 推荐(0) 编辑

Threejs：响应式设计

摘要：出现的问题：第一是我们的立方体被拉伸了。他们不是立方体了更像是个盒子，太高或者太宽。在新标签中打开它然后改变尺寸你就能看到立方体是怎么在宽高上被拉伸的。解决： function render(time) { time *= 0.001; const canvas = renderer.domE 阅读全文

posted @ 2022-12-05 14:14 香香鲲阅读(104) 评论(0) 推荐(0) 编辑

Threejs：创建文字

摘要： 1. DOM + CSS 2. 将文字绘制到画布中，并将其用作Texture（纹理）如果你希望在three.js的场景中的平面上轻松地绘制文本，请使用此方法。 3. 在你所喜欢的3D软件里创建模型，并导出给three.js 如果你更喜欢使用3D建模软件来工作并导出模型到three.js，请使用这种阅读全文

posted @ 2022-12-05 10:46 香香鲲阅读(983) 评论(0) 推荐(0) 编辑

Threejs：绘图

摘要：在.vue文件script中： //设置好renderer（渲染器）、scene（场景）和camera（相机）const renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHe 阅读全文

posted @ 2022-12-05 10:26 香香鲲阅读(109) 评论(0) 推荐(0) 编辑

Threejs：安装及其环境

摘要： vue3框架安装： npm install three 导入： // 方式 1: 导入整个 three.js核心库 import * as THREE from 'three'; const scene = new THREE.Scene(); // 方式 2: 仅导入你所需要的部分 import 阅读全文

posted @ 2022-12-05 10:18 香香鲲阅读(300) 评论(0) 推荐(0) 编辑

2022年11月6日

SPA 单页面

摘要：对 SPA 单页面的理解，它的优缺点分别是什么？ SPA 应用就是一个 web 应用，可理解为：是一种只需要将单个页面加载到服务器之中的 web 应用程序。当浏览器向服务器发出第一个请求时，服务器会返回一个 index.html 文件，它所需的 js，css 等会在显示时统一加载，部分页面需要时加阅读全文

posted @ 2022-11-06 09:14 香香鲲阅读(107) 评论(0) 推荐(0) 编辑

2022年11月5日

菜单多级联动

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省级列表多级联动</title> </head> <body> <form> <select id="province"> <option value="-1" 阅读全文

posted @ 2022-11-05 16:16 香香鲲阅读(27) 评论(0) 推荐(0) 编辑

2022年10月31日

token（面试题）

摘要： Token一般是存放在哪里？ Token放在cookie和放在localStorage、sessionStorage中有什么不同？ oken是什么？Token 存放位置Token 放在 cookie、localStorage、sessionStorage中对不同点？总结一、Token是什么？ To 阅读全文

posted @ 2022-10-31 22:10 香香鲲阅读(732) 评论(0) 推荐(0) 编辑

获取一个对象的所有key值

摘要： 1. Object.keys(item); 获取到了key之后就可以遍历的时候直接使用这个进行遍历所有的key跟value var infoItem={ name:'xiaowu', age:'18', } //的出来的keys就是[name,age] var keys=Object.keys(in 阅读全文

posted @ 2022-10-31 21:32 香香鲲阅读(450) 评论(0) 推荐(0) 编辑