engine: Oasis Engine 引擎是一款以 Web 为先,移动为先的互动/创作平台,使用组件系统架构、逻辑编写采用脚本系统、引擎源码使用 TypeScript 编写,并且追求易用和轻量

您所在的位置:网站首页 oasis下载 engine: Oasis Engine 引擎是一款以 Web 为先,移动为先的互动/创作平台,使用组件系统架构、逻辑编写采用脚本系统、引擎源码使用 TypeScript 编写,并且追求易用和轻量

engine: Oasis Engine 引擎是一款以 Web 为先,移动为先的互动/创作平台,使用组件系统架构、逻辑编写采用脚本系统、引擎源码使用 TypeScript 编写,并且追求易用和轻量

2023-11-13 18:48| 来源: 网络整理| 查看: 265

Oasis Engine

npm-size npm-download codecov

Oasis is a web-first and mobile-first high-performance real-time interactive engine. Use component system design and pursue ease of use and light weight. Developers can independently use and write Typescript scripts to develop projects using pure code.

Features 🖥  Platform - Suppport HTML5 and Alipay miniprogram 🔮  Graphics - Advanced 2D + 3D graphics engine 🏃  Animation - Powerful animation system 🧱  Physics - Powerful and easy-to-use physical features 👆  Input - Easy-to-use interactive capabilities 📑  Scripts - Use TypeScript to write logic efficiently Usage // Create engine by passing in the HTMLCanvasElement id and adjust canvas size. const engine = new WebGLEngine("canvas-id"); engine.canvas.resizeByClientSize(); // Get scene and create root entity. const scene = engine.sceneManager.activeScene; const rootEntity = scene.createRootEntity("Root"); // Create light. const lightEntity = rootEntity.createChild("Light"); const directLight = lightEntity.addComponent(DirectLight); lightEntity.transform.setRotation(-45, -45, 0); directLight.intensity = 0.4; // Create camera. const cameraEntity = rootEntity.createChild("Camera"); cameraEntity.addComponent(Camera); cameraEntity.transform.setPosition(0, 0, 12); // Create sphere. const meshEntity = rootEntity.createChild("Sphere"); const meshRenderer = meshEntity.addComponent(MeshRenderer); const material = new BlinnPhongMaterial(engine); meshRenderer.setMaterial(material); meshRenderer.mesh = PrimitiveMesh.createSphere(engine, 1); // Run engine. engine.run(); npm

The engine is published on npm with full typing support. To install, use:

npm install oasis-engine

This will allow you to import engine entirely using:

import * as OASIS from "oasis-engine";

or individual classes using:

import { Engine, Scene, Entity } from "oasis-engine"; Contributing

Everyone is welcome to join us! Whether you find a bug, have a great feature request or you fancy owning a task from the road map feel free to get in touch.

Make sure to read the Contributing Guide / 贡献指南 before submitting changes.

Build

Prerequisites:

Node.js v15.0.0+ and NPM (Install by official website) PNPM (Install globally by npm install -g pnpm)

In the folder where you have cloned the repository, install the build dependencies using pnpm:

pnpm install

Then, to build the source, using npm:

npm run b:all Links Official Site Examples Documentation API References License

The engine is released under the MIT license. See LICENSE file.



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3