Toggle navigation
在线编辑器
在线代码
文本比较
jQuery下载
前端库
在线手册
登录/注册
下载代码
html
css
js
分享到微信朋友圈
X
html
css
body { margin:0; overflow:hidden; background-color:#000001; }
JavaScript
var camera, scene, renderer; var scale = 6; var position = 10; init(); animate(); function init() { camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000); camera.position.set(0, 10, 40); scene = new THREE.Scene(); // lights function createLight(color) { var pointLight = new THREE.PointLight(color, 15, 7); var geometry = new THREE.SphereGeometry(0.1, 0.1, 0.1); var material = new THREE.MeshBasicMaterial({ color: color }); var sphere = new THREE.Mesh(geometry, material); pointLight.add(sphere); return pointLight; } for (var i = 0; i < 40; i++) { window["pointLight" + i] = createLight(Math.random() * 0xffffff); scene.add( window["pointLight" + i]); } // var manager = new THREE.LoadingManager(); var material = new THREE.MeshPhongMaterial({ color: 0x000000, shininess: 100 }); var materialred = new THREE.MeshToonMaterial({ color: 0xff0000 }); //HEAD var loader = new THREE.OBJLoader(manager); loader.load('//www.jq22.com/gxwj/Head.OBJ', function(head) { head.traverse(function(child) { if (child instanceof THREE.Mesh) { child.material = material; } }); head.position.y = position; head.scale.set(scale, scale, scale); scene.add(head); }); //EYES var loader = new THREE.OBJLoader(manager); loader.load('//www.jq22.com/gxwj/Eyes.OBJ', function(eyes) { eyes.traverse(function(child) { if (child instanceof THREE.Mesh) { child.material = materialred; } }); eyes.position.y = position; eyes.scale.set(scale, scale, scale); scene.add(eyes); }); //jaw var loader = new THREE.OBJLoader(manager); loader.load('//www.jq22.com/gxwj/Jaw.OBJ', function(jaw) { jaw.traverse(function(child) { if (child instanceof THREE.Mesh) { child.material = materialred; } }); jaw.position.y = position; jaw.scale.set(scale, scale, scale); scene.add(jaw); }); //teeth var loader = new THREE.OBJLoader(manager); loader.load('//www.jq22.com/gxwj/Teeth.OBJ', function(teeth) { teeth.traverse(function(child) { if (child instanceof THREE.Mesh) { child.material = materialred; } }); teeth.position.y = position; teeth.scale.set(scale, scale, scale); scene.add(teeth); }); // renderer = new THREE.WebGLRenderer({ antialias: true }); renderer = new THREE.WebGLRenderer({ alpha: true }); renderer.setClearColor(0x000000, 0); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); // var controls = new THREE.OrbitControls(camera, renderer.domElement); controls.target.set(0, 10, 0); controls.update(); // window.addEventListener('resize', onWindowResize, false); } function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } function animate() { requestAnimationFrame(animate); scene.rotation.y += 0.007; render(); } function render() { var time = performance.now() * 0.0005; for (var i = 0; i < 10; i++) { time += 1 + i; window["pointLight" + i].position.x = Math.sin(time) * -8 + 0; window["pointLight" + i].position.y = Math.sin(time * 1) * 5 + 10; window["pointLight" + i].position.z = Math.sin(time * 1.2) * 13; } for (var i = 10; i < 20; i++) { time += 1 + i; window["pointLight" + i].position.x = Math.sin(time) * 8 + 0; window["pointLight" + i].position.y = Math.sin(time * 1) * 5 + 10; window["pointLight" + i].position.z = Math.sin(time * 1.2) * 13; } for (var i = 20; i < 30; i++) { time += 1 + i; window["pointLight" + i].position.x = Math.sin(time) * -16 + 0; window["pointLight" + i].position.y = Math.sin(time * 1) * 10 + 10; window["pointLight" + i].position.z = Math.sin(time * 1.2) * 13; } for (var i = 30; i < 40; i++) { time += 1 + i; window["pointLight" + i].position.x = Math.sin(time) * 16 + 0; window["pointLight" + i].position.y = Math.sin(time * 1) * 10 + 10; window["pointLight" + i].position.z = Math.sin(time * 1.2) * 13; } renderer.render(scene, camera); }
粒子
时间
文字
hover
canvas
3d
游戏
音乐
火焰
水波
轮播图
鼠标跟随
动画
css
加载动画
导航
菜单
按钮
滑块
tab
弹出层
统计图
svg
×
Close
在线代码下载提示
开通在线代码永久免费下载,需支付20jQ币
开通后,在线代码模块中所有代码可终身免费下!
您已开通在线代码永久免费下载,关闭提示框后,点下载代码可直接下载!
您已经开通过在线代码永久免费下载
对不起,您的jQ币不足!可通过发布资源 或
直接充值获取jQ币
取消
开通下载
<!doctype html> <html> <head> <meta charset="utf-8"> <title>钻石龙修改版-jq22.com</title> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <style>
</style> </head> <body>
<script>
</script>
</body> </html>
2012-2021 jQuery插件库版权所有
jquery插件
|
jq22工具库
|
网页技术
|
广告合作
|
在线反馈
|
版权声明
沪ICP备13043785号-1
浙公网安备 33041102000314号