压缩3D模型

第一种方法npm install -g gltf-pipeline gltf-pipeline -i 输入.glb -o 输出.glb -d -s 参数 说明 -i 输入路径 -o 输出路径 -b 将输入的gltf转为glb -j 将输入的glb转为gltf -s 编写单独的缓冲区、着色器和纹理 -t 只写出单独的纹理 -d 使用Draco压缩网格 ...

前端进阶

echarts绘制中国地图

安装依赖 下载 echarts npm i echarts 下载 china.js https://gitee.com/xiao-zhe-is-not-lazy/assets 基础使用import { defineComponent, onMounted, reactive } from "vue"; import { option ...

前端进阶

css巧妙技巧

滚动动画效果: css主要属性 @keyframes animationScroll { 0%{ opacity: 0; transform: scale(0.5); } 100%{ opacity: 1; transform: scale(1); ...

前端基础

blender插件分享

1. 布尔工具 2. 物体对齐工具 使用: 3. FLIP Fluids这是一个流体模拟的工具 简单使用: 首先制作一个域,其实就是流体的运动范围 在设置一个流入 最后进行烘培 然后空格进行动画播放:

3D建模

blender基础知识

易忘快捷键1. 内插面:i 2. 挤出:EAlt + E 可以选择如何挤出 3. 倒角:ctrl + B注意:ctrl + Z 可以在倒角和斜面之间进行切换 4. 环切(循环分段):ctrl + R 5. 桥接:ctrl + E 6. 其他常用操作 操作描述 快捷键 切换成编辑模式 Tab 连接两点 J 分离模型 P 合并模型(不能在编辑模式下进行合并) ctrl ...

3D建模

three.js加载模型基础代码

代码展示import * as THREE from 'three'; import { onMounted } from "vue" import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import ...

前端进阶

three.js结合cannon-es实现3d物理世界

说明这里主要实现物理世界中的自由落体和物体间的碰撞 学习本篇文章前,请事先了解或者学习一下three的内容,方便理解,这里不会教大家创建一个基础的three3d场景,直接就是进行物理世界的搭建 下载依赖包npm i cannon-es 引入依赖包import * as CANNON from "cannon-es"; 搭建物理世界1.实例化一个物理世界,并且设置重力加...

前端进阶

文件上传多种场景(前端+后端)

input进行文件上传时有关的属性 属性 说明 accept 指定上传文件的类型,例如:accept=”image/*”,只能上传图片文件 multiple 允许上传多个文件 webkitdirectory 是否上传文件夹 单文件上传后端: var express = require('express'); var router ...

前端进阶

sass实现主题切换

需要用到的sass知识点 变量的定义 @mixin混入 @each遍历 实现代码@use "sass:map"; $light: ( bg-color: #ffffff, text-color: black ); $dark: ( bg-color: #2c2c2c, text-color: white ); // 存储主题 $th...

前端进阶

GSAP基础知识

安装 CDN <script src="https://cdn.jsdelivr.net/npm/gsap@3.12/dist/gsap.min.js"></script> npm npm install gsap 使用gsap.to(".box", {x: 200}) 说明: to 方法 .bo...

前端进阶
123410