Forked from: krzychukula's Three.js example View Diff (16) Three.js Practice01 Cube siouxcitizen Follow 2011-07-29 19:30:00 License: MIT License Fork7 Fav1 View6791 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 50 lines HTML 0 lines CSS 1 lines Three.js Practice01 Cube Three.js r42 // forked from krzychukula's "Three.js example" http://jsdo.it/krzychukula/iuxv var camera, scene, renderer, geometry, material, mesh; init(); animate(); function init() { camera = new THREE.Camera( 75, window.innerWidth / window.innerHeight, 1, 10000 ); camera.position.z = 1000; scene = new THREE.Scene(); geometry = new THREE.CubeGeometry( 200, 200, 200 ); material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } ); mesh = new THREE.Mesh( geometry, material ); scene.addObject( mesh ); renderer = new THREE.CanvasRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); document.addEventListener('mousemove', handleMouseMove, false); } function handleMouseMove(event) { mesh.rotation.x = event.clientX/10; mesh.rotation.y = event.clientY/10; } function animate() { // Include examples/js/RequestAnimationFrame.js for cross-browser compatibility. requestAnimationFrame( animate ); render(); } function render() { renderer.render( scene, camera ); } Three.js Practice01 Cube body { background-color: #FFFFFF; font: 30px sans-serif; } // forked from krzychukula's "Three.js example" http://jsdo.it/krzychukula/iuxv var camera, scene, renderer, geometry, material, mesh; init(); animate(); function init() { camera = new THREE.Camera( 75, window.innerWidth / window.innerHeight, 1, 10000 ); camera.position.z = 1000; scene = new THREE.Scene(); geometry = new THREE.CubeGeometry( 200, 200, 200 ); material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } ); mesh = new THREE.Mesh( geometry, material ); scene.addObject( mesh ); renderer = new THREE.CanvasRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); document.addEventListener('mousemove', handleMouseMove, false); } function handleMouseMove(event) { mesh.rotation.x = event.clientX/10; mesh.rotation.y = event.clientY/10; } function animate() { // Include examples/js/RequestAnimationFrame.js for cross-browser compatibility. requestAnimationFrame( animate ); render(); } function render() { renderer.render( scene, camera ); } body { background-color: #FFFFFF; font: 30px sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author siouxcitizen URLhttp://twitter.com/siouxcitizen/ 混沌としてきたので投稿コードをまとめてみました Naver : http://matome.naver.jp/odai/2142288467101177901 作業用BGMにYoutube動画を連続再生するプログラムもまとめてみました 直リンク : http://matome.naver.jp/odai/2143666226200730001 アーティスト別の再生動画の一覧付きリスト : http://matome.naver.jp/odai/2142630899820574901 旧ブログ : http://oretaikan.blog20.fc2.com 作りかけ新ブログ : http://oreorekaihatsu.blogspot.jp/ Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/iHLR/js"></script> Discussion Questions on this code? Favorite by calmbooks Forked sort by latest page views favorite forked forked: Three.js Practice01 Cu ohisama 10 894 35/0/8 library&test forked: Three.js Practice01 Cu Chase.Sechri 00 893 51/1/1 forked: Three.js Practice01 Cu tktkhrms 00 625 67/0/1 Three.js Practice07 Light siouxcitizen 52 5847 66/2/1 1 2NEXT>>