2016年12月_doupi520

原创 WebGL就是为了统一这个标准而诞生的

今天开始学习three.js，之前也听说过这个引擎。我们应该怎么称呼它呢？Three.js在Github上是这么说的：JavaScript 3D libraryThe aim of the project is to create an easy to use, lightweight, 3D library. The library provides , , CSS3D and WebGL ren

2016-12-31 18:42:11 800

原创 Python第一篇【安装及初体验】

最近老是收到短信，一个号码连着给我发2条。没2天发一遍。短信主要内容就是“男士精致养生，SPA养生，让男人彻底飞起来”类似这样的短信，烦躁！各种电话，我都不接的！不是不礼貌，基本都是推销，所以我不想接。现在没有隐私，人都是透明的。。。当下火热的大数据，人工智能风风火火，有空了，也看一下吧。所以也就看看Python这个工具到底可以做啥？OK。下载安装看看吧。下载了

2016-12-31 17:04:46 375

原创关于WEBGL，随便聊聊

任何事物发展都不是一蹴而就的。有的是步履蹒跚一路走来，有的是众星捧月般的诞生。但却都是必然产物。1946年2月14日，情人节，美国宾夕法尼亚大学，世界第一台电子数字计算机ENIAC。转为米国军方定制，用于计算弹道和射击特性表面而研制的。谁想到如今普通大众生活中却离不开计算机了......WebGL，大概在2011年3月，多媒体标准化组织khronos在米国洛杉矶举办的游戏开发大会上发布WebG

2016-12-31 11:08:38 1014 1

原创 threejs第五篇【一条龙测试之四 threejs 给obj模型贴图】

由于OBJ没有纹理信息，需要threejs来加载外部贴图，来指定给模型！//模型需要纹理Texture var texture = new THREE.Texture(); var loader = new THREE.ImageLoader( manager ); loader.load( 'knotTex.png', function

2016-12-30 16:34:51 13706 3

原创 threejs第五篇【一条龙测试之三 threejs加载 obj 格式模型】

接着分享如何加载obj格式的模型文件，直接看代码 if(Detector.webgl){ //alert('浏览器支持'); //浏览器支持，我们就做初始化工作。不然js处理半天，浏览器不支持也白搭

2016-12-30 12:23:42 13963 2

原创 threejs第五篇【一条龙测试之二 threejs基本环境架设】

一条龙测试，第一步外部模型有了，现在巩固一下threejs基本知识，老三样（我给起名，好记）上场，把基本环境架设好。我们这次把浏览器兼容、模型加载显示、模型交互加入进来。首先在html里面做webgl兼容测试，我之前做过分享，不了解的请看看我的threejs翻译分享。是我个人翻译的，纯属交流。个人理解加工具翻译，有错误还请各位指出来！谢谢！好了，说正经的。创建html文

2016-12-30 10:53:57 1616

原创 threejs第五篇【一条龙测试之一 3DSMAX模型建立导出obj】

大家好，今天刚刚做了项目提成表，提成做了，等着发钱。要是每天都有发的，该多好：）昨天晚上的彩票查了一下。没中！！！还是认认真真老老实实学东西吧。前几天分享了一下一些基础东西，今天一条龙测试看看吧。做什么呢？用3dsmax做个模型，导出Obj格式，three.js加载。点击模型，模型发生颜色变化。就这么个一条龙，做做看！第一步：3dsmax打开，做个Torus Knot001模型

2016-12-30 10:02:28 9173 2

原创 three.js官方手册翻译【相机篇相机基类camera】

camera继承Object3D,也是所有相机的基类。你新建相机那么这个类就会被继承。构造函数Camera()创建一个新的相机。注意这个类不能直接被调用的；要么是构造PerspectiveCamera，要么是OrthographicCamera。属性部分是继承的Object3D.isCamera用来检查自身或者派生类是不是相机。默认true。你无须改变它，它用于内

2016-12-29 15:42:13 1337

原创 three.js第四篇【创建3D文字】

网页里面显示文字，太简单了。但是如果要显示3D效果文字，懵逼了吧。看three.js强大威力!! var scene,camera,render; var loader = new THREE.FontLoader();

2016-12-29 12:11:58 7042 1

原创 three.js第三篇【简单画线】

今天简单给大家演示一下，如何绘制线条：代码示意： // 老三样场景scene，相机camera，渲染器render var scene=new THREE.Scene(); // 相机 var camera

2016-12-29 11:22:14 12259

原创 three.js官方手册翻译【第二节WegGL和浏览器兼容性检测】

WegGL 和浏览器兼容性检测有一些设备和浏览器可能不支持webgl。下面的代码可以做基本的检测！如果你下载了three.js的完整包，在examples/js里面有个Detector.js就是干这个事情的！ div#cont

2016-12-28 16:42:01 901

原创 three.js官方手册翻译【第一节Creating a scene】

创建场景本节目的是简要介绍three.js。我们通过设定一个有一个3D立方体的场景开始本节。如果你碰到什么疑难问题可以在本文最后看到一个正常可以执行的页面实例。开始之前在使用three.js之前，你需要网页某个地方来承载显示3D的场景。把如下代码考本到你本机的某个空白的*.html里面去，关键是，这个引用路径很重要。 My first thre

2016-12-28 16:03:24 758

原创 three.js第二篇【场景创建】

上一篇大概讲了一下three.js是什么东西，本节给大家介绍以下几个点：1，能做什么？2，做了什么？3，怎么做？1，能做什么？游戏、虚拟漫游场景、产品三维展示等都可以，只要有人说：如果谁可以在网页里面做一个无需插件的3D场景，我就给他投资1个亿，那你可以站出来了!轻松融资1个亿！2，做了什么？看three.js提供的在线案例吧大家可以看看案例：htt

2016-12-28 16:00:36 2186

原创 three.js第一篇【基本了解】

今天开始学习three.js，之前也听说过这个引擎。我们应该怎么称呼它呢？Three.js在Github上是这么说的：JavaScript 3D libraryThe aim of the project is to create an easy to use, lightweight, 3D library. The library provides , , CSS3D

2016-12-28 11:47:23 3328

印心石屋