上一节我们简单的说了一下THREE中必要的元素.今天我们深入探讨一下各种THREE的光源. 一 基础光源 基础光源有4种1.THREE.AmbientLight(环境光源)2.THREE.PointLight(点光源)3.THREE.SpotLight(聚光灯)4.THREE.DirectionalLight(平行光) 1.环境光源THREE.AmbientLight 环境光源没有特定的方向,他的颜色会应用到全局,它默认不会产生阴影.在没有光源的情况下,我们什么都看不到,而单独使用其他光源的情况…

初探原生js根据json数据动态创建table 小生以实习生的职位进入了一家非纯软件的公司做asp.net开发,大半个月下来发现公司里居然没有前端工程师,这令我很诧异,跟着公司做项目,发现前端后台没有明显的分工,使用传统的WebFrom开发模式,一个Button都要返回服务器处理一次,服务器说它觉得很累. 而我最近由于公司有很多很紧急的任务交给我,所以之前说的那个个人博客暂停了一下.由于我想尽量减轻服务器负担,尽量让一些逻辑在浏览器端完成,浏览器端与服务器之间仅有数据交换,尽可能地把逻辑留给浏览…

在Threejs中,光源用Light表示,它是所有光源的基类.它的构造函数是: THREE.Light ( hex ) 它有一个参数hex,接受一个16进制的颜色值.例如要定义一种红色的光源,我们可以这样来定义: Var redLight = new THREE.Light(0xFF0000); Three.js内置了多种光源可以直接调用: AmbientLight(环境光) AreaLight(区域光) DirectionalLight(平行光) HemisphereLight(半球光) Po…

相信大多数选择前端的小伙伴都有一个设计师的梦,今天我来说一说three.js.three.js是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机.光影.材质等各种对象.学习了它之后,就可以在3D发挥你无穷的想象力和设计能力.虽说他是js,但是实际上是对WebGL的封装,对于不那么international得小伙伴来说文档可能不那么友好,相关中文文章零零散散又多又单薄,今天记录一下最近学习的情况,让广大萌新少走一些弯路. 1.渲染3D场景的一些条件 首先3D场景渲染的主角…

Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/products/extjs/evaluate/ 如图,这个是试用版下载地址,试用版和正版的区别大概就是试用版有试用标记水印吧,大概是吧. 官方api下载地址:http://docs.sencha.com/extjs/6.0/ 这个就是官方的在线api了,想要下载就把鼠标移动到左上角的Ext JS Guides上…

package.js { "name": "ttd_v3", "version": "0.1.0", "author": "liujin", "devDependencies": { "connect-livereload": "^0.5.2", "grunt": "~0.4.2", &q…

第一部分:前言 我们知道JS是弱类型语言,在声明变量时不论是什么类型的变量我们都用var即可,所以js是非常灵活的,但是同时问题就是弱类型语言有可能会出错,比如在调用函数时,且往往在运行起来时才可以检查,于是facebook开源了flow.js,它可以看做是强类型的js,即在声明变量时使用具体的类型名称,在运行前编译为正常的js即可. flow.js的理念类似于typescript,但是他比typescript更轻,更容易迁移,因为我们只需要做出很小的改变就可以使用flow.js,而typesc…

什么是Modernizr? Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库. 目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测18项 CSS3 功能以及40多项关于HTML5 的功能. 它比传统检测浏览器名称(浏览器嗅探)的方式更为可靠. 一整套测试的执行时间仅需几微秒. 此外,Modernizr 网站通过定制脚本只对你感兴趣的元素进行检测,从而实现效率优化.     下载 Modernizr 与其它 JavaScript 库相同的是,M…

一.定义及优势 定义:Node.js是一个基于 Chrome V8 引擎 的 JavaScript 运行时,它以事件驱动为基础实现了非阻塞模型. 优势:由于Web场景下的大多数任务(静态资源读取.数据库操作.渲染页面)都是I/O密集的,所以使用非阻塞模型就可以大大地提高CPU的利用率. 使用场景:Web Server.本地代码构建(用于编译构建前端代码).实用工具开发. 二.成员 CommonJs:模块规范 global:全局对象 process:当前执行的进程 三.CommonJS规则 每个文…

这节我们浅谈一下THREE的材质.材质就是物体的皮肤,决定物体的表面.THREE的材质有很多种,他们有的和到相机的距离有关,有的和面的法向量角度有关,有的不受光照的影响,有的受到光照的影响会产生反射效果或者漫反射效果,也可以将多个材质合成一个.1. THREE.MeshBasicMaterial(基础材料).2. THREE.MeshDepthMaterial(深度材料).3. THREE.MeshNormalMaterial(法向材料).4. THREE.MeshFaceMaterial(面材…