[关闭]
@yangyc 2019-03-10T10:03:24.000000Z 字数 3304 阅读 503

在此处输入标题

未分类

Wonder.js

Wonder.js is a Functional, High performance 3D WebGL Engine.

Showcases

showcase1

Design

Feature

Usage

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>cube</title>
  7. </head>
  9. <body>
  10.     <script src="https://github.com/Wonder-Technology/Wonder.js/tree/master/examples/wd.js"></script>
  12.     <script>
  13.         window.onload = function () {
  14.             return wd.loadConfig(["https://github.com/Wonder-Technology/Wonder.js/tree/master/examples/config/setting.json", "https://github.com/Wonder-Technology/Wonder.js/tree/master/examples/config/"]).forEach(function (state) {
  15.             }).then(function () {
  16.                 return initSample(wd.unsafeGetState());
  17.             })
  19.             function _createBox(state) {
  20.                 var [state, material] = wd.createLightMaterial(state);
  22.                 var state = wd.setLightMaterialDiffuseColor(material, [0.0, 0.5, 0.2], state);
  23.                 var state = wd.setLightMaterialSpecularColor(material, [0.3, 0.1, 0.6], state);
  25.                 var [state, meshRenderer] = wd.createMeshRenderer(state);
  27.                 var [state, gameObject] = wd.createGameObject(state);
  29.                 var state = wd.addGameObjectLightMaterialComponent(gameObject, material, state);
  30.                 var state = wd.addGameObjectMeshRendererComponent(gameObject, meshRenderer, state);
  33.                 var [state, geometry] = wd.createBoxGeometry(state);
  36.                 var state = wd.addGameObjectGeometryComponent(gameObject, geometry, state);
  38.                 return [state, gameObject];
  39.             };
  41.             function _createCamera(state) {
  42.                 var [state, basicCameraView] = wd.createBasicCameraView(state);
  45.                 var state =
  46.                     wd.activeBasicCameraView(
  47.                         basicCameraView, state
  48.                     );
  51.                 var [state, perspectiveCameraProjection] = wd.createPerspectiveCameraProjection(state);
  54.                 var state = wd.setPerspectiveCameraProjectionNear(perspectiveCameraProjection, 0.1, state);
  55.                 var state = wd.setPerspectiveCameraProjectionFar(perspectiveCameraProjection, 2000, state);
  56.                 var state = wd.setPerspectiveCameraProjectionFovy(perspectiveCameraProjection, 60, state);
  59.                 var [state, gameObject] = wd.createGameObject(state);
  61.                 var state = wd.addGameObjectBasicCameraViewComponent(gameObject, basicCameraView, state);
  64.                 var state = wd.addGameObjectPerspectiveCameraProjectionComponent(gameObject, perspectiveCameraProjection, state);
  66.                 var transform = wd.unsafeGetGameObjectTransformComponent(gameObject, state);
  68.                 var state = wd.setTransformLocalPosition(transform, [0, 10, 50], state);
  70.                 return [state, gameObject];
  71.             };
  74.             function _createDirectionLight(state) {
  75.                 var [state, light] = wd.createDirectionLight(state);
  77.                 var state = wd.setDirectionLightColor(light, [1.0, 0.0, 0.0], state);
  80.                 var [state, gameObject] = wd.createGameObject(state);
  83.                 var transform = wd.unsafeGetGameObjectTransformComponent(gameObject, state);
  85.                 var state = wd.setTransformLocalEulerAngles(transform, [0, 180, 0], state);
  88.                 var state = wd.addGameObjectDirectionLightComponent(gameObject, light, state);
  90.                 return [state, gameObject];
  91.             };
  93.             function initSample(state) {
  94.                 var [state, box] = _createBox(state);
  97.                 var state = wd.setAmbientLightColor([0.2, 0.2, 0.2], state);
  100.                 var [state, directionLightGameObject] = _createDirectionLight(state);
  103.                 var [state, cameraGameObject] = _createCamera(state);
  106.                 wd.startDirector(state);
  107.             }
  108.         };
  109.     </script>
  110. </body>
  111. </html>

How to build

Useful links

What's this?

Art

Design is Art

Code is Art

Everything is Art

Extend Everything

High Performance

Support All Web Platform

PC

Chrome

Firefox

Document

Contributing

Join us, We can create the amazing 3D world together!

Feature

Tool

Usage

How to build

How to test

License

MIT Licence

添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注