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.0005, 0.0005, 0.0005 ); var material = new THREE.MeshBasicMaterial( { color: color } ); var sphere = new THREE.Mesh( geometry, material ); pointLight.add( sphere ); return pointLight; } for (var i = 0; i < 80; 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.0003; for (var i = 0; i < 40; i++) { time += 3+i; window["pointLight"+i].position.x = Math.sin( time ) * -13 + 0; window["pointLight"+i].position.y = Math.sin( time * 1 ) * 13 + 10; window["pointLight"+i].position.z = Math.sin( time * 1.2 ) * -13; } for (var i = 40; i < 80; i++) { time += 3+i; window["pointLight"+i].position.x = Math.sin( time ) * 13 + 0; window["pointLight"+i].position.y = Math.sin( time * 1 ) * 13 + 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号