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...

前端进阶

GSAP插件介绍

ScrollTrigger 一个可以将元素动画效果与浏览器滚动条关联起来的插件 引入依赖 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script> 使用 gsap.registerPlugin(Scrol...

前端进阶
1234510