双击鼠标左键选中模型并显示信息

双击鼠标左键选中模型并显示信息。坐标系的概念首先,解释一下三种坐标系的概念:场景坐标系(世界坐标系)、屏幕坐标系、视点坐标系。场景坐标通过three.js构建出来的场景,都具有一个固定不变的坐标系(无论相机的位置在哪),并且放置的任何物体都要以这个坐标系来确定自己的位置,也就是(0,0,0)坐标。例如我们创建一个场景并添加箭头辅助。屏幕坐标在显示屏上的坐标就是屏幕坐标系。如下图所示,其中的clie

- 阅读全文 -

通过引入模型文件实现3d展示

ThreeJS 官方提供了DRACOLoader GLTFLoader MMDLoader MTLLoader OBJLoader OBJLoader2 PCDLoader PDBLoader PRWMLoader SVGLoader TGALoader本次实验使用的是GLTF格式注意:实验demo 仅参考了现有gltf模型可行性,若非gltf格式模型,尽可能转换为gltf或上

- 阅读全文 -

Vue/React页面引入three.js实现3d动画场景

页面引入three.js实现3d动画场景研究一些关于3D图形化库。three.js是JavaScript编写的WebGL第三方库。Three.js是一款运行在浏览器中的 3D 引擎,你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。所需依赖我们开始引入three.js相关插件。npm install three2.接下来利用npm安装轨道控件插件:npm install thre

- 阅读全文 -

React Router /Vue-Router 采用BrowserHistory 关于 Nginx配置

React Router /Vue-Router 采用BrowserHistory 关于 Nginx配置如今前端应用普遍使用react-router作为路由管理,VUE也自带全家桶vue-router,在开发端webpack自带的express服务器下运行和测试表现均正常,部署到线上的nginx服务器后,还需要对该应用在nginx的配置里作相应调整,否则浏览器将不能正常使用该应用,表现为页面不显示

- 阅读全文 -

仿微信聊天node-app-wechat

安装依赖npm installnpm client-install快速启动快速启动"npm run server" "npm run socket" "npm run client\启动后端server,socket,一个客户端npm run dev进入客户端文件夹cd client启动另一个客户端npm run serve标准启动启动服务端npm run

- 阅读全文 -

Vue中使用 Vuex

安装Vuex前段代码中执行 ` npm i vuex`配置Vuex在Client根目录下新建store.jsimport Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const types = { SET_USER:"SET_USER"//用户信息 } cons

- 阅读全文 -

前端实现图片懒加载(lazyload)

cid=89 本文章当初是为了给父亲讲述一下政务网站新闻发布,细心的老爹竟然看得出来大部分烟台地区的政务网站都是一套系统,其实这合情合理,毕竟不能每个市,区,县的网站独立开发,不利于对数据的维护。正好博客有后台,其实也就跟父亲展示了一下后台发布文章的功能,这也是我没有选择ghost .hexo的原因,我可以随时随地的写文章,而不需要去git,node 告诉他其实政府新闻办宣传部什么的只是把文章复

- 阅读全文 -