- 博客(5)
- 收藏
- 关注
原创 three.js 对模型的简单操作。(平移,旋转,缩放)
// 立方体模型var geometry = new THREE.BoxGeometry(100, 100, 100);var material = new THREE.MeshLambertMaterial({ color: 0x0000ff}); var mesh = new THREE.Mesh(geometry, material); mesh.position.set(0.0.0);scene.add(mesh); //模型添加到场景中1.首先初始化一哥正方体模型,模...
2021-09-07 11:23:22
5667
1
原创 标准three.js 基础代码模板
代码开发基础模板(个人常用,分享!)个人项目可以在此基础上直接编辑!!方便!<!DOCTYPE html><html><head> <meta charset=utf-8> <title>标准three.js基础代码模板</title> <style> body { margin: 0; } canvas {
2021-08-31 17:34:09
441
原创 three.js 轨道控制器的常用属性和初始化(OrbitControls)
1.认识轨道控制器 控制器是three的外置包,通过引入,可以对模型进行鼠标的某些操作,例:拖放。旋转,放大。缩小。还有一些其他属性:比如模型的自转。2.初始化控制器(常用属性详解)首先引入外部包<scriptsrc="../js/OrbitControls.js"></script>初始化 var controls = new THREE.OrbitControls(camera, renderer.domElement);//建立控..
2021-08-30 17:58:45
4026
原创 three.js 模型详解和外部模型详解
three.js场景渲染模型,基于项目来说大多数模型都是建模师提供的,three.js建模api有限,无法制作出过于精美和写实的模型,而且代码量过大效率低。1.three.js建立模型 内置ipa包括很多形状。更多几何体api可以参考官方文档(http://www.yanhuangxueyuan.com/Three.js/)// 立方体模型var geometry1 = new THREE.BoxGeometry(100, 100, 100);var material1 =...
2021-08-27 16:40:15
3168
原创 three.js (3D)前端页面渲染 初识three.js
近期进行了关于three.js 的产品展示项目,利用js基础初学了three.js,网络关于three.js的知识过于稀少,利用csdn记录笔记和分享。//都是个人笔记和个人总结(仅供参考)1.初识three.js three.js的基本构成分为,画布,相机,控制器,模型,渲染器。5个元素组成了一个基本的场景。...
2021-08-26 14:40:46
1495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人