Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。
vue 中使用three.js
摘要:###1.使用vue-cli工具创建一个vue项目 vue create projectName ###2.安装three.js npm install three -S ###3.创建index.vue页面 在该页面中导入THREE: import * as THREE from 'three'
阅读全文
posted @
2022-01-17 16:58
95码农
阅读(1874)
推荐(0) 编辑
three.js中的事件
摘要:以上一篇入门篇为例来简单的设置下3d模型当中的交互事件,上一篇我们已经完成了在3d页面中添加了一个红色球,下面我们给这个球一个点击事件让它Y轴位置上升,再设置一个鼠标移入到球上时让其变色。 1.其实three.js当中没有事件可以直接选中物体的,我们需要监听window对象来完成与3d页面的交互,通
阅读全文
posted @
2020-01-16 14:08
95码农
阅读(3211)
推荐(1) 编辑
three.js入门第一个案例
摘要:##准备工作 ###1.运用three.js进行3d开发,其实和页面编程一样,首先需要在html文件中引入**three.js**。Three.js使用面向对象的方式来构建程序,它包含3个基本对象: 场景(scene), 相机(camera), 以及一个渲染器(renderer)。 ####第一步:
阅读全文
posted @
2020-01-14 11:14
95码农
阅读(3838)
推荐(0) 编辑