<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5 Three.js 3D卡通森林效果</title>
<style>
body {
margin: 0;
overflow: hidden;
}
.link {
position: fixed;
bottom: 0;
left: 0;
margin: 10px;
font-family: sans-serif;
font-weight: 100;
}
.link a {
color: white;
text-decoration: none;
}
.link a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/three.min.js"></script>
<script src="js/OrbitControls.js"></script>
<script>
'use strict';
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
var imageData = ['data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFMEYxNTcyRjJFMTFFNjkzMDE4NzcxMTU1MzZCMjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFMEYxNTgyRjJFMTFFNjkzMDE4NzcxMTU1MzZCMjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEUwRjE1NTJGMkUxMUU2OTMwMTg3NzExNTUzNkIyNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEUwRjE1NjJGMkUxMUU2OTMwMTg3NzExNTUzNkIyNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtzalkwAABcxSURBVHja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