Web 3D
文章平均质量分 65
bullzerone
每天进步一点点
展开
-
jQuery 第一个例子
操作类:jQuery 提供很多操作元素所属类的方法。如果页面包含样式表,可以动态的将某元素加入一个类或者从类中删除。下面的例子中,当鼠标进入段落时,段落被加入highlighted类,当鼠标离开段落时,段落又会从类中删除。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Altering Cla原创 2017-07-10 20:37:05 · 258 阅读 · 0 评论 -
网页界面组件 ControlKit
一个JavaScript库,可以在网页上作出非常漂亮的简单组件,如:按钮,输入框,滑动条,复选框等。 一个展示效果图片,感受一下:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Altering Classes on the FLY</title> <style> p原创 2017-07-10 21:00:23 · 705 阅读 · 0 评论 -
Three.JS第一个三维场景建立
最近在看一些Web3D的内容,觉得如果用纯openGLes写一个简单的3D场景太难了;不过还好,有很多现成的库可以使用。 (个人感觉):我知道的经常的是Three.JS和SceneJS。感觉Three.JS资料比较多,貌似好学一些吧;另一个是ScenenJS,感觉官方介绍比较好,适合做一些工程和医学上的模拟,实时性比较好,但是中文资料感觉比较少,不太好学习。我个人看的是Three.JS学习中用到原创 2017-07-16 11:30:21 · 3920 阅读 · 0 评论 -
Three.JS 添加灯光、材质和阴影(第一个例子)
three.js中都多种灯光和材质,这里只是添加了一种灯光,聚光灯spotLight。首先构建一个spotLight对象:var spotLight = new THREE.SpotLight(0xFFFFFF); 指定光源的位置,从何处开始照射:spotLight.position.set(-40,60,-10);把光源变量加入到场景:scene.add(spotLight);材质:MeshBa原创 2017-07-16 13:38:26 · 4197 阅读 · 0 评论 -
添加动画和控制组件(第一个例子)
这是第一个例子的最后学习. 这次学习会给第一个例子加上动画效果(requestAnimationFrame函数)。还会加入一个FPS监测组件(stats插件),一个简单的控制组件,控制立方体的旋转速度,球体的弹跳速度,通过鼠标来拖动控制组件来调节(dat.GUI库)》》》》》stats插件 在例子中的HTML文件中,新加入一个ID为Stats-output的DIV,到时FPS监测插件会显示在这个原创 2017-07-16 18:26:20 · 707 阅读 · 0 评论 -
THREE.JS场景基本组件(一)
scene是物体的容器,three.JS绘制的物体对象都会放置在场景之中;相机决定了在场景中如何查看物体,能看到什么物体;光源决定了能看到物体,物体可以产生阴影等;物体就是利用three.JS创建的各种对象,如球体,立方体等等。下面会建立一个基本的框架,在此基础上,会做一些基本的功能:添加一个立方体,删除添加的立方体,轴辅助,箭头辅助,边辅助,网格辅助。各种需要的库需要自己去下载,都是免费的:thr原创 2017-07-23 17:52:53 · 980 阅读 · 1 评论