Omega3D.js 抛光的彩虹3D甜甜圈

基于OMEGA 3D Framework实现的3D模型。

webgl，模型

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1784
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

document.getElementsByTagName("body")[0].onload = timeout();
var images, scene, cam, light1, light2, light3, torus, renderer, chain;

function timeout() {
    setTimeout(function() {
        init();
    }, 1000);
}

function init() {
    //adjust on window
    Omega3D.Recalibrate();

//scene
    scene = new Omega3D.Scene();
    scene.setColor(0, 0, 0);

//camera.
    cam = new Omega3D.cameras.Camera();
    cam.LookAt(0, 0, 0, [0, -1, -3]);

//lights
    light1 = new Omega3D.Light(Omega3D.POINT_LIGHT);
    light1.SetSpecular(1.0, 1.0, 1.0);
    light1.SetDiffuse(1.0, 0.0, 0.0);
    light1.SetAmbient(0, 0, 0);
    light1.SetPosition(1, -1, -1);
    scene.addLight(light1);

light2 = new Omega3D.Light(Omega3D.POINT_LIGHT);
    light2.SetSpecular(1.0, 1.0, 1.0);
    light2.SetDiffuse(0, 1.0, 0.0);
    light2.SetPosition(-1, -1, -1);
    scene.addLight(light2);

light3 = new Omega3D.Light(Omega3D.DIRECTIONAL_LIGHT);
    light3.SetDirection(-1, 0, 0);
    light3.SetSpecular(1.0, 1.0, 1.0);
    light3.SetDiffuse(0.0, 0.0, 1.0);
    scene.addLight(light3);

//object
    torus = new Omega3D.Object3D(new Omega3D.Mesh(new Omega3D.Geometry.TorusGeometry(0.75, 0.35, 60, 60)),
        new Omega3D.BasicMaterial([], scene, [1, 1, 1]));

//add object to scene.
    scene.addChild(torus);

//create render chain.
    renderer = new Omega3D.WebGLRenderer;
    chain = new Omega3D.RenderChain();
    chain.AddRenderPass(new RenderPass(renderer, scene, cam));
    renderer.SetRenderChain(chain);

//start render.
    render();
}

//RENDER.
function render() {
    requestAnimationFrame(render);

//rotate torus.
    torus.Rotate(0.01, 0.02, 0.03);

//render step.
    renderer.render();
}

编译

CSS

HTML

基于OMEGA 3D Framework实现的3D模型。

webgl，模型

编辑器支持Emmet

快捷键

基于OMEGA 3D Framework实现的3D模型。

webgl，模型

使用WebGL实现3D雨滴/山脉/云彩模型和下雨动画

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：