Threejs 模型本地存储
Threejs 模型本地存储还是之前那个模型查看的问题,有个模型 50M,每次打开都需要从服务器上请求模型,速度太慢被老板吐槽了,所以考虑将模型存在本地,具体的方案呢,我选定了使用 IndexedDB
我的思路是这样的:
首先在 indexedDB 查找有没有这个模型的数据存在
如果存在就将这个数据查询出来,加载本地的模型
如果不存在就从服务器请求模型数据,然后存在本地 indexedDB
但是有两个问题:
从服务器请求到的模型怎么转换成 blob 存进 indexedDB
threejs 的 gltfLoader 需要提供的是一个确切的 url 地址
开始解决问题:
首先解决怎么把...
Koa 常用中间件
Koa 常用中间件VSCode 中 nodejs 语法提示:@types/node安装代码:npm i @types/node -D
get 或 post 请求参数解析:koa-bodyparser安装代码:npm i koa-bodyparser -S
koa 路由:koa-router安装代码:npm i koa-router -S
mySQL 连接:mysql安装代码:npm i mysql -S
mongoDB 连接:mongodb | mongoose安装代码:npm i mongodb -S补充说明:
mongodb 为 mongoDB 官方提供的 np...
Gsap 动画库使用笔记
Gsap 动画库使用笔记安装 Gsap1npm install gsap
创建动画例如,如果 html 元素创建动画,将 ‘.box’ 类的元素设置 1 秒时间水平移动 200px 的动画。可以这么编写:
123import gsap from 'gsap'gsap.to('.box', { x: 200 })
在 three.js 中如果我们想要将物体,例如立方体移动设置 1 秒时间水平移动 200px 的动画。可以这么编写
12import gsap from 'gsap'gsap.to(cube.p...
React学习笔记
React 学习笔记安装 react 并初始化1、安装:npm install -g create-react-app2、创建 hello-react 目录并初始化:npx create-react-app hello-react注意:
目录名不允许有大写字母
初始化过程比较慢,大约需要 5-10 分钟
3、启动项目:cd hello-react、npm start默认将启动:http://localhost:3000
自定义组件基础知识1、自定义组件和入口文件,顶部都需要引入 “react:import React from ‘react’”;
2、自定义组件必须以大写字母开头、默...
Blender 基础教程
Blender 基础教程Blender 简介传统的专业 3D 建模软件有 3D Max、Maya、C4D 等,这些软件都非常强大,但都是收费软件。
而 Blender 则是免费开源的 3D 建模软件。
Windows 10 自带的 “画图 3D” 也是 3D 建模软件,但关键是它提供的建模功能过于简单,所以实际项目中肯定无法满足要求。
重功能复杂度来讲,他们大概的排序为:
第一梯队:3D Max、Maya
第二梯队:C4D、Blender
第 2 梯队的 C4D 和 Blender 属于轻量级的 3D 建模软件,但是依然足够满足我们日常的项目需求。
Blender 核心技...
PM2学习笔记
PM2 学习笔记安装 pm2全局安装代码1npm i -g pm2
我的服务器中 nodejs 安装目录为 /software/nodejs
安装过程中的代码:
1234567891011[root@VM_0_8_centos ~]# npm i -g pm2/software/nodejs/bin/pm2 -> /software/nodejs/lib/node_modules/pm2/bin/pm2/software/nodejs/bin/pm2-dev -> /software/nodejs/lib/node_modules/pm2/bin/p...
< PREV 1 2