FR:徐海涛(hunkxu)
Interactive sketches made with three.js. https://ykob.github.io/sketch-threejs/ This code is released under the MIT license. If you want to use some code, you can use these freely by adding license no
本章节主要目的是认识Threejs的各类材质Material,所谓材质,简单地说就是字面意思,就像生活中你聊天一样,说这是塑料材质,这是金属材质,这是纤维材质...,深入一点说,就是包含光照算法的着色器GLSL ES代码。如果你想给一个模型设置特定的颜色,如果你想给一个模型设置一定透明度,如果你想实现一个金属效果,你想设置模型纹理贴图,那么Threejs的提供各种材质类就是你的选择。 本章节除了讲
为了更好的渲染场景,threejs提供了生活中常见的一些光源的API。 你可以测试前面几节课案例中的光源代码,比如全部删除所有的光源代码,你会发现场景中的物体是黑色的,就像生活中一样没有光,物体是黑色的。 常见光源类型 本节课不会对threejs各类光源进行深入介绍,主要是简单展示下,对于初学者有一个印象就可以。 光源 简介 AmbientLight 环境光 PointLight 点光源 Dire
Image Gallery Threejs 是使用 jQuery 和 three.js 创建的 3D 旋转滑动插件。 支持的浏览器: Firefox - 30.0.0 + Chrome - 35.0.0 + Explorer: 9 + Ipad Safari: 7.0.0 + Iphone Safari: 7.0.0 + IOS Safari: 7.0.0 + Android Chrome: no
three.js-es6-webpack-starter Three.js ES6 starter project with a sane webpack configuration. Features ES6 support with babel-loader JS linting + code formatting with eslint and prettier Offscreen canv
Three.js Webpack ES6 Boilerplate https://github.com/paulmg/ThreeJS-Webpack-ES6-Boilerplate/ A basic boilerplate for a Three.js project including the use of Webpack and ES6 syntax via Babel. Project St
Threejs对原生Web Audio API的封装提供了一些方便大家使用的语音模块。比如一个声音和一个网格模型绑定,这样网格模型的位置就是音源位置。第一小节对Threejs音频相关的API进行了一个整体的介绍,第二小节实现了一个讲解的音源可视化小案例。
Threejs是场景、渲染器、相机三大部分之一,在第一章新手上路部分已经进行了简单介绍。对于初学者而言,只要知道相机对象的作用是什么,可以不用深究,理解Threejs相机对象的最简单的方式就是参考生活中真实的相机拍照过程。 Threejs常用的相机对象就是正投影相机OrthographicCamera和透视投影相机PerspectiveCamera, 初学者对这两种相机对象建立一个基本的印象即可,