- 博客(30)
- 收藏
- 关注
RSS订阅原创 threejs学习笔记--使用几何体
/*** 几何形状 ***/new THREE.CubeGeometry(长, 宽, 高, 长的分割, 宽的分割, 高的分割); // 立方体new THREE.PlanGeometry(长,宽, 长的分割, 宽的分割); // 平面new THREE.Sph
2018-01-05 17:19:16
1264
原创 threejs学习笔记--材质
MeshBaseMaterial//(网格基础材质)//MeshBaseMaterial(网格基础材质)是一种非常简单的材质，这种材质不会考虑光照的影响。//使用这种材质网格备渲染成简单的平面多边形，可以用它赋予几何体一种简单的颜色,并且可以显示几何体的线框。MeshDepthMaterial//(网格深度材质)//MeshDepthMaterial(网格深度材质)使用该材质的物体的外观
2018-01-05 14:18:00
1399
原创 threejs学习笔记--各种光源
/*** 光照(light) ***///基础光源,它的颜色会添加到整个场景和所有对象的当前颜色//在使用其他光源时同时使用AmbientLight,可以弱化阴影或添加一些颜色//用色应该尽量保守,颜色过亮会导致画面颜色很快饱和new THREE.AmbientLight(颜色); // 环境光(影响整个场景的光源)//可以只
2018-01-05 11:26:43
1668
原创 threejs学习笔记--场景的基本组件
//雾化效果//0.015是近处属性的值,100是远处属性值,通过这两个属性来决定雾的开始地方,以及浓度加深的程度scene.fog = new THREE.Fog(0xffffff,0.015,100);//另一个方法 只给出颜色和浓度scene.fog = new THREE.FogExp2(0xffffff,0.015);//材质覆盖 场景中所有的物体都会使用同样的材质sce
2018-01-04 17:22:01
490
原创 threejs学习笔记--添加材质 灯光和阴影
//首先在场景里添加一个光源let spotLight = new THREE.spotLight(0x00ff00); //通过spotLight()方法创建一个光源spotLight.position.set(-40,60,-10); //灯光在这个位置照射场景scene.add(spotLight); //加入场景//调用MeshBasicMa
2018-01-04 13:47:41
2792
原创 [学习笔记]html5基础--分组元素
分组元素这是一个段落这是另一个段落这是一个通用分组这是另一个通用分组这是一个大段的来自他出的内容这是另一个大段的来自他出的内容 张三 李四 王五 赵六 <!--//start 是从第几个数字开始统计 reversed 是否倒序排序 type 列表的编号类型 value（如：王五） 强行设置某个项目的编号-->
2015-11-24 20:00:43
316
原创 [学习笔记]JavaScript基础--图形绘制
/** * Created by Administrator on 2015/11/17. */var MyWorld = function(){ console.log("我的世界"); var canvas = document.getElementById("my_canvas"); canvas.width=1500; canvas.height=
2015-11-24 13:16:57
317
原创 [学习笔记]JavaScript基础--完美运动框架
#div1 {width:100px; height:100px;background:red; filter:alpha(opacity:30); opacity:0.3; } window.onload = function () { var oBtn = document
2015-08-09 04:13:19
335
原创 [学习笔记]JavaScript基础--链式运动
#div1 {width:100px; height:100px; background:red; filter:alpha(opacity:30); opacity:0.3; } window.onload = function () { var oDiv = documen
2015-08-09 03:37:56
351
原创 [学习笔记]JavaScript基础--任意值运动框架
div {width:200px; height:200px; margin:20px; float:left; background:yellow; border:10px solid black; filter:alpha(opacity:30); opacity:0.3; }
2015-08-08 22:55:45
370
原创 [学习笔记]JavaScript基础--运动应用
div {width:100px; height:50px; background:red; margin:10px; } window.onload = function () { var aDiv = document.getElementsByTa
2015-08-08 20:15:14
237
原创 [学习笔记]JavaScript基础--淡入淡出
#div1 { width: 200px; height: 200px; background: blue; filter:alpha(opacity:30); opacity:0.3; } var
2015-08-08 15:04:15
281
原创 [学习笔记]JavaScript基础--缓冲1
#div1 { width: 100px; height: 100px; background: red; position: absolute; left: 0px; top: 50px; } #div2
2015-08-08 15:02:35
256
原创 [学习笔记]JavaScript基础--运动基础
#div1 { width: 200px; height: 200px; background: red; position: absolute; top: 50px; left: 0px; } var
2015-08-08 15:01:28
342
原创 [学习笔记]JavaScript基础--分享到
#div1 {width:100px; height:200px; background:green; position:absolute; left:-100px; } #div1 span {position:absolute; width:20px; height:60px; line-he
2015-08-08 14:58:56
303
原创 [学习笔记]JavaScript基础--DOM基础
//封装成一个函数 function getByClass(oParent, sClass) { var aResult = [];//把找到的元素放进这个数组 var aEle = oParent.getElementsByTagName('*');//*代表所有的标签 for (var i
2015-08-07 01:26:09
398
原创 [学习笔记]JavaScript基础--DOM删除元素
window.onload = function () { var aA = document.getElementsByTagName('a'); var oUl = document.getElementById('ull'); for (var i = 0; i < aA.length;i++)
2015-08-07 01:15:24
330
原创 [学习笔记]JavaScript基础--DOM创建元素
window.onload = function () { var oBtn = document.getElementById('btn1'); var oUl = document.getElementById('ull'); var oTxt = document.getElementById('txt1
2015-08-07 01:14:35
275
原创 [学习笔记]JavaScript基础--全选
window.onload = function () { var oBtn1 = document.getElementById('btn1'); var oBtn2 = document.getElementById('btn2'); var oBtn3 = document.getElementById(
2015-08-06 21:47:43
483
原创 [学习笔记]JavaScript基础--定时器
window.onload = function () { var oBtn1 = document.getElementById('btn1'); var oBtn2 = document.getElementById('btn2'); var timer = null; oBtn1.onclick
2015-08-06 21:44:39
288
原创 [学习笔记]JavaScript基础--数组连接
var a = [1, 2, 3]; var b = [4, 5, 6]; var arr = [12, 8, 45, 36, 9, 44, 10]; //a后面加b //alert(a.concat(b)); //b后面加a //alert(b.concat(a));
2015-08-06 21:33:25
433
原创 [学习笔记]JavaScript基础--数组操作
var arr = [1, 2, 3, 4, 5, 6]; /* //在数组尾部添加一个元素 arr.push(4); //在数组尾部删除一个元素 arr.pop(); */ /* //在头部删除一个元素 arr.shift(); /
2015-08-06 21:32:02
300
原创 [学习笔记]JavaScript基础
JavaScript组成1.核心（ECMAScript）：描述了该语言的语法和基本对象 （翻译、解释器） ECMA几乎没有兼容行问题2.文档对象模型（DOM）：描述了处理网页内容的方法和接口 （给了我们操作HTML页面的一个入口）DOM有一些操作不兼容3.浏览器对象模型（BOM）：描述了与浏览器进行交互的方法和接口 BOM完全不兼容变量类型
2015-08-05 23:59:19
340
原创 [学习笔记]JavaScript基础--选项卡
#div1 .active { background: yellow; } /*当前的按钮为黄色*/ #div1 div { width: 200px; height: 200px; background: #CCC;
2015-08-05 23:14:40
386
原创 [学习笔记]JavaScript基础--提取事件
//当页面加载完成后才执行window.onload里面的函数 window.onload = function () { var oBtn = document.getElementById('btn1'); oBtn.onclick = function () { alert('a');
2015-08-05 22:50:08
306
原创 [学习笔记]JavaScript基础--变色
#div1 { width: 100px; height: 100px; background: #000000; } function setStyle(name, value) { var oDiv = document.getElementByI
2015-08-03 01:18:30
392
转载 二十岁出头的时候上，你一无所有，你拥有一切。
（一）嘴上说说的人生那年我在离家的时候一个劲地往自己的硬盘里塞《灌篮高手》，我妈一副嗤之以鼻的表情看着我，似乎是在说：“这么大的人了居然还这么喜欢看动漫。”我不知道怎么回应她，只好耸耸肩，因为我实在无法对我亲爱的娘亲说明这部动漫对我的意义。你知道，有些歌有些东西就是有那种力量。哪怕它在你的手机里藏了好几年，哪怕它早就过了黄金期，哪怕越来越少的人会提起它。你就是知道，当你一听
2014-06-02 21:44:56
482
转载 游戏开发新手入门指南
我经常被问及：一个具有很少甚至没有编程经验的人要如何开始游戏制作。直到目前为止，我总是尽我所能一个一个解答。然而，问题的数量已经增长到了一个难以处理的水平，于是，我便决定把所有的建议汇总在一篇文章里作为参考提供给人们。 这篇文章主要面向那些想开发自己的游戏，但仅有一点点或没有半点编程经验的人们。实际上，我也假定读者根本没有任何的编程知识。我将把重点放在游戏开发的编程和设计方面，而不是艺术方面。
2014-05-30 18:42:41
684
转载 当初的愿望实现了么？
你今年二十五六岁，站在人生的十字路口，你除了一纸文凭什么都没有。你离乡背井在异地读了四年大学，在这个陌生的城市你依然找不到归属感。你还是搞不懂错综复杂的交通，你一开口大家都知道你是外地人。你不是官二代不是富二代，你没有丰富的背景，只有一个落寞的背影。 你不是名牌大学的优秀毕业生，你念的不是金牌专业，你身上没有各种荣誉。你开着电脑一封封投着简历，投出一个个希望。你参加一个个招聘会，尽量
2014-05-27 23:49:51
458
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人