最近在看threejs開發指南，總結一下製作最基礎的3d場景的8步：
1. 設定場景大小
2. 建立webgl渲染器
3. 指定根節點元素
4. 初始化場景
5. 新增相機到場景
6. 建立物體到場景
7. 新增光源到場景
8. 渲染
下面給出**：
1. 設定場景大小
var width = 400, height = 300;
2. 建立webgl渲染器
var renderer = new three.webglrenderer();
renderer.setclearcolor(0xffffff, 1.0);//設定canvas背景色
renderer.setsize(width, height); // 啟動渲染器
3. 指定根節點元素
var $container = $('#container');
4. 初始化場景
var scene = new three.scene();
5. 新增相機到場景
// 設定相機屬性
var view_angle = 45, aspect = width / height, near = 0.1, far = 10000;
var camera = new three.perspectivecamera(view_angle ,aspect ,near ,far );
scene.add(camera);
camera.position.z = 300;
6. 建立物體到場景
// 設定球體引數
var radius = 50,segments = 16,rings = 16;
//球體材質
// 建立球體
var geometry = new three.spheregeometry( radius, segments, rings);
var sphere = new three.mesh(geometry , spherematerial);
scene.add(sphere);
7. 新增光源到場景
var light = new three.directionallight(0xffffff, 1.0, 0);//設定平行光源
light.position.set( 200, 200, 200 );//設定光源向量
scene.add(light);// 追加光源到場景
8. 渲染
renderer.render(scene, camera);
SuperMap Objects 入門教程 1
supermap objects 入門教程 1 目的 了解supermap objects 最基本的操作流程。實用物件 初次接觸supermap objects 控制項的使用者。涉及到的物件與相關介面 事件 屬性 方法 1.supermap 物件 用於顯示地圖 地圖圖層管理 地圖放大 縮小等 sup...
Python入門教程（1）
工作告一段落，開始寫入門python系列，這個系列時間跨度很長，原計畫是2016年7月份才正式學python的，結果最近來了乙個會python的同事，簡單的讓我入了門，所以先寫再說吧。按照習慣第一次輸入 hello world 完成第乙個python程式。操作符 加 減 乘 除 使用者輸入 inpu...
TopCoder入門教程 1
本文根據經典的tc教程完善和改編。topcoder 基本規則 topcoder的比賽型別很多，最常見的是周賽srm single round match 另外還有tchs srm topcoder high school srm，題目和srm一樣，僅限中學生參加，參賽者水平較低，據說漲rating很...