ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Threejs 自动完成

wrbing728 ALL

threejs-sublime

详细信息

  • 1.0.0
  • github.​com
  • 6年前
  • 12分钟前
  • 12年前

安装次数

  • 总计 15K
  • Win 9K
  • Mac 4K
  • Linux 2K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日 6月22日
Windows 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 1 1
Mac 1 1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1
Linux 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0

README文件

源代码
raw.​githubusercontent.​com

threejs-sublime

Threejs sublime 为 Sublime Text 2 内的 JavaScript 文件添加了 THREE.js 的自动完成功能

作者

Jason Kadrmas http://kadrmasconcepts.com/blog/

安装

可以通过包控制安装 Threejs sublime。

  • Command+Shift+P
  • 包控制安装软件包
  • 选择 Three.js 自动完成

使用方法

如果一切安装正确,您应该能够开始键入 'THREE.' 并获得自动完成。祝您享受!

待办事项

下一步可以添加一些常用代码块作为代码片段。创建新场景的示例快捷方式可以是

tscene + tab

这将引入创建新场景的基本代码。

var camera, scene, renderer,
    geometry, material, mesh;

    init();
    animate();

    function init() {

        scene = new THREE.Scene();

        camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
        camera.position.z = 1000;
        scene.add( camera );

        geometry = new THREE.CubeGeometry( 200, 200, 200 );
        material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

        mesh = new THREE.Mesh( geometry, material );
        scene.add( mesh );

        renderer = new THREE.CanvasRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );

        document.body.appendChild( renderer.domElement );

    }

    function animate() {

        // note: three.js includes requestAnimationFrame shim
        requestAnimationFrame( animate );
        render();

    }

    function render() {

        mesh.rotation.x += 0.01;
        mesh.rotation.y += 0.02;

        renderer.render( scene, camera );

    }