WebGL 开发:光源和投影总结

Three.js内置了多种光源可以直接调用: AmbientLight(环境光) AreaLight(区域光) DirectionalLight(平行光) HemisphereLight(半球光) PointLight(点光源) SpotLight(聚光灯) 首先我们设置好基础的环境: 我的第一个WebGL程序 body { margin: 0; overflow:

- 阅读全文 -

three.js:dat.GUI()

(1)首先在页面的 标签中添加这个库。 (2)定义一个 JavaScript 对象(这里假设叫做 controls),该对象将保存希望通过 dat.GUI 改变的属性。 var controls = new function () { this.rotationSpeed = 0.02; //...... }; (3)接下来需要将这个 JavaScript 对象传递给 dat.gui 对象

- 阅读全文 -

div id 语法以及用途

    我们把一些标签放进<div.....>里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分(板块)设置一个名称,用id属性来为<div..>提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。 如下两图进行比较,如果设计师把两个图给你,哪个图你看

- 阅读全文 -

web开发--如何以最快的速度搭建一个简单的静态服务器

一、启动Windows PowerSHell管理员权限; 二、输入cd + 文件路径(根目录) 三、server服务的工具安装,安装http-server 来架设服务器 四、启动日志: 命令为:http-server  (在浏览器中访问以下三个地址中的任意一个,就能看到src目录下的 index.html 咯,案例是在src目录下启动的服务) 命令为:http-server src  (若命

- 阅读全文 -

CSS:150例笔记

1、设置页面背景 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>前端</title> <style> //对body进行设置 body {

- 阅读全文 -