pocean2012的博客

ubuntu默认安装的nodejs版本比较老，要安装到最新的，按以下步骤操作 1.　查看官网，获取最新版本号 Node.js 就按最新的16.x来 2. 获取地址 先安装curl sudo apt install curl 获取下载地址 $ curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash - ## Installing the NodeSource Node.js 16.x repo... ## P..

1. 引入方式： //通过script标签引入 <script src="../libs/dat.gui.js"></script> var gui = new dat.GUI(); //通过npm引入 import { GUI } from "three/examples/jsm/libs/dat.gui.module"; var gui = new GUI(); 2. 主要方法 方法 介绍 add 添加一个表单组件，参数依次为(对象，属性，最小值，最大值）

从小程序的文件架构来讲，wxml 定义了页面结构，wxss文件定义了样式 界面结构wxmL比较容易理解，主要是由八大类基础组件构成： 一、视图容器(View Container)： 二、基础内容(Basic Content) 组件名 说明 组件名 说明 view 视图容器 icon 图标 scroll-view 可滚动视图容器...

1. 主程序添加监听器 //添加监听器 document.addEventListener('mousemove', handleMouseMove, false); 2. 定义鼠标位置变量 // 定义鼠标位置的全局变量 var mousePos={x:0, y:0}; 3. 定义鼠标移动时的事件处理 // mousemove 事件处理函数 function handleMouseMove(event) { // 这里我把接收到的鼠标位置的值转换成归一化值，在-1与1之间变化

1. 重构初始化，结构性更好 主程序 function init(event) { console.log("main js start. ") createScene(); createLights(); createSea(); animate(); } window.addEventListener('load', init, false); 创建场景和灯光分开 function createScene() { HEIGHT = w

1. 创建对象，创建材质，并建立几何形状 //首先定义一个大海对象 Sea = function() { // 创建一个圆柱几何体 // 参数为：顶面半径，底面半径，高度，半径分段，高度分段 var geom = new THREE.CylinderGeometry(600, 600, 800, 40, 10); // 在 x 轴旋转几何体 geom.applyMatrix(new THREE.Matrix4().makeRotationX(-Math.PI /

1. 基本文件结构 根目录，入口文件 CSS: 样式定义 fonts：字体定义 img： 图片存放 js： 存放three.min.js 以及用户脚本 2. 入口文件 其他html样式根据页面进行设计，可以用bluefish等来设计布局 最主要是定义样式和脚本路径 <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" h