流浪のwolf

卷帝

导航

2024年4月27日

threejs 浏览器窗口resize变化 自适应 html 全屏

摘要: 全屏:画布全屏和body页面全屏; // 导入 threejs import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; // 创建场景 阅读全文

posted @ 2024-04-27 16:38 流浪のwolf 阅读(4) 评论(0) 推荐(0) 编辑

2024年4月25日

Math 数学库

摘要: Math.random() 随机数字 Math.PI 圆周率 阅读全文

posted @ 2024-04-25 19:44 流浪のwolf 阅读(1) 评论(0) 推荐(0) 编辑

threejs 父元素 相对位置 position 网格对象

摘要: 设置position都是相对于父元素的位置设置的 // 导入 threejs import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; / 阅读全文

posted @ 2024-04-25 19:30 流浪のwolf 阅读(1) 评论(0) 推荐(0) 编辑

轨道控制器 threejs

摘要: 就是一个可以360转动的相机,通过不断的改变相机的参数 然后渲染达到效果。 // 引入相机控件 -- 轨道控制器 // console.log('OrbitControls',OrbitControls); const controls = new OrbitControls(camera,rend 阅读全文

posted @ 2024-04-25 19:14 流浪のwolf 阅读(1) 评论(0) 推荐(0) 编辑

2024年4月21日

threejs - 渲染第一个3D场景 - 旋转的正方体

摘要: 1. 安装 threejs & 使用 2. 创建三要素 场景 scene 相机 camera 渲染器 render 3. 场景 new THREE.Scene() 相机分为 2 种 1. 透视相机 2. 正交相机 渲染器的使用 把canvas标签渲染到body 页面 document.body.ap 阅读全文

posted @ 2024-04-21 14:21 流浪のwolf 阅读(2) 评论(0) 推荐(0) 编辑

2024年4月20日

nestjs 中管道的使用-验证DTO

摘要: 1. 安装管道 nest g pi role 意思是安装一个role模块的管道 2. 在controller中使用管道 管道的作用: 1. 数据的转换 2. DTO规则验证 一般使用全局配置管道 区别: 自己写:需要一个个的带入 阅读全文

posted @ 2024-04-20 09:24 流浪のwolf 阅读(1) 评论(0) 推荐(0) 编辑

2024年4月10日

threejs渲染基础的3D场景

摘要: // 创建一个场景对象 let scene = new THREE.Scene(); // 创建一个相机对象 let camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); 阅读全文

posted @ 2024-04-10 15:00 流浪のwolf 阅读(3) 评论(0) 推荐(0) 编辑

1. 什么是three.js?

摘要: Three.js是一个基于JavaScript编写的开源3D图形库,它使用WebGL技术在网页上渲染3D图形。Three.js提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。 特点: Three.js具有跨平台性,可以在主要的桌面和移动浏览器上运行,并 阅读全文

posted @ 2024-04-10 13:48 流浪のwolf 阅读(6) 评论(0) 推荐(0) 编辑

vue的响应式原理

摘要: 核心:函数和数据的关联 三个条件 1. 什么函数 受到监控的函数 eg: watch watchEffect computed render 响应式的数据 eg : vue2 中定义的数据默认都是响应式的数据 vue3 中使用 ref 和 reactive 定义的数据都是响应式的数据 、只要在htm 阅读全文

posted @ 2024-04-10 01:23 流浪のwolf 阅读(3) 评论(0) 推荐(0) 编辑

nestjs 和 .net DI 使用并注册的区别

摘要: 核心:对象之间的关系 各种 引用 方便使用各种服务 1. .net 注册服务 三种注册方式 build.Service.Addsigtel 单例 瞬时 等 .addSingtel<IUser,User>(); 2. nestjs 注册服务 装饰器 在Services层中注射 @injects 在 M 阅读全文

posted @ 2024-04-10 00:02 流浪のwolf 阅读(1) 评论(0) 推荐(0) 编辑