自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除