初学three.js(二)画线条

// 三要素
var scene=new THREE.Scene();
var camera = new THREE.PerspectiveCamera(45,1,1,1000);
camera.position.set(0,0,100);
camera.lookAt(new THREE.Vector3(0,0,0));
// 渲染器
var renderer=new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth,window.innerHeight);
//显示在窗体
document.body.appendChild(renderer.domElement);
//选择材料THREE.LineBasicMaterial/ MeshBasicMaterial
var material = new THREE.LineBasicMaterial({color:0xfff});
// 空几何体，里面没有点的信息
var geometry = new THREE.Geometry();
// 添加3个点，相邻的会连成一条线，但是首位不会闭合连线
geometry.vertices.push(new THREE.Vector3(-10,0,0));
geometry.vertices.push(new THREE.Vector3(0,10,0));
geometry.vertices.push(new THREE.Vector3(10,0,0));
//线
var line=new THREE.Line(geometry,material);
// 加入到场景中
scene.add(line);
// 渲染
renderer.render(scene,camera);

初学three.js(二)画线条相关推荐

小学计算机《画线》的教案,(人教版)小学信息技术二册课《画线条》word教案.pdf...
一年级下信息技术教案主备教师: 备课时间: 2019.3.1 授课教师: 教案时间: 个性修改课题第 5 课画线条教案内容: 1. 用铅笔工具画线 2 . 用直线工具画线 3. 用曲线工具画 ...
html5无法绘制线条,Html5画布 - 使用fabric.js绘制完美线条或不使用
我正在创建一个游戏,我需要在不同类型的屏幕分辨率和缩放下实现HTML5上的完美画布线.Html5画布 - 使用fabric.js绘制完美线条或不使用很容易理解我说的,简单地粘贴在两个不同的代码转换成 ...
初学Python（二）——数组
初学Python(二)--数组初学Python,主要整理一些学习到的知识点,这次是数组. # -*- coding:utf-8 -*- list = [2.0,3.0,4.0] #计算list长度 ...
Word画线条5大技巧，简单实用！
[Word画线条5大技巧,简单实用!]1.输入三个"=",回车,就是一条双直线:2.输入三个"~",回车,就是一条波浪线:3.输入三个""回 ...
Android复习14【高级编程：推荐网址、抠图片上的某一角下来、Bitmap引起的OOM问题、三个绘图工具类详解、画线条、Canvas API详解（平移、旋转、缩放、倾斜）、矩阵详解】
目录推荐网址抠图片上的某一角下来 8.2.2 Bitmap引起的OOM问题 8.3.1 三个绘图工具类详解画线条 8.3.16 Canvas API详解(Part 1) 1.transla ...
c语言sort函数排序二维数组,js 二维数组排序sort()函数
一.按数值排序 var arr = [[1, 2, 3], [7, 2, 3], [3, 2, 3]]; arr.sort(function(x, y){ return x[0] – y[0]; }) ...
js二维码样式生成插件easy.qrcode.js
下载地址easy.qrcode.js二维码生成插件是一款原生js二维码类库,可以生产成各式各样的二维码样式.支持JavaScript模块化加载.支持点状风格,Logo,背景图片,规则色彩控制,标题等设 ...
初学安卓之二维码的简单实现
初学安卓之二维码的简单实现前言生成二维码准备工作生成简单二维码修改二维码颜色在二维码中心添加logo图片 GenerateQRcode完整代码扫描二维码准备工作打开真机调试集成工作 ...
初学python制作二维码以及最新感悟
初学python制作二维码一.安装Python 推荐百度经验链接. 二.安装pip模块 Python 3.4以后版本默认安装了pip,但是由于不是最新故需要升级,pip的升级命令为(开始->c ...

初学three.js(二)画线条

初学three.js(二)画线条相关推荐

最新文章

热门文章