原创 three.js動畫
旋轉立方體 function renderScene(){ cube.rotation.x += 0.02; cube.rotation.y += 0.02; cube.rotation.z += 0.02;
2024-03-06 13:42:36
原创 three.js 利用鼠標移動攝像機
導入控制器 import { TrackballControls } from 'three/addons/controls/TrackballControls.js'; 代碼 document.body.appendChild(rend
2024-03-06 13:42:36
原创 使用 dat.GUI.js 簡化試驗流程
導入js import { GUI } from "three/addons/libs/lil-gui.module.min.js"; 代碼 //定要要設置的屬性 var controls = new (function () { t
2024-03-06 13:42:36
原创 場景對瀏覽器的自適應
window.addEventListener("resize", onResize, false); function onResize() { camera.aspect = window.innerWidth / window.
2024-03-06 13:42:36
原创 合併與分離及分離借形
合併 ctrl + j (join) 其中，當選擇多個物體時， -Selected 選中項，是橙紅色 -Active 活動項，橙黃色 合併的方向爲： Selected -> Active 分離 選中一部分頂點 分離 編輯模式下， C
2024-03-06 13:42:36
原创 vite 使用 npm run dev
package.json 添加 腳本映射 "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview" },
2024-03-05 13:42:48
原创 three.js添加陰影效果
渲染陰影 由於渲染陰影需要耗費大量的計算資源，所以默認情況下 Three.js 中是不會渲染陰影的，爲了渲染陰影效果，需要告訴渲染器需要陰影效果 renderer.shadowMap.enabled = true; 指定陰影的光源 spo
2024-03-05 13:42:48
原创 northwest uniapp: 頂部導航欄右側添加uni-icons圖標，並綁定點擊事
說明 該配置按頁面配置，無法全局配置 使用方法 引入uni-icons插件 插件地址:點擊此處跳轉到uni-icons 引入以後，會發現uni-modules中新增如下目錄和文件： 僅需要那個 uniicons.ttf 文件，不引入插件、
2024-03-04 13:43:12
原创 無法加載文件 cnpm.ps1，因爲在此係統上禁止運行腳本。
管理員權限運行 power shell set-ExecutionPolicy RemoteSigned 選擇 A。 然後重新使用cnpm install
2024-03-03 13:42:47
原创 threejs設置背景色透明
var renderer = new THREE.WebGLRenderer({ antialias: true, //開啓鋸齒 alpha: true }); // 設置背景顏色 renderer.setClearColor(0x000
2024-03-03 13:42:47
原创 npm安裝 cnpm 錯誤 certificate has expired
request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired 方法1 // 1. 清空緩存 npm cache cle
2024-03-03 13:42:47