自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(523)
  • 收藏
  • 关注

原创 项目开发中常用git命令

查看本地分支: git branch查看本地和远程所有分支: git branch -a将远程分支拉取到本地(本地不存在该分支):git checkout -b 本地分支名 origin/远程分支名...

2020-04-23 13:25:30 2825

原创 根据 UI 图设计的大小换算rem单位以及大屏页面全屏展示的设置

设置rem节点适配例如设计的UI图尺寸是1366宽的,则正常页面往下滚动的是情况下,输入UI图设计的尺寸,可以是1366,也可以是1920 等;于是就用rem单位适配,根据根节点换算, // 初始化let self = this;window.onload = function() { /*1366代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,...

2019-12-22 21:39:48 1192

原创 css实现太极图

【代码】css实现太极图。

2024-08-13 09:19:18 330

原创 css实现水滴效果图

【代码】css实现水滴效果图。

2024-08-12 16:19:20 2300 1

原创 three.js中加载ply格式的文件,并使用tween.js插件按照json姿态文件运动

【代码】three.js中加载ply格式的文件,并使用tween.js插件按照json姿态文件运动。

2024-07-29 18:06:52 184

原创 vue3.0学习--创建项目,基于vite创建

1,执行创建命令 npm create vite@latest。4,npm run format ---- 通常用于代码格式化。2, cd my3d ---- my3d 是创建的项目名字。3,npm install ---- 安装需要的插件包。5, npm run dev --- 运行项目。

2024-07-27 15:20:55 166

原创 blender中设置物体的中心到某个顶点

5,返回物体模式,操作类似于步骤二,然后鼠标再次右键,---设置原点---原点->3D游标。4,鼠标点击右键---- 吸附至像素点--游标->选中项,这样,游标移动到了选中点。3,选中点模式,并选择物体的一个顶点。

2024-07-12 14:54:46 619

原创 微信小程序中的数据通信

方法1: 使用回调函数globalData:在需要的地方调用并传递一个回调函数。

2024-07-11 13:36:43 460

原创 gsap动画库的实践

安装插件:npm install gsap。

2024-06-14 17:52:59 174

原创 npm安装插件,提示没有权限,不让安装

通过网上查找资料,发现删除本机电脑用户目录下的.npmrc文件,也可以解决当前问题,于是进行了尝试,果然解决了问题,文件具体路径为 C:\Users{当前登录的用户名}.npmrc。

2024-04-17 15:37:42 175

原创 three.js扩展库--物理引擎CannonJS / CannonES

JavaScript物理模拟引擎还是比较多的,比如Ammo.js、Physi.js、Cannon.js,这些引擎虽然语法细节有差异,但是在3D应用中开发思路是相似的。

2024-03-26 11:09:35 521

原创 three.js 的扩展库Octree.js 、OctreeHelper.js、tweenjs

可视化八叉树TweenJS是一个由JavaScript语言编写的补间动画库,如果需要tweenjs辅助你生成动画,对于任何前端web项目,你都可以选择tweenjs库。如果你使用three.js开发web3d项目,使用tween.js辅助three.js生成动画效果也是比较好的选择。

2024-03-26 11:06:52 630

原创 three.js 鼠标左右拖动改变玩家视角

表示的获取obj对象自身z轴正方向在世界坐标空间中的方向。按下 W键前进运动;

2024-03-13 17:23:10 581

原创 three.js 相机跟着玩家走(第三人称漫游)

【代码】three.js 相机跟着玩家走(第三人称漫游)

2024-03-11 16:39:07 857

原创 three.js 按键W前进、S退后、A左转、D右转运动

效果:W 键 前进;使用了 tween.js 动画库;

2024-03-11 16:17:22 488

原创 three.js 包围盒

想要显示包围盒的样子;需要借助 Box3Helper 辅助显示;

2024-03-09 13:56:35 405

原创 three.js 射线Ray,三维空间中绘制线框

【代码】three.js 射线Ray,三维空间中绘制线框。

