cesiumの作法 その6

概要

cesiumの作法、調べてみた。
three.js使ってみた。

サンプルコード

var viewer = new Cesium.CesiumWidget('cesiumContainer', {
});
var scene;
var box;
var camera;
var renderer;
var light;
var width = window.innerWidth;
var height = window.innerHeight;
scene = new THREE.Scene();
box = new THREE.Mesh(new THREE.BoxGeometry(50, 50, 50), new THREE.MeshLambertMaterial({
  color: 0xff0000
}));
scene.add(box);
light = new THREE.DirectionalLight(0xffffff, 1); 
light.position.set(0, 100, 30);
scene.add(light);
camera = new THREE.PerspectiveCamera(45, width / height, 1, 1000);
camera.position.set(200, 100, 300);
camera.lookAt(box.position);  
renderer = new THREE.WebGLRenderer({
  alpha: true
});
renderer.setSize(width, height);
document.getElementById('threeContainer').appendChild(renderer.domElement);
function render() {
  requestAnimationFrame(render);
  renderer.render(scene, camera);
}
render();

成果物

以上。