当前位置： 首页 > news >正文

1、Three.js开端准备环境

news 2026/5/23 15:55:51

准备工作

从 CDN 导入

1.安装 VSCode
2.安装 Node.js
3.查看Three.js最新版本
在这里插入图片描述
4.如何cdn引入：
https://cdn.jsdelivr.net/npm/three@v版本号/build/three.module.js
例如：https://cdn.jsdelivr.net/npm/three@v0.170.0/build/three.module.js
在这里插入图片描述

我们需要用到three.js和它对应的工具包
https://cdn.jsdelivr.net/npm/three@v0.170.0/examples/jsm/
在这里插入图片描述
5.创建html文件

<!DOCTYPE html>
<html><head><title>three.js css3d - sprites</title><meta charset="utf-8"><style>* {margin: 0;padding: 0;}body {color: #000;}</style>
</head><body><div id="container"></div><!-- 类似于创建 并设置别名 --><script type="importmap">{"imports": {"three": "https://cdn.jsdelivr.net/npm/three@0.170.0/build/three.module.js","three/addons/": "https://cdn.jsdelivr.net/npm/three@0.170.0/examples/jsm/"}}</script><!-- 导入包名 --><script type="module">import * as THREE from 'three';console.log(THREE, 'THREE')</script>
</body></html>

6.在VSCode中安装serve服务器~ Live Server
在这里插入图片描述
安装完成后 在文件名右键或者文件中右键
在这里插入图片描述
在这里插入图片描述
页面：
肯定是没内容的 因为我们只是引入 打印了一下 THREE 对象
在这里插入图片描述
这就表示我们环境准备好了。

相关文章：

1、Three.js开端准备环境

准备工作 从 CDN 导入 1.安装 VSCode 2.安装 Node.js 3.查看Three.js最新版本 4.如何cdn引入&#xff1a; https://cdn.jsdelivr.net/npm/threev版本号/build/three.module.js 例如&#xff1a;https://cdn.jsdelivr.net/npm/threev0.170.0/build/three.module.js 我们需要…...

编程日记 2024/12/3 12:17:02

什么是Batch Normalization？

一、概念 Batch Normalization是在2015年提出的数据归一化方法&#xff0c;主要用在深度神经网络中激活层之前。它的主要作用是加快模型训练时的收敛速度&#xff0c;使模型训练过程更加稳定&#xff0c;避免梯度爆炸或消失&#xff0c;并起到一定的正则化作用&#xff0c;有时…...

编程日记 2024/12/3 12:13:59

十四(AJAX)、AJAX、axios、常用请求方法(GET POST...)、HTTP协议、接口文档、form-serialize

1. AJAX介绍及axios基本使用 <!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8" /><meta http-equiv"X-UA-Compatible" content"IEedge" /><meta name"viewport" content&q…...

编程日记 2024/12/3 12:06:52

vue2怎么写computed属性

在Vue 2中&#xff0c;computed属性是基于它们的响应式依赖进行缓存的计算属性。只有当计算属性依赖的响应式数据发生变化时&#xff0c;计算属性才会重新计算。以下是如何在Vue 2中定义computed属性的步骤&#xff1a; 定义响应式数据&#xff1a;首先&#xff0c;你需要在组件…...

编程日记 2024/12/3 12:04:50

【从零开始的LeetCode-算法】35. 搜索插入位置

给定一个排序数组和一个目标值&#xff0c;在数组中找到目标值&#xff0c;并返回其索引。如果目标值不存在于数组中&#xff0c;返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 示例 1: 输入: nums [1,3,5,6], target 5 输出: 2示例 2: 输入: …...

编程日记 2024/12/3 12:01:46

vscode + conda + qt联合开发

安装vscode 安装conda 清华大学开源软件镜像(Anaconda下载)_清华大学镜像-CSDN博客 conda create新建一个环境&#xff0c;激活这个环境&#xff0c;然后安装pyside6 pip install pyside6 -i https://pypi.tuna.tsinghua.edu.cn/simple 安装成功后输入 pip list查看是否安装…...

编程日记 2024/12/3 11:56:41

技术总结（四十三）

1 索引介绍 1.1 什么时MySQL的索引 MySQL官方对于索引的定义:索引是帮助MySQL高效获取数据的数据结构。 ​MySQL在存储数据之外&#xff0c;数据库系统中还维护着满足特定查找算法的数据结构&#xff0c;这些数据结构以某种引用(指向)表中的数据&#xff0c;这样我们就可以通…...

编程日记 2024/12/3 11:55:40

mac终端自定义命令打开vscode

1.打开终端配置文件 open -e ~/.bash_profile终端安装了zsh&#xff0c;那么配置文件是.zshrc&#xff08;打开zsh配置&#xff0c;这里举&#x1f330;使用zsh&#xff09; sudo open -e ~/.zshrc 2.在zshrc配置文件中添加新的脚本&#xff08;这里的code就是快捷命令可以进…...

编程日记 2024/12/3 11:52:37

代码设计：设计模式：应对变化

文章目录 概述1.拆分代码2.解耦3.扩展总结概述 代码的设计模式主要为了应对变化 三种代码设计中应对变化的方式 1.拆分代码 2.解耦 3.扩展 1.拆分代码 减小变化对代码的影响 需要拆分代码的几种情况 1.类或方法的代码量巨大，导致代码可读性降低 2.存在复杂的代码，如…...

编程日记 2024/12/3 11:51:36

Proteus中添加新元件库

手上村&#xff1a;本来打算在Proteus中设计充电电路&#xff0c;发现软件自带的元器件库中没有我想要充电芯片。因此&#xff0c;看了其他大神的导入新的元器件步骤&#xff0c;建立自己的元器件库&#xff01;自己也来记录一波&#xff01;话不多说&#xff0c;赶紧上菜&…...

编程日记 2024/12/3 11:50:34

Hive学习基本概念

基本概念 hive是什么&#xff1f; Facebook 开源&#xff0c;用于解决海量结构化日志的数据统计。 基于Hadoop的一个数据仓库工具&#xff0c;可以将结构化的数据文件映射为一张表&#xff0c;并提供类SQL查询功能 本质是将HQL转化为MapReduce程序。 Hive处理的数据存储在H…...

编程日记 2024/12/3 11:47:31

运维工程师.云计算工程师面试题.考试题

《（全国）运维自动化阶段第1套卷》 卷面总分 题号 单选题 90 题分 得分 一、单选题（每题2分，共计70分；得分____） 1． 下面哪个选项可以做变量名称？（ ） A、if B、123abc C、for D、User_Name 2． 哪种数据类型可以做增,删,改相关操作？（ ） A、字符串 B、列表 C、元…...

编程日记 2024/12/3 11:44:28

四、初识C语言（4）

一、作业&#xff1a;static修饰局部变量 #define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h> #include <string.h> //作业&#xff1a;static修饰局部变量 int sum (int a) {int c 0;static int b 3;c 1;b 2;return (abc); } int main() {int i 0;int a …...

编程日记 2024/12/3 11:42:26

解决爬虫ConnectionResetError出现的问题

提问 使用python进行网络爬虫出现ConnectionResetError如何解决&#xff1f; 解答 遇到ConnectionResetError错误时&#xff0c;通常是因为远程服务器端主动重置了连接。常见原因包括请求频率过高、网络问题或触发了防爬虫机制。为解决该问题&#xff0c;可以采取以下方法&a…...

编程日记 2024/12/3 11:37:18

Qt桌面应用开发 第十天（综合项目二 翻金币）

目录 1.主场景搭建 1.1重载绘制事件&#xff0c;绘制背景图和标题图片 1.2设置窗口标题&#xff0c;大小&#xff0c;图片 1.3退出按钮对应关闭窗口&#xff0c;连接信号 2.开始按钮创建 2.1封装MyPushButton类 2.2加载按钮上的图片 3.开始按钮跳跃效果 3.1按钮向上跳…...

编程日记 2024/12/3 11:32:11

vue跳转以及传参

1.跳转页面的三种方法 <template><button click"twopage">跳转</button> </template><script setup> import { useRouter } from "vue-router"; const router useRouter(); // 获取 router 实例const twopage () > {r…...

编程日记 2024/12/3 11:23:00

Meta Reality Labs的VR/AR投资战略转向：内部视角与市场影响

最近，关于Meta（原Facebook）计划减少其在消费者虚拟现实（VR）领域的投资而增加对增强现实（AR）眼镜的投资的消息引起了广泛讨论。这一战略调整不仅反映了Meta对未来技术趋势的看法，也揭示了公司在面对激烈的市场竞争时所采取的新方向。本文将从不同角度探讨此次战略转向的…...

编程日记 2024/12/3 11:19:57

animate.css和wow.js结合使用实现动画效果

前景 手机站网页实现动画效果&#xff0c;animate.css是一个轻量级的css动画库&#xff0c;提供预定义的动画效果&#xff0c;使用方法参考 Animate.css | A cross-browser library of CSS animations. 问题&#xff1a; 添加好动画后&#xff0c;发现动画会在页面加载后一…...

编程日记 2024/12/3 11:18:56

【大模型】ChatGPT 提示词优化进阶操作实战详解

目录 一、前言 二、ChatGPT 提示词几个基本的优化原则 2.1 明确的提示词 2.1.1 提示词具体而清晰 2.1.1.1操作案例演示 2.2 确定焦点 2.2.1 操作案例演示 2.3 保持提示词的相关性 2.3.1 什么是相关性 2.3.2 提示词相关性操作案例一 2.3.2 提示词相关性操作案例二 三…...

编程日记 2024/12/3 11:16:54

网络安全：攻击和防御练习（全战课）, DDos压力测试

XSS 跨站脚本攻击&#xff1a; Cross-site scripting&#xff08;简称xss&#xff09;跨站脚本。 一种网站的安全漏洞的攻击&#xff0c;代码注入攻击的一种。XSS攻击通常指的是通过利用网页开发时留下的漏洞&#xff0c;通过巧妙的方法注入恶意指令代码到网页&#xff0c;使…...

编程日记 2024/12/3 11:14:51

Unity ShaderGraph环境搭建：URP配置与节点库激活指南

1. 这不是“装个插件就完事”的 ShaderGraph 入门很多人点开 Unity 官方文档里那句“Shader Graph is included with Unity 2019.1”就直接关掉页面&#xff0c;以为只要打开 Unity 就能拖拽节点写 Shader——结果新建一个 Shader Graph Asset&#xff0c;双击打开&#xff0c;…...

编程新知 2026/5/23 15:48:46

华为防火墙双机热备HRP配置避坑指南：心跳线选错接口，业务秒断！

华为防火墙双机热备HRP实战&#xff1a;心跳线接口选择的黄金法则与故障规避 在金融、医疗、政务等对业务连续性要求极高的场景中&#xff0c;华为防火墙双机热备方案已成为保障网络高可用的标配。但许多工程师在部署HRP&#xff08;Huawei Redundancy Protocol&#xff09;时&…...

编程新知 2026/5/23 15:24:31

F3工具深度解析：开源存储设备容量检测与反欺诈技术

F3工具深度解析&#xff1a;开源存储设备容量检测与反欺诈技术 【免费下载链接】f3 F3 - Fight Flash Fraud 项目地址: https://gitcode.com/gh_mirrors/f3/f3 F3&#xff08;Fight Flash Fraud&#xff09;是一个专业的开源存储设备容量检测工具&#xff0c;通过伪随机…...

编程新知 2026/5/23 14:59:18

好用只是入场券，敢用才是护城河：企业级Agent如何进入真实业务

好用只是入场券 2026 年&#xff0c;小龙虾、OpenClaw、Hermes 等 Agent 产品接连出圈之后&#xff0c;很多企业开始重新审视一件事&#xff1a;AI 不再只是一个回答问题的工具&#xff0c;它正在变成可以接任务、调系统、走流程的数字执行单元。 这件事在演示里通常很顺。 一句…...

编程新知 2026/5/23 14:35:18

通过Taotoken的CLI工具一键配置开发环境与API密钥

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 通过Taotoken的CLI工具一键配置开发环境与API密钥 对于需要接入多个大模型服务的开发团队而言&#xff0c;统一管理API密钥和端点配…...

编程新知 2026/5/23 14:29:57

3步实现AI动作复制：如何用ComfyUI-MimicMotionWrapper让普通人拥有专业舞者动作

3步实现AI动作复制&#xff1a;如何用ComfyUI-MimicMotionWrapper让普通人拥有专业舞者动作 【免费下载链接】ComfyUI-MimicMotionWrapper 项目地址: https://gitcode.com/gh_mirrors/co/ComfyUI-MimicMotionWrapper 你是否想过让照片中的人物动起来&#xff0c;赋予静…...

编程新知 2026/5/23 13:58:27

ApnsPHP高级应用：自定义消息与批量推送功能全解析

ApnsPHP高级应用&#xff1a;自定义消息与批量推送功能全解析 【免费下载链接】ApnsPHP ApnsPHP: Apple Push Notification & Feedback Provider 项目地址: https://gitcode.com/gh_mirrors/ap/ApnsPHP ApnsPHP是一款强大的Apple Push Notification & Feedback …...

编程新知 2026/5/23 10:12:25

边缘视觉模型实战指南：ViT优化、多模态对齐与事件相机融合

1. 项目概述&#xff1a;这不是一份“论文清单”&#xff0c;而是一份实战派视觉工程师的周度技术雷达上周&#xff08;2023年8月28日至9月3日&#xff09;我像往常一样&#xff0c;在晨会前半小时打开arXiv、CVPR官网和几所顶尖实验室的GitHub更新页&#xff0c;准备快速扫一遍…...

编程新知 2026/5/23 9:07:32

工业电伴热系统安全防护：微型热保护器选型、安装与维护全解析

1. 工业电伴热保温套与热保护器&#xff1a;一个被低估的安全基石在工业现场&#xff0c;尤其是化工、石油、食品加工这些对温度敏感或存在防冻需求的行业&#xff0c;管道和储罐的伴热保温是维持生产连续性的生命线。想象一下&#xff0c;一条输送高凝点原油的管道&#xff0c…...

编程新知 2026/5/23 7:16:16

AI虚拟试衣间核心技术解析：扩散模型驱动的物理感知试穿

1. 项目概述&#xff1a;当AI试衣间不再只是“换脸”&#xff0c;而是真正理解布料、身体与光影的物理逻辑你有没有在电商页面反复放大模特图&#xff0c;手指悬在“加入购物车”按钮上&#xff0c;却迟迟不敢点下去&#xff1f;不是不想买&#xff0c;是怕那条标榜“垂感十足”…...

编程新知 2026/5/23 5:50:43