摘要: ###坐标系 场景中用长度为1的红、绿、蓝线段分别表示x、y、z三个轴 场景中用长度为1的红、绿、蓝线段分别表示x、y、z三个轴 阅读全文
posted @ 2018-01-12 16:22 九间房 阅读(2497) 评论(0) 推荐(0) 编辑
摘要: ###视景体 阅读全文
posted @ 2018-01-12 16:21 九间房 阅读(180) 评论(0) 推荐(0) 编辑
摘要: ###透视相机的参数解析 透视图中,灰色的部分是视景体,是可能被渲染的物体所在的区域。fov是视景体竖直方向上的张角(是角度制而非弧度制),如侧视图所示。 aspect等于width / height,是照相机水平方向和竖直方向长度的比值,通常设为Canvas的横纵比例。 near和far分别是照相 阅读全文
posted @ 2018-01-12 16:21 九间房 阅读(2275) 评论(0) 推荐(0) 编辑
摘要: ######渲染器将和Canvas元素进行绑定,如果之前在HTML中手动定义了id为mainCanvas的Canvas元素,那么Renderer可以这样写: var renderer = new THREE.WebGLRenderer({ canvas: document.getElementByI 阅读全文
posted @ 2018-01-12 16:20 九间房 阅读(999) 评论(0) 推荐(0) 编辑
摘要: 绘制文字 textAlign CanvasRenderingContext2D.textAlign是Canvas中绘制文本时文本的对齐方式的属性。其对齐是基于fillText()或strokeText()方法的x值。textAlign属性有点类似于CSS中的text-align,用来设置文本水平对齐 阅读全文
posted @ 2018-01-12 16:19 九间房 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 自适应 根据窗口变化自适应大小 根据窗口变化自适应大小 根据窗口变化自适应大小 var canvas = document.getElementById('canvas'); window.addEventListener("resize", resizeCanvas, false); functi 阅读全文
posted @ 2018-01-12 16:18 九间房 阅读(1771) 评论(0) 推荐(0) 编辑
摘要: canvas的特点 是以父盒子的左上角为画布的坐标系的原点 宽度和高度虽然不带单位,但是和带px的视觉效果没有差别 是以父盒子的左上角为画布的坐标系的原点 是以父盒子的左上角为画布的坐标系的原点 宽度和高度虽然不带单位,但是和带px的视觉效果没有差别 宽度和高度虽然不带单位,但是和带px的视觉效果没 阅读全文
posted @ 2018-01-12 16:18 九间房 阅读(430) 评论(0) 推荐(0) 编辑
摘要: canvas 游戏 可视化数据 重点 banner广告 多媒体 未来 模拟仿真 threejs.org 将3d引擎引入 远程协作 图形编辑 游戏 游戏 可视化数据 重点 可视化数据 重点 banner广告 banner广告 多媒体 多媒体 未来 模拟仿真 threejs.org 将3d引擎引入 远程 阅读全文
posted @ 2018-01-12 16:17 九间房 阅读(197) 评论(0) 推荐(0) 编辑
摘要: //匿名函数自执行,希望这些变成局部的 (function() { })(); //如何提供对外的接口 (function() { var a = 10 ; function $() { alert(a); } //挂载在windows下面 window.$ = $ ; })(); 阅读全文
posted @ 2018-01-12 16:16 九间房 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 正则regular expression 一个有规则的表达式 简单描述: 一个用于查找的统配符 正则表达式对象 js 正则表达式对象 由正则表达式创建出来的对象, 可以进行 匹配,提取和替换 创建正则表达式对象 构造函数 var regex = new RegExp("123"); 创建正则表达式对 阅读全文
posted @ 2018-01-12 16:14 九间房 阅读(194) 评论(0) 推荐(0) 编辑