目录1基本工作1.1 创建场景1.2 创建物理世界2 骰子2.1 骰子模型2.2 骰子物理2.3 判断骰子的顶面方案一方案二具体实现2.4 锁定骰子结1基本工作笔者利用业余时间自学了three.js。为了更好的了解WebGL以及更熟练的使用three,想模仿原神中的小游戏“七圣召唤”中的投掷骰子效果,作为首个练习项目~~ 这是坚持写技术博客的第二周,也是首篇 ......
50
0
0
2023-07-23
目录一、前言二、基础知识三、场景3.1 网络模型3.2 光照3.2.1 环境光3.2.2 平行光3.2.3 点光源3.2.4 聚光灯3.2.5 半球光四、相机4.1 正交相机4.2 透视相机五、渲染器六、贴图纹理6.1 基础介绍6.2 环境贴图6.3 HDR处理七、拓展7.1 坐标系7.2 控制器7.3 自适应7.4 全屏响应7.5 信息面板7.6 频率检测 ......
84
0
0
2023-06-07
如今,数据量呈指数级增长,我们看到的信息越多,处理它的难度就越大。这就是我们需要数据可视化的原因 – 在图表和仪表板中,最好是交互式的。它帮助我们人类节省了大量时间和精力来查看,分析和理解数据,并根据这些数据做出正确,明智的决策。有许多JavaScript图表库,每个库都有其特定的优点和缺点,就像任何工具一样。为了让你的生活更轻松,我决定告诉你我最喜欢的那些 ......
91
0
0
2023-05-24
目录Pdf.js有两种使用方式把pdf.js当作静态资源使用npm下载,通过import使用API(记录一下,防止忘记)Pdf.js有两种使用方式在这次的项目中用到了pdf文件的预览功能,选择了pdf.js去预览pdf文件,实现滑动展示所有的pdf通过 npm 下载直接下载 pdf.js 库,当作静态资源使用把pdf.js当作静态资源使用最开始我采取的是把p ......
258
0
0
2023-04-08
目录arcgis 中的悬停效果1、获取鼠标悬停事件回调2、悬停时修改鼠标指针3、悬停时显示标签名称4、悬停时图标放大arcgis 为什么这么设计完整 demo 代码:arcgis 中的悬停效果arcgis 中的悬停效果并不如想象中那么容易实现,本文会介绍如何完整的实现如下悬停效果,并对相关的技术细节进行解释,讲解如何避免一些小坑。让你不仅知其然,更知其所以然 ......
115
0
0
2023-03-28
目录一.项目初始化二.核心文件介绍三.创建一个接口模块,处理请求四.看看cats模块有啥吧1.先看controller吧,请求方法都在这了2.你这地址有点单调啊,能不能接收query参数的?五.连接mysql数据库六.操作数据库七.中间件你应该了解过吧,在这里应该怎么用呢一.项目初始化1.安装脚手架npm i -g @nestjs/cli2.创建项目nest ......
164
0
0
2023-03-14
目录先上几个网址安装组件中引入 基本使用 补充 最近刚开始做的一个项目,后面有个模块要通过three.js实现3D的场景,因为之前也没接触过3D这块,就提前学了一下,做个记录。先上几个网址ThreeJS官方:http://www.thingjs.com/guide/city2/ ThreeJS文档:https://th ......
210
0
0
2023-03-01
ECharts 是一个开源的来自百度前端数据可视化团队,使用 JavaScript 实现的开源可视化库,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表,涵盖各行业图表,满足各种需求。实现简单折线图: 首先我们来实现一个简单的单折现图.<!DOCTYPE html> <html lang="en"& ......
146
0
0
2023-02-16
目录引言一、获取本周一和周日日期二、获取前 i 周的周一和周日日期三、获取后 i 周的周一和周日日期四、获取制定日期区间的周数(不跨年)五、第一学期还涉及到跨年的情况,处理起来相对复杂一些(跨年计算)总结引言项目中有一个需求:需要根据学期时间动态的计算出该学期有多少周通过上网查找,找到了一个工具类moment.jsmoment.js是一个JavaScript ......
145
0
0
2023-02-04
由于上一次发布图片有点问题,重新更正了一下,望大家见谅。本文 gihtub 地址: https://github.com/hua1995116/Fly-Three.js最近元宇宙的概念很火,并且受到疫情的影响,我们的出行总是受限,电影院也总是关门,但是在家里又没有看大片的氛围,这个时候我们就可以通过自己来造一个宇宙,并在 VR 设备(Oculus 、card ......
179
0
0
2023-01-02
大家好,我是前端实验室的小师妹!作为一名合格的前端开发人员,如果您想节省一些时间并提高工作效率,下面这些插件库你一定能用的上!1. BigPictureBigPicture 是一款轻量级且独立于框架的 JavaScript 图像/视频查看器插件。可以使用<img>标签以及背景图像,支持 Youtube、Vimeo、直接视频链接、 任何 ifram ......
143
0
0
2022-12-21
我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用。这些工具将使您的工作更加轻松,特别是如果您是Web开发人员,Web设计人员或项目经理。您应该查看一下并尝试一下。不管您是网站开发人员还是设计师?这些工具将使您的生活和工作流程更加轻松。Web前端开发 ......
160
0
0
2022-11-11
教程地址: v.pincman.com/courses/64.html视频地址: www.bilibili.com/video/BV1DZ4y1Y78...qq: 1849600177qq 群: 455820533另,本人在找工作中,希望能有远程工作匹配(无法去外地),有需要的老板可以看一下我的个人介绍:pincman.com/about学习目标重载Tree ......
215
0
0
2022-11-08
旋转角度 angle<template> <div> <canvas width="500" height="500" id="canvas" style="border: 1px solid #ccc;"></canvas> </div> </template& ......
186
0
0
2022-11-08
图片滤镜『Fabric.js 图片路径 - 文档』🎁 本节案例预览 - 图片滤镜🎁 本节代码仓库<template> <div> <canvas width="500" height="500" id="canvas" style="border: 1px solid #ccc;"></canva ......
191
0
0
2022-11-08