2024-03-08 14:44:41 359

原创 three.js 在三维空间中绘制线框

【代码】three.js 在三维空间中绘制线框。

2024-03-08 13:36:53 241

原创 three.js 叉乘计算三角形面积

【代码】three.js 叉乘计算三角形面积。

2024-03-06 13:27:52 361

原创 three.js 点乘判断平行向量方向异同

【代码】three.js 点乘判断平行向量方向异同。

2024-03-01 17:19:20 338

原创 three.js 叉乘判断物体在人前左,前右,后左、后右

【代码】three.js 叉乘判断物体在人前左,前右,后左、后右。

2024-03-01 16:01:08 501

原创 three.js 向量叉乘cross

【代码】three.js 向量叉乘cross。

2024-02-29 17:16:58 288

原创 three.js 点乘判断是否在扇形内

点乘判断是否在扇形内。

2024-02-29 11:11:31 461

原创 js设置未来某个时间距离现在的倒计时效果

【代码】js设置未来某个时间距离现在的倒计时效果。

2024-02-28 09:16:54 208

原创 three.js 物体下落动画(重力加速度)

【代码】three.js 物体下落动画(重力加速度)

2024-02-18 15:33:54 342

原创 three.js 匀速动画(向量表示速度)

【代码】three.js 匀速动画(向量表示速度)

2024-02-08 17:14:26 752

原创 three.js 箭头ArrowHelper的实践应用

【代码】three.js 箭头ArrowHelper的实践应用。

2024-02-08 11:02:08 1633

原创 three.js 向量方向(归一化.normalize)

【代码】three.js 向量方向(归一化.normalize)

2024-02-06 16:30:40 561

原创 threejs 坐标系与三角函数的实践应用

【代码】threejs 坐标系与三角函数的实践应用。

2024-02-02 17:40:39 221

原创 three.js CSS3DObject、CSS2DObject、CSS3DSprite、Sprite的作为标签的区别

CSS3DObject 和 CSS3DRenderer 搭配来渲染标签;CSS2DObject 和 CSS2DRenderer 搭配来渲染标签;Sprite 直接添加到模型上,使用WebGLRenderer 渲染即可。CSS3DSprite 和 CSS3DRenderer 搭配来渲染标签。

2024-02-02 14:30:03 786

原创 three.js 精灵模型Sprite作为标签

【代码】three.js 精灵模型Sprite作为标签。

2024-02-02 13:55:49 558

原创 three.js CSS3DRenderer、CSS3DSprite渲染HTML标签

【代码】three.js CSS3DRenderer、CSS3DSprite渲染HTML标签。

2024-02-01 17:42:35 1492 5

原创 three.js 中 OrbitControls.js 文件

【代码】three.js 中 OrbitControls.js 文件。

2024-02-01 17:11:17 339

原创 three.js CSS3DRenderer、CSS3DObject渲染HTML标签

【代码】three.js CSS3DRenderer渲染HTML标签。

2024-02-01 17:07:10 1848

原创 three.js CSS2DRenderer、CSS2DObject渲染HTML标签

【代码】three.js CSS2DRenderer渲染HTML标签。

2024-02-01 16:56:56 1133

原创 css3 属性 backface-visibility 的实践应用

backface-visibility` 是一个用于控制元素在面对屏幕不同方向时的可见性的CSS3特性。

2024-02-01 09:42:37 855

原创 three.js 鼠标选中模型弹出标签

【代码】three.js 鼠标选中模型弹出标签。

2024-01-26 18:27:31 1045

原创 three.js 缓动算法.easing(渐入相机动画)

效果:淡入,靠近物体。

2024-01-18 16:16:45 772

原创 three.js 点按钮,相机飞行靠近观察设备

【代码】three.js 点按钮,相机飞行靠近观察设备。

2024-01-17 18:24:16 761

原创 three.js 使用 tweenjs绘制相机运动动画

【代码】three.js 使用 tweenjs绘制相机运动动画。

2024-01-12 17:06:22 794

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除